代码之家 › 专栏 › 技术社区 › Jackson Vaughan

测试用karma+jasmine订阅angular 2中的位置(此位置。订阅)

angular-test karma-jasmine angular

Jackson Vaughan · 技术社区 · 7 年前

我正在订阅 angular Location service 在我的组件中:

this.location.subscribe((ev:PopStateEvent) => {
    this.lastPoppedUrl = ev.url;
});

我希望能够将其与我的其他组件一起测试。

现在我的组件中有这个存根。spec.ts文件

let locationStub: Partial<Location>;
    locationStub = {
}

我正在将其作为提供者配置到我的测试床中:

{provide: Location, useValue: locationStub }

当我跑步时 ng test ,我收到此错误 this.location.subscribe is not a function .

如何创建允许我通过的存根或间谍。订阅位置功能。

Here is a similar question 在测试位置上,但它是指位置中的函数,而不是专门订阅位置。

非常感谢您的帮助。

1 回复 | 直到 7 年前

HDJEMAI 6 年前

你必须这样做:

beforeEach(() => {
    // Mock the location here instead, then pass to the NavBarComponent
    loc = jasmine.createSpyObj("Location", ["back", "subscribe"]);
    Location.subscribe.and.callFake(()=> Observable.of(your stubbed data to return here));
    testNavBarComponent = new NavBarComponent(loc);
});

所以你必须加上 subscribe 位置服务中可用功能的列表。

打电话给subscribe时,告诉他们返回什么很重要,

这是什么 Location.subscribe.and.callFake(()=> Observable.of(Your stubbed data to return here)); 用于。

我尝试创建一个小演示:

这是指向它的链接,您可以根据需要尝试分叉和修改它。

https://stackblitz.com/edit/angular-testing-c25ezq?file=app/app.component.spec.ts

推荐文章

hidar · vuejs中的单元测试

7 年前

Jackson Vaughan · 测试用karma+jasmine订阅angular 2中的位置(此位置。订阅)

7 年前

Nimish goel · 具有@输入属性的单元测试angular 4指令

7 年前

bulbasurmsr · 角度5的单元测试。我正在尝试模拟服务,但收到:“[对象错误事件]抛出”

7 年前

bulbasurmsr · 与Jasmine和Karma有角度的单元测试,错误:无法绑定到“xxx”,因为它不是“xxxxxx”的已知属性。

7 年前

D. Berg · Jasmine单元测试observable subscribe不会触发

7 年前

Mansoor Ahmed · Angular 4 Jasmine单元测试指令导出函数

7 年前

Greg · ngx翻译:在单元测试中翻译字符串

7 年前

Arkadi · 在Angular 2/Typescript中测试私有方法的最佳实践是什么

7 年前

Aaron Rabinowitz · 测试控制器语句未定义

7 年前