问题标签 [angular-test]

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

angular - 不在 Angular 6 测试中模拟 HttpClient

我正在创建一个通过 HTTP 加载和发送数据的服务,并且我创建了一些需要使用真实 HttpClient(未模拟)的测试。

所以,它是这样的:

和测试代码去。但是当我运行测试时,我得到:

模块“DynamicTestModule”导入的意外值“HttpClient”。请添加 @NgModule 注释。

那么如何在我的测试中发送请求呢?

PS。现在,如果你认为我根本不应该在测试中这样做,那你就错了。这些测试和服务实际上做了一些涉及第三方 REST API 的工作。

0 投票
4 回答
30481 浏览

angular - 如何关闭 Angular 6 ng 测试的源映射?

我正在尝试为我在 Angular 6 中的测试关闭源映射。我知道源映射开关已被删除,例如ng test --sourcemaps=false.

我尝试修改我的 tsconfig 文件:

正如 angular.json 测试 -> 配置块所引用的:

源地图仍在生成中。

0 投票
1 回答
3273 浏览

angular - Angular Unit Testing - 使用 TestBed 模拟注入服务的异步调用

我需要为以下内容编写单元测试DataService

ConfigService被注入的有DataService一个load从 json 文件获取配置的函数。该load函数将在应用程序初始化时调用。

这是data-service.spect.ts文件的一部分,

所以当我运行测试时,LINE 1我知道这this.config.get('api')是未定义的。我可以理解这是因为ConfigService没有从 JSON 加载数据。那么现在我怎样才能让注入的服务在单元测试期间也进行异步调用呢?

0 投票
2 回答
148 浏览

angular - 如何在不崩溃的情况下模拟 Observable 的错误?

我有一个模拟服务

我将在使用该服务的组件中测试错误案例

组件看起来像这样

但是错误会影响整个测试过程。 在此处输入图像描述

我怎样才能避免这样的结果?

0 投票
1 回答
399 浏览

angular - angular5 测试 - iframe 安全管道 - bypassSecurityTrustResourceUrl 不是函数 - 错误

我有 Angular5 项目,我们正在使用 iframe 和 Safe Pipe(使用 DomSanitizer.bypassSecurityTrustResourceUrl 转换站点 url 的自定义管道)在我们的组件中加载外部站点。应用程序运行良好(通过加载站点内容)。

在编写测试用例时,我们遇到了错误。

这是整个测试用例引导启动。

0 投票
2 回答
1755 浏览

angular - testing angular template driven forms

I am using angular 5, always the .controls property of the form is empty. Not sure why during testing angular doesn't create the form controls by reading the template file.

Template file

Component file

@ViewChild('myForm') myForm: NgForm;

In my tests, when I console.log the following, I get {}

fixture.debugElement.componentInstance.myForm.controls

The form also has errors: null and status VALID despite the fact that the form should contain an invalid FormControl. Is it possible to unit test forms when they are configured with ViewChild rather than FormBuilder? Is there a way to do it with my ViewChild setup?

or do we have to mock the form by creating the controls again using FormGroup and assign it to

componentInstance.myForm.controls?

0 投票
0 回答
302 浏览

angular - 如何在角度测试中模拟 vis js 网络

我正在用角度编写 vis js 图形实现的测试。如何在我的测试中模拟/将容器传递给以下内容以模拟测试网络?

我使用了很多来自 vis 的库函数,所以我需要模拟网络,这样我才能继续使用这些函数。

我正在使用 Angular 6 和版本 4.21.0

0 投票
1 回答
489 浏览

angular - ActivatedRoute 的测试替身不起作用

Angular 文档提到了 ActivatedRoute 的测试替身:

但是当我在我的组件中使用它时 -

但这给出了错误: 在此处输入图像描述

编辑:无论我将.setParamMap()-放在哪里,这个错误都会持续存在。it()beforeEach()

我知道我可以简单地使用 observable 而不是存根,但出于好奇,知道我在这里做错了什么吗?我应该怎么做才能让它工作?

0 投票
1 回答
2354 浏览

angular - 具有 ngx-translate 依赖项的 Angular 6 单元测试

我有一个angular 6应用程序ngx-translate/core@10.0.2。尝试使用CustomLoader带有硬编码值的 a。但有些事情不太对劲。

测试

零件

问题是,translate里面subscribe总是'DETAILS.PIN_ENTRY.INPUT'。我还在 中添加了一个日志语句CustomLoader#getTranslation,以查看它是否已加载,但看不到输出。

我的设置有什么问题?

0 投票
1 回答
303 浏览

angular - 角度单元测试 - 成功构建后启动 Chrome(需要很长时间)

在某些机器上构建 Angular 应用程序需要超过 2*60 秒(Karma 启动的 Chrome 捕获内容的默认超时)。

有没有办法在构建完成后强制 Karma 启动 Chrome?

我的package.json

karma.conf.js