如何为angularjs/jasmine单元测试提供可重复使用的样本数据值

Question

我想在我的茉莉花单元测试中提供简单的常量值,如名称,电子邮件等.

这里也提出了类似的问题:AngularJS + Karma:在单元测试指令或控制器时重用模拟服务

在c#中,我将创建一个静态类来保存模拟数据的小片段.然后,我可以在整个单元测试中使用这些值,如下所示:

static class SampleData
{
    public const string Guid = "0e3ae555-9fc7-4b89-9ea4-a8b63097c50a";
    public const string Password = "3Qr}b7_N$yZ6";

    public const string InvalidGuid = "[invalid-guid]";
    public const string InvalidPassword = "[invalid-password]"; 
}

在使用Karma/Jasmine测试我的AngularJS应用程序时,我希望有同样的便利.

我知道我可以constant针对我的角度应用程序定义一个对象,我已经对我在真实代码中使用的常量执行此操作,如下所示:

myApp.constant('config', {apiUrl:'http://localhost:8082'})

我可以像这样添加另一个常量但只包含用于我的单元测试的样本数据值,如下所示:

myApp.constant('sampleData', {email: 'sample@email.com'}) 

然后,我可以将模拟常量对象注入到我的测试中,然后就像这样

describe 'A sample unit test', ->
    beforeEach ->   module 'myApp'
    beforeEach inject ($injector) ->
        @sampleData = $injector.get 'sampleData'
        email = @sampleData.email
        # etc ...

然而这对我来说似乎有点可疑.我不希望我的生产代码包含仅我的单元测试所需的样本数据.

您如何通过可重复使用的样品数据值方便地提供角度/茉莉花单位测试？

谢谢

Answer 1

有两种方法可以做到这一点:

• 间谍函数调用并返回假值.
• 创建模拟类(可能还有模拟数据以初始化它们)并在需要的地方加载它们

当你只需要打几个电话时,第一个就好了.为全班做这件事是不可持续的.

例如,假设您有一个构建一些特殊URL的服务.如果其中一个方法依赖于absUrl,你可以通过监视$location对象中的方法来伪造它:

describe('example') function () {
    beforeEach(inject(function () {
        spyOn($location, 'absUrl').andCallFake(function (p) {
            return 'http://localhost/app/index.html#/chickenurl';
        });
    }));
it('should return the url http://www.chicken.org') ... {
    // starting situation
    // run the function
    // asserts
}

现在让我们假设您有一个Settings服务,它封装了语言,主题,特殊路径,背景颜色,字体等数据,这些数据是使用对服务器的远程调用初始化的.依赖的测试服务Settings将是痛苦的.你必须每次都用spyOn模拟一个大的组件.如果你有10个服务......你不想在所有服务中复制spyOn函数.

ServiceA使用Settings服务:

describe('ServiceA', function () {
var settings, serviceA;

beforeEach(module('myapp.mocks.settings'));  // mock settings
beforeEach(module('myapp.services.serviceA')); // load the service being tested

beforeEach(inject(function (_serviceA_, _settings_) {
    serviceA = _serviceA_;
    settings = _settings_;
}));

对于这个测试套件的容器,对Settings服务的所有调用都将由mock处理,它具有与真实接口相同的接口,但返回虚拟值.请注意,您可以在任何地方加载此服务.

(如果由于任何原因,您需要使用真正的实现,您可以在模拟之前加载实际实现,并使用spyOn为特定情况将委托委托给实际实现.)

通常,您将mocks模块放在app文件夹之外.我有一个test包含单元测试的文件夹,e2e测试和一个lib带有angular-mocks.js文件的文件夹.我也把我的嘲笑放在那里.告诉karma测试所需的文件:

    files: [
      'app/lib/jquery/jquery-1.9.1.js',
      'test/lib/jasmine-jquery.js',
      'app/lib/angular/angular.js',
      'app/lib/angular/angular-*.js',
      'test/lib/angular/angular-mocks.js',
      'test/lib/myapp/*.js', /* this is mine */
      'app/js/**/*.js',
      'test/unit/**/*.js'
    ],

该文件tests/lib/myapp.mocks.settings.js看起来就像任何其他模块:

(function () {
"use strict";

var m = angular.module('myapp.mocks.settings', []);

m.service('settings', function () { ... })
})

第二个问题(可选):您想快速更改虚拟值.在该示例中,设置服务在第一次实例化时从服务器获取对象.然后,该服务具有所有字段的getter.这是服务器的代理:不是每次需要值时发送请求,而是获取一堆请求并在本地保存.在我的应用程序中,设置在运行时不会在服务器中更改.

就像是:

1. fetch http://example.org/api/settings
2. var localSettings = fetchedSettings;
3  getFieldA: function() { return localSettings.fieldA; }

去污染全局命名空间.我创建了一个文件settings.data.js,内容如下:

var SETTINGS_RESPONSE = { fieldA: 42 };

模拟服务在工厂中使用此全局变量来实例化 localSettings