问题标签 [angular-testing-library]

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 回答
68 浏览

angular - 由于未调用 ngOnit 语句,角度测试失败

嗨,我有一个 angular 2 组件。我有一个测试。我的测试失败,因为我收到以下错误。以下是我运行 ng 测试时收到的错误。

以下是我的测试。

以下是我的组件类 CreateFlightComponent

我的测试是调用handleSave。我试图调试代码。我在 subscribe 方法中的 this.campaign = campaign 语句中的 ngOnInit() 中放置了一个调试点。但是它没有在那里进行调试。如果您能提供帮助,将不胜感激

谢谢你

请注意:

将以下代码更新为以下代码,但出现错误。

0 投票
0 回答
66 浏览

angular - TypeError:运行我的角度测试时无法读取未定义的属性“paramMap”

运行 Angular 2 测试时出现错误。以下是我收到的错误。

以下是测试类。

以下是我的角度组件类。

ngOnit 方法中的 this.route.paramMap 发生错误。不知道这里有什么问题。如果你能提供帮助,谢谢,谢谢

0 投票
1 回答
136 浏览

angular - 如何使用 Angular 测试库测试 ng-select?

我有以下公司列表ng-select

我正在使用 Jest & Angular 测试库来执行所需的单元测试。这ng-select是一个可搜索的下拉菜单,用户可以在其中输入关键字。我需要能够输入一些文本并按下enter或单击下拉列表中的第一个选项以选择第一个选项。

我目前正在尝试以下方法,但这不起作用:

是否有适当的方法来访问ng-select?我的代码适用于文本框 - 它只有ng-select.

0 投票
0 回答
76 浏览

ngxs - 使用 NGXS 初始化组件状态的 Angular 测试库

NGXS 库具有单元测试指令,用于注入存储并通过重置功能创建一些准备好测试的初始状态。

文档中的示例:

在测试带有状态的组件时,我希望能够使用测试库做类似的事情。

有什么方法可以在测试前操纵状态吗?

我最初的想法是创建一个提供者工厂,在返回之前对商店进行引用,但这似乎不起作用。

0 投票
1 回答
228 浏览

angular - 如果“app-user”是一个 Angular 组件并且它有“InwelcomeMsg”输入,那么验证它是这个模块的一部分

测试子组件时出现如下错误:

1. If 'app-user' is an Angular component and it has 'InwelcomeMsg' input, then verify that it is part of this module.

在测试组件时。我正在使用testing-libraryangular with jestjs。无法弄清楚这个问题。

容器组件.ts:

html:

子组件.ts:

child.test.spec:

不知道我在测试中想念她什么。有人帮我吗?

0 投票
1 回答
34 浏览

angular - Angular-testing-library - 当期望错误值时我的测试没有失败

我正在使用angular-testing-library我的组件测试。当期望失败时,设置值后,我的测试用例没有失败。有人帮我吗?(标题,新标题-@inputs)

0 投票
0 回答
16 浏览

angular - 我们是否可以在 Angular 的 app.component.spec.ts 文件中使用两个 beforeeach 语句?

每当创建新的 Angular 应用程序时。应用程序组件和规范文件是自动创建的。在component.spec.ts文件中只有一个beforeeach(()=>{})语句,而由 CLI 命令生成的组件有两个beforeeach(()=>{})语句我可以知道是否有任何具体原因,我可以知道我们是否可以在文件中使用 2 个beforeeach(()=>{})语句component.spec.ts

0 投票
0 回答
21 浏览

angular - 使用 angular-testing-library 测试通过“类构造函数”更新的值

在我的 Angular 应用程序中,有一个父子组件。父母将标题值提供给constructor状态的孩子。我正在尝试测试父组件的updateconstructor但是由于测试组件未添加的值而失败。

父组件.ts:

父组件.spec.ts:(测试构造函数值):

测试更新的正确方法是什么countString-?

0 投票
1 回答
160 浏览

angular - 使用 HttpClientTestingModule 和 HttpTestingController 对服务进行角度单元测试

我在测试我的应用程序时遇到问题。主要是我的问题是 URL。这是我的测试床:

我正在尝试测试的调用如下所示:

我真的不明白我必须在这里测试什么。是对服务器进行真实调用还是模拟调用。如果是这样,我不知道参数。我尝试了很多次,但每次都有错误。

我的测试如下所示:

但在这种情况下,“id”始终是未定义的。

0 投票
1 回答
87 浏览

angular - AG-Grid gridReady 未在使用 Angular 和 Jest 的测试中调用

gridReady在 Jest 测试中没有调用 Angular AG Grid的方法。你知道为什么吗?

这里有我的测试代码:

在这里,您可以看到它的代码沙箱。 是一个 GitHub 存储库。