Загрузка макетного файла JSON в тесте Karma+AngularJS

обслуживание JSON через прибор является самым простым, но из-за нашей настройки мы не могли сделать это легко, поэтому я написал альтернативную вспомогательную функцию:

хранилище

установить

$ bower install karma-read-json --save

  OR

$ npm install karma-read-json --save-dev

  OR

$ yarn add karma-read-json --dev

использование

1. поставить кармы-читать в формате JSON.js в ваших карма-файлах. Пример:

   files = [
     ...
     'bower_components/karma-read-json/karma-read-json.js',
     ...
   ]
   

2. убедитесь, что ваш JSON обслуживается кармой. Пример:

   files = [
     ...
     {pattern: 'json/**/*.json', included: false},
     ...
   ]
   

3. использовать

Я изо всех сил пытался найти решение для загрузки внешних данных в моих тестовых случаев. Ссылка выше:http://dailyjs.com/2013/05/16/angularjs-5/ Работать на меня.

некоторые замечания:

"defaultJSON" должен использоваться в качестве ключа в вашем макете файла данных, это нормально, так как вы можете просто ссылаться на defaultJSON.

mockedDashboardJSON.js:

'use strict'
angular.module('mockedDashboardJSON',[])
.value('defaultJSON',{
    fakeData1:{'really':'fake2'},
    fakeData2:{'history':'faked'}
});

затем в тестовом файле:

beforeEach(module('yourApp','mockedDashboardJSON'));
var YourControlNameCtrl, scope, $httpBackend, mockedDashboardJSON;
beforeEach(function(_$httpBackend_,defaultJSON){
    $httpBackend.when('GET','yourAPI/call/here').respond(defaultJSON.fakeData1);
    //Your controller setup 
    ....
});

it('should test my fake stuff',function(){
    $httpBackend.flush();
    //your test expectation stuff here
    ....
}

похоже, что ваше решение является правильным, но есть 2 вещи, которые мне не нравятся:

• он использует Жасмин
• это требует новой кривой обучения

Я просто столкнулся с этой проблемой и решить ее быстро, как я не успевал за срок, и я сделал следующее

мой ресурс json был огромен, и я не мог скопировать его в тест, поэтому мне пришлось сохранить его в отдельном файле - но я решил сохранить его как javascript, а не json, и тогда я просто сделал:

var someUniqueName = ... the json ...

и я включил это в karma conf включает..

Я все еще могу издеваться над ответом http backend, если это необходимо.

$httpBackend.whenGET('/some/path').respond(someUniqueName);

я мог бы также написать новый угловой модуль, который будет включен здесь, а затем изменить ресурс json, чтобы быть чем-то вроде

angular.module('hugeJsonResource', []).constant('SomeUniqueName', ... the json ... );

а потом просто впрыснуть SomeUniqueName в тест, который выглядит чище.

возможно, даже обернуть его в сервис

angular.module('allTestResources',[]).service('AllTestResources', function AllTestResources( SomeUniqueName , SomeOtherUniqueName, ... ){
   this.resource1 = SomeUniqueName;
   this.resource2 = SomeOtherUniqueName; 
})

это решение было быстрее для меня, так же чисто, и не требовало какой-либо новой кривой обучения. так что я предпочитаю этот.

Я искал то же самое. Я собираюсь попробовать этот подход. Он использует файлы конфигурации для включения файлов макетных данных, но файлы немного больше, чем json, потому что json должен быть передан в angular.модуль('MockDataModule').значение, а затем ваши модульные тесты также могут загружать несколько модулей,а затем набор значений доступен для ввода в вызов beforeeach inject.

также нашел другой подход это выглядит многообещающим для запросы xhr, которые не являются дорогостоящими, это отличный пост, который описывает тестирование на полпути, которое, если я правильно понимаю, позволяет вашему контроллеру/службе фактически получать данные, как в тесте e2e, но ваш тест на полпути имеет фактический доступ к области контроллера (e2e не думаю).

есть препроцессоры Karma, которые также работают с файлами JSON. Здесь есть один:

https://www.npmjs.org/package/karma-ng-json2js-preprocessor

и бесстыдный плагин, это тот, который я разработал, который имеет поддержку RequireJS

https://www.npmjs.org/package/karma-ng-json2js-preprocessor-requirejs

можно использовать karma-html2js-препроцессор чтобы получить файлы json, добавленные в__ html _ _ global.

смотрите этот ответ для деталей:https://stackoverflow.com/a/22103160/439021

вот альтернатива Камерон ответ, без необходимости jasmine-jquery ни какой-либо дополнительной конфигурации кармы, чтобы проверить, например, угловой сервис с помощью $resource:

angular.module('myApp').factory('MyService', function ($resource) {
    var Service = $resource('/:user/resultset');
    return {
        getResultSet: function (user) {
            return Service.get({user: user}).$promise;
        }
    };
});

и соответствующий модульный тест:

describe('MyServiceTest', function(){
    var $httpBackend, MyService, testResultSet, otherTestData ;

    beforeEach(function (done) {
        module('myApp');
        inject(function ($injector) {
            $httpBackend = $injector.get('$httpBackend');
            MyService = $injector.get('MyService');
        });
        // Loading fixtures
        $.when(
            $.getJSON('base/test/mock/test_resultset.json', function (data) { testResultSet = data; }),
            $.getJSON('base/test/mock/test_other_data.json', function (data) { otherTestData = data; })
        ).then(done);
    });

    it('should have some resultset', function() {
        $httpBackend.expectGET('/blahblahurl/resultset').respond(testResultSet);
        MyService.getResultSet('blahblahurl').then(function (resultSet) {
            expect(resultSet.length).toBe(59);
        });
        $httpBackend.flush();
    });
});