angularjs - AngularJS 中spec.js 文件的用法

Question

这听起来可能是一个愚蠢的问题，但我想知道它的答案。 AngularJS 中的 spec.js 文件是什么以及它的用途是什么？它用于测试目的吗？

编辑-下面是文件phone-detail.component.spec.js的代码

'use strict';

describe('phoneDetail', function() {

  // Load the module that contains the `phoneDetail` component before each test
  beforeEach(module('phoneDetail'));

  // Test the controller
  describe('PhoneDetailController', function() {
    var $httpBackend, ctrl;
    var xyzPhoneData = {
      name: 'phone xyz',
      images: ['image/url1.png', 'image/url2.png']
    };

    beforeEach(inject(function($componentController, _$httpBackend_, $routeParams) {
      $httpBackend = _$httpBackend_;
      $httpBackend.expectGET('phones/xyz.json').respond(xyzPhoneData);

      $routeParams.phoneId = 'xyz';

      ctrl = $componentController('phoneDetail');
    }));

    it('should fetch the phone details', function() {
      jasmine.addCustomEqualityTester(angular.equals);

      expect(ctrl.phone).toEqual({});

      $httpBackend.flush();
      expect(ctrl.phone).toEqual(xyzPhoneData);
    });

  });

});

Answer 1

使用spec.js可以为您的 Angular 应用程序编写单元测试用例。我们使用 Jasmine 和 Karma 以 Angular 编写测试用例。

Jasmine 是 JavaScript 的行为驱动开发测试框架。它不依赖于浏览器、DOM 或任何 JavaScript 框架。因此它适用于网站、Node.js 项目或任何可以运行 JavaScript 的地方。

https://github.com/jasmine/jasmine

Karma 本质上是一个工具，它生成一个 Web 服务器，该服务器针对每个连接的浏览器的测试代码执行源代码。针对每个浏览器的每个测试的结果都会通过命令行进行检查并显示给开发人员，以便他们可以看到哪些浏览器和测试通过或失败。

https://karma-runner.github.io/1.0/index.html