使用 mocha、chai 和 sinon 对 $http 和 $q 服务进行单元测试

Question

我有这个功能，需要用mocha、chai和sinon测试一下。

这是my code：

service-wiki-pelis.js

'use strict'

var WikiService = function($http,$q){

    return {
        getMovies: getMovies
    }

    function getMovies() {
        var deferred = $q.defer();
        $http.jsonp('/url/movies')
            .success(function(data,status,headers,config) {
                deferred.resolve({
                    results: data.results
                });
            }).error(function(msg,code) {
                msg = msg || 'Request failed: ';
                deferred.reject(msg);
            });
        return deferred.promise;
    }

}

module.exports = WikiService;

service-wiki-pelis_test.js

var chai = require('chai'),
    should = chai.should(),
    sinon = require('sinon');

describe('Wiki Pelis service',function(){

    'use strict';

    var service, WikiPelisService = require('./service-wiki-pelis');

    var $http = {jsonp:function(url){
            return {
                success: function () {
                },
                error: function () {
                }
            }
        }},
        $q = {};

    beforeEach(function(done){
        service = new WikiPelisService($http,$q);
        done();
    });

    it('Should have a function named "JSONP"',function(){
        service.jsonp.should.be.instanceof(function);
    });
});

目前为止我做了这个小测试，但是真的不行，但是有了它你就可以看到我的测试环境了。

这两个文件是 Angular 应用程序的一部分，但应该可以单独测试这些文件，无需 Angular 模拟或类似的东西。

Answer 1

我正在使用 jasmine，所以我可以为解决方案创建一个 jsfiddle。在行中查找 cmets。

您需要 angular-mocks 文件。您仍然可以使用 chai 进行断言。

describe('Service: ', function () {
    var service,
        $httpBackend,
        url = '/url/movies',
        returnedPromise,
        result;

    //load the angular app module
    beforeEach(function () {
        module('MyApp');
    });
    // inject your service and $httpBackend from angular-mocks.js
    beforeEach(inject(function (MyService, _$httpBackend_) {
        service = MyService;
        $httpBackend = _$httpBackend_;
        // invoke your getMovies method
        returnedPromise = service.getMovies();
    }));

    //make sure no expectations where missed
    afterEach(function () {
        $httpBackend.verifyNoOutstandingExpectation();
        $httpBackend.verifyNoOutstandingRequest();
    });

    it('should make a successful API call and return a list of movies', function () {
        var expectedResult = {
            results: []
        };
        $httpBackend.whenJSONP(url).respond({
            results: []
        });
        returnedPromise.then(function (response) {
            result = response;
        });
        $httpBackend.flush();
        expect(result).toEqual(expectedResult);
    });

    it('should make a unsuccessful API call and return an error', function () {
        var expectedResult = 'Request failed: ';
        $httpBackend.whenJSONP(url).respond(401);
        returnedPromise.then(function (response) {}, function (msg) {
            result = msg;
        });
        $httpBackend.flush();
        expect(result).toEqual(expectedResult);
    });
});

JSFIDDLE