Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ng test error with PhantomJS , getting less error #462

Open
bxdadwhal opened this issue Jan 16, 2022 · 3 comments
Open

ng test error with PhantomJS , getting less error #462

bxdadwhal opened this issue Jan 16, 2022 · 3 comments

Comments

@bxdadwhal
Copy link

bxdadwhal commented Jan 16, 2022

error :-npm run coverage

gd@2.0.0 coverage
ng test --code-coverage --reporters=coverage

⠙ Generating browser application bundles (phase: building)...19 01 2022 01:29:08.151:INFO [karma-server]: Karma v6.3.11 server started at http://localhost:9876/
19 01 2022 01:29:08.158:INFO [launcher]: Launching browsers PhantomJS with concurrency unlimited
19 01 2022 01:29:08.183:INFO [launcher]: Starting browser PhantomJS
✔ Browser application bundle generation complete.

./src/styles.less - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/less-loader/dist/cjs.js):

Chunk.split is not a function

at processResult (C:\Users\bdadwhal-etc\angular-migration8.1\node_modules\webpack\lib\NormalModule.js:713:19)
at C:\Users\bdadwhal-etc\angular-migration8.1\node_modules\webpack\lib\NormalModule.js:819:5
at C:\Users\bdadwhal-etc\angular-migration8.1\node_modules\loader-runner\lib\LoaderRunner.js:399:11
at C:\Users\bdadwhal-etc\angular-migration8.1\node_modules\loader-runner\lib\LoaderRunner.js:251:18
at context.callback (C:\Users\bdadwhal-etc\angular-migration8.1\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
at Object.lessLoader (C:\Users\bdadwhal-etc\angular-migration8.1\node_modules\@angular-devkit\build-angular\node_modules\less-loader\dist\index.js:54:5)

Error: src/app/citation/citation-list/citation-list.component.spec.ts:433:76 - error TS2345: Argument of type 'Observable<{}>' is not assignable to parameter of type 'void'.

433 spyOn(component['detailsService'], 'bibDetailsAction').and.returnValue(Observable.of({}));
~~~~~~~~~~~~~~~~~

Error: src/app/citation/store/details.service.spec.ts:59:81 - error TS2345: Argument of type 'Observable<{ bibDetails: { title: string; publishedDate: string; inventors: string[]; applicants: string[]; application: { country: string; display: string; date: string; type: string; kind: string; id: string; docKey: string; }; abstract: string; priority: any[]; }; classifications: { ...; }; }>' is not assignable to parameter of type 'Observable'.
Type '{ bibDetails: { title: string; publishedDate: string; inventors: string[]; applicants: string[]; application: { country: string; display: string; date: string; type: string; kind: string; id: string; docKey: string; }; abstract: string; priority: any[]; }; classifications: { ...; }; }' is missing the following properties from type 'BibResponse': docNumber, toDocNumber, toBibDetails, toClassifications

59 spyOn(service['citationStoreService'], 'getCitationDetail').and.returnValue(Observable.of(details));
~~~~~~~~~~~~~~~~~~~~~~

Error: src/app/page-content/events/controller.event.spec.ts:35:68 - error TS2345: Argument of type 'Observable' is not assignable to parameter of type 'Observable'.
Type 'DocNumber' is missing the following properties from type 'LookupResponse': group, title, query

35 spyOn(service['lookupEvent'], 'getObservable').and.returnValue(Observable.of(new DocNumber()));
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Error: src/app/page-content/events/lookup.event.spec.ts:78:82 - error TS2345: Argument of type '{ status: number; }' is not assignable to parameter of type 'Expected'.
Type '{ status: number; }' is missing the following properties from type '{ readonly name: ExpectedRecursive<"HttpErrorResponse">; readonly message: ExpectedRecursive; readonly error:
any; readonly ok: ExpectedRecursive; ... 4 more ...; readonly type: ExpectedRecursive<...>; }': name, message, error, ok, and 4 more.

78 expect(service['applicationErrorEvent']['lookupError']).toHaveBeenCalledWith(httpError);
~~~~~~~~~

./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[1].use[2]!./node_modules/@angular-devkit/build-angular/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[0]!./src/styles.less - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/less-loader/dist/cjs.js):

Chunk.split is not a function

@bxdadwhal
Copy link
Author

bxdadwhal commented Jan 16, 2022

package.json :-
{
"name": "gd",
"version": "2.0.0",
"engines": {
"node": "14.17.3",
"npm": "8.3.0"
},
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build --prod",
"test": "ng test",
"lint": "ng lint --type-check",
"e2e": "ng e2e",
"serve": "ng serve --proxy-config proxy.conf.json",
"coverage": "ng test --code-coverage --reporters=coverage"
},
"private": true,
"dependencies": {
"@angular/animations": "~12.2.0",
"@angular/common": "~12.2.0",
"@angular/compiler": "~12.2.0",
"@angular/core": "~12.2.0",
"@angular/forms": "~12.2.0",
"@angular/material": "^12.2.0",
"@angular/platform-browser": "~12.2.0",
"@angular/platform-browser-dynamic": "~12.2.0",
"@angular/router": "~12.2.0",
"@babel/compat-data": "^7.8.0",
"@ngrx/store": "^9.2.0",
"@types/jasminewd2": "^2.0.3",
"core-js": "2.5.1",
"dexie": "2.0.1",
"immutable": "3.8.2",
"karma-typescript": "^3.0.5",
"lodash": "4.17.4",
"ngx-bootstrap": "^7.0.0",
"pouchdb-browser": "6.3.4",
"rxjs": "6.6.0",
"rxjs-compat": "^6.6.7",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~12.2.8",
"@angular/cli": "~12.2.8",
"@angular/compiler-cli": "~12.2.0",
"@types/jasmine": "~3.8.0",
"@types/node": "^12.11.1",
"angular": "1.6.6",
"angular-in-memory-web-api": "0.4.6",
"angular-mocks": "1.6.6",
"angular-route": "1.6.6",
"angular-sanitize": "1.6.6",
"bootstrap": "3.3.7",
"codelyzer": "^6.0.0",
"concurrently": "3.5.0",
"font-awesome": "4.7.0",
"grunt": "1.0.1",
"grunt-bower-task": "0.5.0",
"grunt-cli": "1.2.0",
"grunt-concurrent": "2.3.1",
"grunt-contrib-clean": "1.1.0",
"grunt-contrib-concat": "1.0.1",
"grunt-contrib-copy": "1.0.0",
"grunt-contrib-jshint": "1.1.0",
"grunt-contrib-less": "1.4.1",
"grunt-contrib-uglify": "3.1.0",
"grunt-contrib-watch": "1.0.0",
"grunt-exec": "3.0.0",
"grunt-open": "0.2.3",
"grunt-text-replace": "0.4.0",
"jasmine-core": "^3.8.0",
"jasmine-spec-reporter": "^5.0.0",
"jquery": "2.2.4",
"karma": "^6.3.0",
"karma-chrome-launcher": "^3.1.0",
"karma-cli": "1.0.1",
"karma-coverage": "^2.0.3",
"karma-htmlfile-reporter": "0.3.5",
"karma-jasmine": "^4.0.0",
"karma-jasmine-html-reporter": "^1.7.0",
"karma-phantomjs-launcher": "1.0.4",
"karma-requirejs": "1.1.0",
"karma-sonarqube-unit-reporter": "0.0.13",
"load-grunt-tasks": "3.5.2",
"protractor": "^7.0.0",
"requirejs": "2.3.5",
"time-grunt": "1.4.0",
"ts-node": "^8.3.0",
"tslint": "^6.1.0",
"typescript": "^4.3.5"

}
}

@bxdadwhal bxdadwhal changed the title ng test error with PhantomJS 2.1.1 (Windows 8) ERROR SyntaxError: Use of reserved word 'class' at http://localhost:9876/_karma_webpack_/vendor.js:116:0 ng test error with PhantomJS , getting less error Jan 19, 2022
@bxdadwhal
Copy link
Author

karma-conf.js :-
// Karma configuration file, see link for more information
// https://karma-runner.github.io/0.13/config/configuration-file.html

module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-phantomjs-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-coverage'),
require('@angular-devkit/build-angular/plugins/karma')
],
client: {
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
// files: [
//
// ],
// preprocessors: {
//
// },
// mime: {
// 'text/x-typescript': ['ts', 'tsx']
// },
coverageReporter: {
dir: require('path').join(__dirname, 'coverage'),
subdir: '.',
reporters: [
{ type: 'html' },
{ type: 'lcovonly' }
],
},

reporters: ['progress', 'coverage'],
// reporters: config.angularCli && config.angularCli.codeCoverage
//   ? ['progress', 'coverage-istanbul']
//   : ['progress', 'kjhtml'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: false,
browsers: ['PhantomJS'],
singleRun: true

});
};

@jimmywarting
Copy link

PhantomJS is pretty much dead now.
It's a old headless browser that no real user have ever used and was solo created for developers to automate & scrape stuff.
it don't get any more updates and are now archived/suspended for a long time now

ppl should just stop using it and switch to something like puppeteer instead.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants