[译]开始对Angular App进行单元测试（1）

1. 红色部分:失败的测试，有利于我们消除bug;

2. 绿色部分：需要我们写足够的代码让我们的测试通过，透过前面的部分，我们可以了解这些bug;

3. 黄色部分，代码重构过程我们可以避免重蹈覆辙，并且提升安全性。

Demo

记下来我们写一些代码去体会上面的流程

写一个不通过的测试

describe('calculator', function () {

it('1 + 1 should equal 2', function () {    expect(calculator.sum(1, 1)).toBe(2);});

});

2.使测试通过

如果我们开始写足够多的代码时候，其中一些可能类似下面：

var calculator = {
sum: function(x, y) {
return 2; //
这样做有利于我们避免代码更多的错误

3.重构

在我们确保我们的逻辑正常后，我们可以测试更多用例，直到结果能够一直和期望的一致。

var calculator = {
sum: function(x, y) {
return x + y;
}
}

describe('calculator', function () {

it('1 + 1 should equal 2', function () {    expect(calculator.sum(1, 1)).toBe(2);});

});

小结

我们初步了解了使用jasmine来进行TBD测试，这样有利于我们接下来去理解 使用karama进行单元测试（翻译中...）

关键字：JavaScript, angularjs, 单元测试

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！