问题标签 [angular-unit-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 回答
231 浏览

angularjs - 不加载 karma-jasmine 框架中生成的测试用例

我正在尝试为控制器编写一个简单的测试用例,但它也没有给出任何错误,也没有加载我编写的测试用例。

应用程序.js

登录控制器.js

loginController.specs.js

获取输出“执行 0 of 0 错误(0.005 秒 / 0 秒)”

获得输出

0 投票
1 回答
475 浏览

angular - 如何在 Linux 机器中自动重新加载 Angular 4 测试用例。

我在前端使用 Angular 4 中的测试用例。但是每当我对文件进行任何更改时,它都不会自动反映。每次更改都需要花费大量时间后,我需要运行“ng test”命令。请告诉我任何方式,以便每次更改后我都会自动重新加载。

它适用于窗口机器中的相同代码。但不能在ubuntu机器上工作。我正在使用 Linux。

谢谢,

0 投票
2 回答
12752 浏览

javascript - 角度测试错误 - NullInjectorError:没有 TrimInputDirective 的提供者

我创建了一个 Angular 指令,它使用 CSS 选择器在我的应用程序中自动修剪输入,看起来像这样......

现在作为一名优秀的开发人员,我必须纠正一些单元测试......所以我开始将一个文件放在一起,这里是

现在我希望运行我的测试以确保规范文件中的设置正确,但我收到以下错误:

HeadlessChrome 0.0.0 (Mac OS X 10.12.6) Trim Directive "before each" hook for "should trim the input" FAILED Uncaught (in promise): Error: StaticInjectorError(DynamicTestModule)[TrimInputDirective]:
StaticInjectorError(Platform: core)[ TrimInputDirective]:NullInjectorError:没有 TrimInputDirective 的提供者!错误:StaticInjectorError(DynamicTestModule)[TrimInputDirective]:

我不明白为什么会出现此错误,为什么必须提供指令?我不认为这是必要的,如果我必须提供我应该提供什么?提供实际指令不起作用/解决错误?我很困扰。如果有人能告诉我如何解决这个问题或我为什么得到它,我将不胜感激。

请注意,这是一个遗留的 Angular 应用程序,是在 AngularCLI 可用之前构建的。所以它有点不正统(例如它没有使用 Jasmin)。

0 投票
1 回答
624 浏览

angular - 角度单元测试失败

我正在尝试对该函数进行单元测试editDependentInfo(),但出现错误,因为在该函数中,populateEditDepInfo()正在调用另一个函数并populateEditDepInfo具有this.dependentsInfo属性,并且测试从中EditDependentInfo尝试访问但无法访问请找到以下代码并让我知道应该做什么我愿意

失败的测试

我正在测试的组件

样本家属类

我得到的错误

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 投票
1 回答
895 浏览

angular - Angular Unit test - 如何在商店调度期间模拟由ngrx / effect调用的组件中的提供者

我有一个组件,在 ngOninit 内部,我正在调度一个由 ngrx/effect 处理的操作,以从服务 API 获取一些数据。我正在编写单元测试并想在 ngOninit 中模拟服务调用,以便不调用原始 API。但是仍然调用了原始 API,可能是因为它是从效果中处理的。我应该如何处理这个问题,以便我停止实际的 API 调用并改为调用模拟服务 API?

组件代码:

操作代码:

}

效果代码:

布局服务.ts

我的规格代码:

模拟服务:

0 投票
1 回答
147 浏览

angular - 在角度测试或 fakeAsync 期间进行真正的路由器导航是否好?

在为路由编写角度单元测试时,是否可以使用真实值进行导航,或者我们应该使用 fakeAsync 进行路由器导航?

选项1

选项 2

0 投票
1 回答
1939 浏览

angular - 用 Angular 编写 Http 服务的测试用例

嗨,我一直在尝试为我的注册服务编写测试用例。它有一个 url,它发送 4 个值。服务如下:

我仍在学习如何编写测试用例,我试图让 registerResponse 工作。

这是我到目前为止所写的

我知道这并不多,我只定义了 mockbackend,但任何帮助都会得到帮助

谢谢你

0 投票
1 回答
1432 浏览

angular - ng test angular 5 不是已知元素

'app-footer' 不是已知元素: 1. 如果 'app-footer' 是 Angular 组件,则验证它是否是该模块的一部分。2. 如果“app-footer”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。需要帮助来修复它。我参考了很多文件,但仍然不清楚。

角度 cli-1.7.4 角度:5.2.11

提前谢谢你 XXX

0 投票
1 回答
137 浏览

angular - 登录模块的测试难度

我一直在测试我的登录模块,但订阅没有得到测试,我也无法检查本地存储。到目前为止,我是初学者,我已经这样做了

这是测试覆盖率

在此处输入图像描述

login.component.ts -edit 添加登录组件

登录 html- 编辑添加的登录 html 页面

任何帮助,将不胜感激

谢谢