- Ember.js 指南
- 入门指南 - 介绍
- 入门指南 - 应用规划
- 入门指南 - 创建静态页面
- 入门指南 - 获取Ember.js和相应依赖
- 入门指南 - 添加第一个路由与模板
- 入门指南 - 建立模型
- 入门指南 - 使用静态数据
- 入门指南 - 显示模型数据
- 入门指南 - 显示模型的完成状态
- 入门指南 - 创建新的模型实例
- 入门指南 - 标记模型为完成或未完成
- 入门指南 - 显示未完成待办事项的数量
- 入门指南 - 切换显示和编辑状态
- 入门指南 - 接受修改
- 入门指南 - 删除模型
- 入门指南 - 添加子路由
- 入门指南 - 显示未完成待办事项
- 入门指南 - 显示已完成待办事项
- 入门指南 - 显示所有待办事项
- 入门指南 - 添加移除所有已完成待办事项的按钮
- 入门指南 - 提示所有待办事项已完成
- 入门指南 - 切换已完成和未完成待办事项
- 入门指南 - 更换FixtureAdapter
- 获取 Ember - 获取Ember
- 概念 - 核心概念
- 概念 - 命名惯例
- 对象模型 - 类与实例
- 对象模型 - 计算属性
- 对象模型 - 计算属性和带@each的集合数据
- 对象模型 - 观察器
- 对象模型 - 绑定
- 对象模型 - 重新打开类和实例
- 对象模型 - 绑定,观察器,计算属性:如何选择?
- 应用 - 介绍
- 模板 - 应用模板
- 模板 - Handlebars基础
- 模板 - 条件表达式
- 模板 - 显示项目列表
- 模板 - 切换作用域
- 模板 - 绑定元素属性
- 模板 - 绑定元素类名称
- 模板 - 链接
- 模板 - 操作
- 模板 - 输入助手
- 模板 - 开发助手
- 模板 - 用助手来渲染
- 模板 - 编写助手方法
- 路由 - 介绍
- 路由 - 定义路由
- 路由 - 生成的对象
- 路由 - 指定路由的模型
- 路由 - 设置控制器
- 路由 - 渲染模板
- 路由 - 重定向
- 路由 - 指定地址API
- 路由 - 查询参数
- 路由 - 异步路由
- 路由 - 加载中/错误子状态
- 路由 - 阻止和重试过渡
- 组件 - 介绍
- 组件 - 定义组件
- 组件 - 传递属性
- 组件 - 包裹内容
- 组件 - 自定义组件元素
- 组件 - 使用Action处理用户交互
- 组件 - 从组件发送操作给应用
- 控制器 - 介绍
- 控制器 - 代表单一模型
- 控制器 - 代表多模型
- 控制器 - 管理控制器间的依赖
- 模型 - 介绍
- 模型 - 定义模型
- 模型 - 创建和删除记录
- 模型 - 将记录推入仓库
- 模型 - 持久化记录
- 模型 - 查询记录
- 模型 - 使用记录
- 模型 - 使用Fixture
- 模型 - 连接HTTP服务器
- 模型 - 处理元数据
- 模型 - 自定义适配器
- 模型 - 常见问题
- 视图 - 介绍
- 视图 - 定义视图
- 视图 - 处理事件
- 视图 - 在模板中插入视图
- 视图 - 为视图添加布局
- 视图 - 自定义视图元素
- 视图 - 内置视图
- 视图 - 手动管理视图层级
- 枚举 - 介绍
- 测试 - 介绍
- 测试 - 集成测试
- 测试 - 测试助手
- 测试 - 测试用户交互
- 测试 - 单元测试
- 测试 - 单元测试基础
- 测试 - 测试组件
- 测试 - 测试控制器
- 测试 - 测试路由
- 测试 - 测试模型
- 测试 - 自动化测试
- 配置Ember.js - 禁用基本类型扩展
- 配置Ember.js - 嵌入式应用
- 配置Ember.js - 特性标识
- Cookbook - 简介
- Cookbook - 用户界面与交互
- Cookbook - 事件处理和数据绑定
- Cookbook - 助手与组件
- Cookbook - 使用对象
- 理解Ember.js - 视图层
- 理解Ember.js - 管理异步
- 理解Ember.js - 模板自动更新
- 理解Ember.js - 调试
- 理解Ember.js - 运行循环
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
测试 - 单元测试基础
英文原文:http://emberjs.com/guides/testing/unit-testing-basics/
尽管Ember.Object
是Ember中得基础对象类型,然后能够测试一个简单的Ember.Object
是能测试Ember应用各个特定部分的基础。如控制器、组件等。测试Ember.Object
就如创建一个对象实例一样简单,设置其状态并针对对象进行断言。作为实例,下面将来介绍一些一般性的场景。
测试计算属性
下面从一个具有基于foo
属性的computedFoo
计算属性的对象开始。
1 2 3 4 5 6 | App.SomeThing = Ember.Object.extend({ foo: 'bar', computedFoo: function(){ return 'computed ' + this.get('foo'); }.property('foo') }); |
在测试中,创建了一个实例,更新实例的foo
属性(这将触发计算属性),然后断言计算属性中得逻辑工作正常。
1 2 3 4 5 6 7 | module('Unit: SomeThing'); test('computedFoo correctly concats foo', function() { var someThing = App.SomeThing.create(); someThing.set('foo', 'baz'); equal(someThing.get('computedFoo'), 'computed baz'); }); |
在线示例
测试对象方法
下面再看一个测试对象方法逻辑的例子。在这里testMethod
方法修改了对象的一些内部状态(更新了foo
属性)。
1 2 3 4 5 6 | App.SomeThing = Ember.Object.extend({ foo: 'bar', testMethod: function() { this.set('foo', 'baz'); } }); |
为了测试这个方法,首先创建了一个SomeThing
的实例,调用其testMethod
,然后断言内部状态与期望的一样。
1 2 3 4 5 6 7 | module('Unit: SomeThing'); test('calling testMethod updates foo', function() { var someThing = App.SomeThing.create(); someThing.testMethod(); equal(someThing.get('foo'), 'baz'); }); |
在线示例
在这里对象的方法返回了一个值,可以通过简单的断言来判断值是否被正确计算。假设对象有一个calc
方法,其基于一些内部的状态返回一个值。
1 2 3 4 5 6 7 | App.SomeThing = Ember.Object.extend({ count: 0, calc: function() { this.incrementProperty('count'); return 'count: ' + this.get('count'); } }); |
测试要调用calc
方法并断言其返回正确的值。
1 2 3 4 5 6 7 | module('Unit: SomeThing'); test('testMethod returns incremented count', function() { var someThing = App.SomeThing.create(); equal(someThing.calc(), 'count: 1'); equal(someThing.calc(), 'count: 2'); }); |
在线示例
测试观察器
假设有一个对象其有一个观察foo
属性的方法。
1 2 3 4 5 6 7 | App.SomeThing = Ember.Object.extend({ foo: 'bar', other: 'no', doSomething: function(){ this.set('other', 'yes'); }.observes('foo') }); |
为了测试doSomething
方法,首先创建一个SomeThing
实例,然后修改被观察的属性(foo
),并断言期待的效果出现。
1 2 3 4 5 6 7 | module('Unit: SomeThing'); test('doSomething observer sets other prop', function() { var someThing = App.SomeThing.create(); someThing.set('foo', 'baz'); equal(someThing.get('other'), 'yes'); }); |
在线示例
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论