当前位置: 首页 > 文档资料 > Ember.js 中文指南 >

测试 - 单元测试基础

优质
小牛编辑
126浏览
2023-12-01

英文原文: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');
});

在线示例

单元测试基础:观察器