Angular 6 обновляет спецификации [объект ErrorEvent] - PullRequest
Новая
       25

Angular 6 обновляет спецификации [объект ErrorEvent]

0 голосов
/ 23 мая 2018

Я обновляю приложение Angular до версии 6 с версии 4. Все работает правильно с ng serve.Проблема сейчас в том, что куча наших спецификаций не работает с [object ErrorEvent] thrown.Я видел это раньше и обычно могу запустить тест с флагом --sourceMap=false, чтобы увидеть более подробный отчет, но теперь я все еще получаю эту неоднозначную ошибку.Я проверил, что ни один из компонентов не имеет входных данных, которые не определены.После некоторых исследований я обнаружил, что у некоторых людей были проблемы с jasmine-core 3.0.0, и они получали эту ошибку до тех пор, пока не вернулись к 2.99.0, но это тоже ничего не дало мне.

Самая странная часть из всехэто то, что я могу xdescribe спецификацию (или все спецификации), которые терпят неудачу с этой ошибкой, а затем и другие, которые терпят неудачу раньше, чем раньше.

Вот package.json 

{
  "name": "enterprise-frontend",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test --browsers=Chrome --code-coverage",
    "lint": "ng lint --type-check",
    "e2e": "ng e2e",
    "compodoc": "./node_modules/.bin/compodoc -p tsconfig.json -s"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.0.2",
    "@angular/cdk": "^6.0.2",
    "@angular/common": "^6.0.2",
    "@angular/compiler": "^6.0.2",
    "@angular/core": "^6.0.2",
    "@angular/forms": "^6.0.2",
    "@angular/http": "^6.0.2",
    "@angular/material": "^6.0.2",
    "@angular/platform-browser": "^6.0.2",
    "@angular/platform-browser-dynamic": "^6.0.2",
    "@angular/router": "^6.0.2",
    "@auth0/angular-jwt": "^2.0.0",
    "@ngrx/effects": "^6.0.1",
    "@ngrx/router-store": "^6.0.1",
    "@ngrx/store": "^6.0.1",
    "@ngrx/store-devtools": "^6.0.1",
    "auth0-js": "^9.5.1",
    "chart.js": "^2.7.2",
    "core-js": "^2.5.6",
    "lodash": "^4.17.10",
    "ng2-charts": "^1.6.0",
    "ng2-dnd": "^5.0.2",
    "ngx-clipboard": "^11.1.0",
    "rxjs": "^6.1.0",
    "rxjs-compat": "^6.1.0",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.6.3",
    "@angular/cli": "^6.0.3",
    "@angular/compiler-cli": "^6.0.2",
    "@angular/language-service": "^6.0.2",
    "@compodoc/compodoc": "^1.1.3",
    "@types/jasmine": "^2.8.7",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "^6.0.111",
    "codelyzer": "^4.3.0",
    "file-saver": "^1.3.8",
    "jasmine-core": "^2.99.1",
    "karma": "~2.0.2",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.4.3",
    "karma-jasmine": "^1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
        "protractor": "~5.1.2",
        "ts-node": "~3.2.0",
        "tslint": "^5.10.0",
        "typescript": "^2.7.2"
      }
    }

А вот одна из спецификаций, которая в настоящее время не работает (большинство из них гораздо сложнее, чем эта, но это заставляет меня думать, что это не проблема с самими тестами): 

import { HttpClientModule } from '@angular/common/http';
import { MaterialModule } from '../../modules/material.module';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { NumberPerPageComponent } from './number-per-page.component';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';

describe('NumberPerPageComponent', () => {
  let component: NumberPerPageComponent;
  let fixture: ComponentFixture<NumberPerPageComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ NumberPerPageComponent ],
      imports: [
        HttpClientModule,
        MaterialModule,
        NoopAnimationsModule
      ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(NumberPerPageComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should be created', () => {
    expect(component).toBeTruthy();
  });
});

Вот сам компонент: 

import { Component } from '@angular/core';

@Component({
  selector: 'app-number-per-page',
  templateUrl: './number-per-page.component.html',
  styleUrls: ['./number-per-page.component.scss']
})
export class NumberPerPageComponent {

  resultNumber = 10;

  constructor() { }

}

Ответы [ 2 ]

0 голосов
/ 23 мая 2018

У меня возникла проблема с импортом HttpClientModule в мои спецификации вместо HttpClientTestingModule.

Тесты пытались сделать вызовы API и потерпели неудачу, когда получали 401 ответ от нашего бэкэнда.

0 голосов
/ 23 мая 2018

Этот тип ошибки обычно генерируется непосредственно в браузере: вы видите это сообщение в своей консоли, но настоящая ошибка - инструменты dev вашего браузера.Не могли бы вы проверить это очень быстро и посмотреть, появляется ли ваша ошибка?

В противном случае он сообщает, какой тест не пройден: попробуйте запустить этот тест асинхронно или используйте параметр из вашего обратного вызова: 

it('XXX', done => {
  // do your things then
  done();
});
...