Я новичок в Angular. Я изо всех сил пытаюсь изучить Typescript, и теперь мне сказали писать модульные тесты на Jasmine и Karma для каждого component
и service
, которые я создаю. Я просмотрел много руководств, чтобы изучить Модульное тестирование в Angular. Я стажер, вчера я поднял запрос на вытягивание, на который мой технический руководитель дал следующий комментарий.
Вот код, который я написал.
filter-bar.component.ts
import { Component, OnInit, ViewChild, OnDestroy, Input, ChangeDetectorRef } from '@angular/core';
import './filter-bar.component.scss';
import { SisenseService } from '../services/sinsense.service';
import { SisenseConfigService } from '../services/sinsense-config.service';
import { Dashboard, Widget } from 'src/app/shared/models/sisenseConfig';
...
@Component({
selector: 'app-filter-bar',
templateUrl: './filter-bar.component.html'
})
export class FilterBarComponent implements OnInit, OnDestroy {
selectedMembersCount: number;
dataUnavailable: boolean;
constructor(
public sisenseService: SisenseService,
public sisenseConfigService: SisenseConfigService
) {}
ngOnInit() {
this.getDataFromWidget();
}
getDataFromWidget() {
this.sisenseService.getWidgetData(
this.sisenseConfigService.getDashboardId(Dashboard.POPULATION),
this.sisenseConfigService.getWidgetInfo(Dashboard.POPULATION, Widget.UNIQUE_LIVES).id,
widgetData => {
this.selectedMembersCount = widgetData.queryResult.value.data;
this.changeDetector.detectChanges();
},
() => {
this.dataUnavailable = true;
}
);
}
}
И это файл спецификации, который я написал:
filter-bar.component.spec.ts
import { async, ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { FilterBarComponent } from './filter-bar.component';
import { SisenseFilterService } from '../services/sinsense-filter.service';
import { PopUpService } from '@wuitk6/angular/components/popup/popup.service';
import { SisenseService } from '../services/sinsense.service';
import { SisenseConfigService } from '../services/sinsense-config.service';
describe('FilterPanelComponent', () => {
let component: FilterBarComponent;
let fixture: ComponentFixture<FilterBarComponent>;
mockSisenseConfigService.getWidgetInfo.and.returnValue({ id: 'demo_ID' });
fixture = TestBed.createComponent(FilterBarComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
});
А вот и сервис (не знаю, кто написал этот код):
sisense-config.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'rxjs/add/operator/do';
...
import { ErrorService } from './error.service';
// This is to avoid compile errors in typescript.
// The real variable will be added when sisense.js is loaded
declare var Sisense: any;
@Injectable({
providedIn: 'root'
})
export class SisenseConfigService {
constructor(private http: HttpClient, private errorService: ErrorService) {}
getDashboardId(dashboardName: string): string {
...
}
getWidgetInfo(dashboardName: string, widgetName: string): ISisenseWidget {
...
return widgetInfo;
}
}
Я написал тестовый файл, но она не в порядке. Пожалуйста, помогите мне, что именно просит мой технический руководитель. Не стесняйтесь спрашивать более подробную информацию о коде.
forEach
. - person Tanzeel   schedule 19.03.2020getDataFromWidget
. Я бы посоветовал вам пройти этот класс, это потрясающе, и вы хорошо изучите тестирование Angular Unit. app.pluralsight.com/library/courses/unit- тестирование-угловой /. Создайте бесплатную пробную версию. - person AliF50   schedule 19.03.2020