个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我第一次尝试使用 Karma Jasmine 对 Angular 组件进行单元测试。
我的 index.html 看起来像:
<body ng-app="heroApp">
<!-- components match only elements -->
<div ng-controller="MainCtrl as ctrl">
<b>Hero</b><br>
<hero-detail hero="ctrl.hero"></hero-detail>
</div>
</body>
</html>
index.js 看起来像:
(function(angular) {
'use strict';
angular.module('heroApp', []).controller('MainCtrl', function MainCtrl() {
this.hero = {
name: 'Miles Bronson'
};
});
})(window.angular);
组件 heroDetail.js 看起来像:
(function(angular){
'use strict';
function HeroDetailController(){
}
angular.module('heroApp').component('heroDetail',{
template:'<span>Name: {{$ctrl.hero.name}}</span>',
controller:HeroDetailController,
bindings:{
hero: '='
}
});
})(window.angular);
现在我的 karma 规范文件看起来像:
describe('Component:heroDetailComponent',function(){
beforeEach(function(){
module('heroApp');
});
var element,
scope;
beforeEach(inject(function($rootScope,$compile){
scope = $rootScope.$new();
scope.hero = {
name:'Miles Bronson'
};
element = angular.element('<hero-detail hero="hero"></hero-detail>');
element = $compile(element)(scope);
scope.$apply();
}));
it('should render the text',function(){
expect(element.isolateScope().hero.name).toBe('Miles Bronson');
});
});
但这失败了。 说:
Chrome 55.0.2883 (Windows 8.1 0.0.0) Component:heroDetailComponent should render the text FAILED
TypeError: Cannot read property 'name' of undefined
at Object.<anonymous> (test/controllers/main-controller-spec.js:38:43)
Chrome 55.0.2883 (Windows 8.1 0.0.0): Executed 2 of 2 (1 FAILED) (0 secs / 0.047Chrome 55.0.2883 (Windows 8.1 0.0.0): Executed 2 of 2 (1 FAILED) (0.763 secs / 0.047 secs)
我做错了什么？请帮忙。
更新
虽然这有效:
it('should render the text',function(){
var span = element.find('span');
expect(span.text()).toBe('Name: Miles Bronson');
});
最佳答案
您只是缺少 Controller 引用。应该是:
element.isolateScope().$ctrl.hero.name
查看更新的 plnkr:https://plnkr.co/edit/9ZLzr4AWtCB0q43vBAdf
关于javascript - Angular Directive(指令)隔离范围单元测试失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41763818/
26
4
0
我的公司有一个 Web 应用程序，其中包含纯 JavaScript，它以自己的方式使用 $ -“美元符号”，如下所示: function $(e) { return document.getE
doc说“这意味着对单个节点上单个分区内的行的写入仅对执行操作的客户端可见”。 如果有另一个 client2 在同一个分区和同一个节点上执行操作，那么文档中提到的“THE CLIENT”执行的写入是否
只是一个想法，但在 DIV 上使用 IFRAME 本质上会使该元素与窗口隔离，从而降低 IFRAME 中运行的脚本速度 不会影响其他框架/窗口吗？ 最佳答案 是的，对于第一部分，iframe 会“某种
我有以下模型 Inventory [product_name, quantity, reserved_quantity] 有数据 [Shirt, 1, 0] [Shorts, 10, 0] 如果以下代
我面临的情况如下。因为ThreadPool是每个进程1个实例，所以我的问题是是否会在 3秒后取消方法2排队的任务？ http request comes in *method 1 gets execu
我希望在 Dart 中创建一个 Isolate，我可以通过编程方式暂停和恢复。这是我使用的代码。 import 'dart:io'; import 'dart:isolate'; void main(
我想编写一个具有隔离作用域的指令，但也希望使该作用域可用于父作用域的 Controller 。我找到了这个解决方案: app.directive('popupbutton', [functi
我有一个像这样的 JSON 对象: [ {"Subject": "Physics", "Active": 48, "Date": "2020-01-22T00:00:00Z"}, {"Su
我正在使用 Elixir 自动执行用 Gherkin 编写的规范中定义的验收测试。一种方法是使用名为 Cabbage 的 ExUnit 插件。 . 现在，ExUnit 似乎提供了一个在任何单个测试之前
我被要求为多个用户配置一个带有 docker 的 ubuntu 18.04 服务器。 目的: 我们有多个编写测试用例的测试人员。但是我们的笔记本电脑速度不够快，无法在 docker 环境中构建项目和运
我一直在网上寻找完整的解决方案，但到目前为止，我只能找到不合适的部分。 我正在寻找一个可以查看图像文件、循环遍历文件并隔离 Sprite 然后保存它们的程序。之后，我需要一种方法来重新访问该 Spri
我想知道如何隔离 JavaScript 函数的执行以避免浏览器崩溃。 示例:如果我想在控制台中输出一个包含大约 10k 元素的关联数组，浏览器将停止响应。我怎样才能避免这种情况？ 最佳答案 解决方案是
我必须向我的数据库添加大量信息。添加此信息大约需要 5-7 分钟。我需要添加交易。 我试过这个: try { db.Connection.Open(); db.Transaction
我有 6 个 iframe，它们来自同一个域，但具有不同的 url 和子目录。他们都使用 html header “set-cookie”设置了一个名称相同但值不同的 cookie。我需要将它们的 c
我正在编写一个代码，它基本上读取一个文本文件(表格格式)并检查该文件是否包含预期的数据类型。为此我写了下面的课。 示例文件应该是这样的。 name age abc 20 xyz
我有一个表，线程。我有一个表，thread_participants。我正在尝试隔离与特定 thread_id 和特定 thread_participants.user_id 标识的行。 例如，如果
我有一个非常实际的问题。我的数据库中有大约 400 篇文章，在这些文章中我有其他文章的链接。在转换过程中，链接被破坏。我们在 CMS 中手动插入新的菜单链接项。我想制作一个脚本来查找(文章)id 并将
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 10 年前。 Improve thi
我在想是否可以在 postgres 数据库(高于 8.3 的版本)上创建一个只能访问特定指定模式的用户。问题是，在我的数据库中我有一些模式。如果我撤销某个用户对除一个模式之外的所有模式的所有特权，他仍
我有两组点，一组来自分析，另一组用于分析数据的后处理结果。 黑色的分析数据是散乱的。 用于结果的点是红色的。 这是同一地 block 上的两组: 我遇到的问题是:我将插值到红点上，但如您所见，有些红点
我是一名优秀的程序员,十分优秀！