组件:
@Component({
selector: 'app-test',
templateUrl: './test.component.html'
})
export class TestComponent implements OnInit {
useCase: string;
constructor(
private route: ActivatedRoute,
) {}
ngOnInit() {
this.route.queryParams.subscribe(p => {
if (p) {
this.useCase = p.u;
}
});
}
}
测试规范
describe('TestComponent', () => {
let component: TestComponent;
let fixture: ComponentFixture<TestComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
AppModule
],
providers: [
{ provide: ActivatedRoute, useValue: ??? }
]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(TestComponent);
component = fixture.componentInstance;
});
it('should create', () => {
expect(component).toBeTruthy();
expect(component.useCase).toBeFalsy();
});
it('should set useCase variable with query string value', () => {
fixture.detectChanges();
// Set different route.queryParams here...
expect(component.useCase).toBe('success');
});
});
使用Angular 6,Karma和Jasmine进行单元测试。
我知道我们可以将ActivatedRoute
设置为将在整个测试过程中使用的对象,例如:
providers: [
{ provide: ActivatedRoute, useValue: {
queryParams: Observable.of({id: 123})
} }
]
但这将设置所有测试用例的值。有没有一种方法可以在每个不同的测试案例中动态更改ActivatedRoute
?
答案 0 :(得分:5)
如果要将其存储在变量中,可以使用TestBed.get(ActivatedRoute)在其 it 函数中获取它。您还可以更新值。
答案 1 :(得分:1)
如果您不使用 testBed
,请使用以下代码行:
在 beforeEach
方法中,activatedRoute
模拟应定义如下:
activatedRoute = {queryParams: of({id: 1})};
然后在您的 it 方法中,将 activateRoute 更新为:
activatedRoute.queryParams = of({id: 2})};
答案 2 :(得分:0)
有一个存根类的替代方案。遵循以下方法。
声明一个存根类
class ActivatedRouteStub {
private _params = new Subject<any>();
get params() {
return this._params.asObservable();
}
public push(value) {
this._params.next(value);
}
}
在你的 beforeEach 中为激活的路由提供者声明一个别名
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule
],
declarations: [YourComponentComponent],
providers: [
{
provide: ActivatedRoute,
useClass: ActivatedRouteStub
}
]
})
.compileComponents();
}));
而且你可以在任何你想要的地方使用它。 “it”测试中的波纹管示例。
it('should show example, how to set parameters', () => {
let spy = spyOn(router, 'navigate');
// here we pass the any parameter for return and type the route variable with the stub class
let route: ActivatedRouteStub = TestBed.inject<any>(ActivatedRoute);
// you can push the parameters like you desire.
route.push({id: 0})
expect(spy).toHaveBeenCalledWith(['not-found'])
});