如何使用Jest测试AngularJS 1.x应用程序？

Question

有人可以提供一个使用Jest测试AngularJS 1.x应用程序（工厂，控制器）的通用示例吗？ 该示例应使用普通ES5编写（无ES6 import语法）。

Answer 1

高水平：

• 安装Angular-Mocks和Jest-CLI
• 创建一个测试文件
• Mock Angular和Inject服务/工厂

---

require('../node_modules/angular/angular.min.js');
require('../node_modules/angular-mocks/angular-mocks.js');
require('./mathservice.js');

describe('Math service - addTwoNumbers', function(){

  beforeEach(
    angular.mock.module('mathmodule')
  );

  var _mathservice;

  beforeEach(inject((mathservice) => {
    _mathservice = mathservice;
  }));

  it('1 + 1 should equal 2', function(){
    var actual = _mathservice.addTwoNumbers(1,1);
    expect(actual).toEqual(2);
  });

});

---

我已经将一篇文章放在一起逐步展示了如何设置更多细节：

https://curtistimson.co.uk/post/angularjs/angularjs-jest-unit-testing/

Answer 2

将它添加到你的package.json：

  "scripts": {
    "test": "jest",
    "test:watch": "jest --watch",
    "test:ci": "jest --runInBand"
  },
  "jest": {
    "verbose": true,
    "moduleDirectories": ["node_modules", "app"]
  }

用npm安装角度，角度模拟和开玩笑。

编写测试并使用npm test命令运行它。

请参阅此处的示例https://github.com/rantiev/template-jest-with-angular