问题标签 [angular2-testing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4909 浏览

unit-testing - angular2中的单元测试,依赖注入

在花费时间与角度 1 之后从角度 2 开始。没有进行如此多的单元测试,因为它更像是一个附带项目的东西,我正在尝试至少开始好...我从AngularClass的示例开始,如果这使得区别。

已经在挣扎app.component.ts,其中包含我的导航位。模板的相关位在这里:

组件本身不包含太多:

所有模块、组件和路由都通过 App 模块引导。有需要可以发帖。

我必须为它编写的测试让我基本上连接了路由器的所有东西(看起来如此)。首先,[routerLink] is not a native attribute of 'a'。好的,我修复它。然后:

所以,我连接路由器,才发现:

我补充说,以找出:

到目前为止,测试看起来像:

我已经在嘲笑输入,这对我来说似乎是错误的。我错过了什么吗?有没有一种更聪明的方法可以在测试中加载整个应用程序,而不是一直插入每个依赖项?

0 投票
1 回答
203 浏览

angular - 依赖单元测试:Angular 2

我正在尝试为我的应用程序创建单元测试。我的主要目标是为组件或服务创建一个基本规范文件,它只检查我们的组件所依赖的所有服务或组件是否正在被导入(这是我能想到的最基本的规范文件)。我尝试通过互联网搜索无法找到有用的东西。任何帮助将不胜感激。

0 投票
1 回答
1536 浏览

angular - 创建组件实例:Angular2 单元测试

我正在尝试在组件的测试文件中创建组件的实例。但是当我做这样的事情时:

它击中了组件构造函数,该构造函数的主体中还有一些东西,

现在构造函数主体使用其他一些服务,因此每当我尝试创建该组件的实例并运行它时,它都会抱怨构造函数主体中使用的未知属性(因为规范文件显然不知道关于我们组件的构造函数主体中发生的事情。

任何想法如何在其规范文件中创建该组件的实例?

0 投票
1 回答
2266 浏览

angular - 在 Angular2 测试中正确注入依赖项

我正在努力测试一个注入了服务的 Angular2 组件。测试代码如下,但基本上是:

• SearchComponent 在构造函数中采用 FightService。

• 构造函数调用触发HTTP 请求的flightsService.getFlights()。flightService.getFlights() 返回一个 observable。

• 构造函数订阅了填充 allSummaryItems 数组的 observable 返回。

我的 MockFlightService 没有被使用,它基本上没有说没有 Http 提供者(在 FlightService 构造函数中)。如果我将 HttpModule 添加到 TestBed 中的提供程序,那么它会关闭并触发真正的 Http 请求。

如何确保我使用的是 MockFlightService?即使在触发真正的 Http 请求时,这也会正确测试 observable,我可以看到订阅的方法没有被调用?

谢谢

我正在使用 Angular 2.0.1。

0 投票
1 回答
462 浏览

angular - 服务注入 angular2.0 时的测试组件

我正在为我的应用程序使用 angular2.0

我正在尝试为注入服务的组件编写测试用例

//组件.ts

我的规格

如果有人建议如何模拟注入的 Fpservice 来测试 fnRequest() 函数,那将会很有帮助

提前致谢

0 投票
2 回答
6543 浏览

angular - 在angular2中测试路由器插座组件

我有一个 html 所在的 homecomponent

//home.component.html

//home.component.ts

//home.component.spec.ts

我收到以下错误

我在做什么错?

提前致谢

0 投票
4 回答
28372 浏览

unit-testing - How to change value of a select box in angular2 unit test?

I have an Angular2 component that contains a select box that looks like

I am trying to write a unit test for the ngModelChange event. This is my latest failing attempt

The part I am having trouble with is that changing the value of the underlying model comp.envFilter = 'env3'; does not trigger the change method. I added el.triggerEventHandler('change', {}); but this throws Failed: Uncaught (in promise): ReferenceError: By is not defined. I cannot find any hints in the documentation... any ideas?

0 投票
2 回答
126 浏览

angular - 示例代码:在 angular2 中制作模拟

我正在学习Angular2。在 DI 页面中,有用于模拟的示例代码。 https://angular.io/docs/ts/latest/guide/dependency-injection.html

这是什么意思

它看起来像mockService从函数定义HeroService函数。

是什么<HeroService>?是<HeroService>铸造吗?

0 投票
1 回答
117 浏览

angular - 量角器获取iconbutton元素

如何在量角器中找到上述元素?我想模拟对元素的点击,而不是期望它。

0 投票
1 回答
296 浏览

angular - Angular2模拟可注入服务

我使用 Angular 2 Karma-Jasmine。我有服务,

现在AServicegetA()方法,function1用过的getA()方法。我想要模拟AService.getA方法?

请告诉我最好的嘲笑方式AService