javascript - Karma-Jasmine: Unexpected request: GET ... No more request expected - Stack Overflow

admin管理员组

文章数量:1345190

THE SITUATION:

I am testing two different http calls in my AngularJs app.

There is a strange behavior. If i test each one separately, with the other temporary mented out (in the controller and in the test) each one works fine and the test passes.

But if I run karma when there are both the tests, they fail, giving the following error message:

Unexpected request: GET 
No more request expected

THE CONTROLLER:

.controller('TestController', function($scope, $http, $timeout) {

    $scope.getLanguageList = function()
    {
        $http.get('').then(function(resp) 
        {
            $scope.language_list = resp.data;
        }, 
        function(err) 
        {
            $scope.language_list = [];
        })
    }

    $scope.language_list = [];
    $scope.getLanguageList();


    $scope.get_project_list = function()
    {
        $http.get('').then(function(resp) 
        {
            $scope.project_list = resp.data;
        }, 
        function(err) 
        {
            $scope.project_list = [];
        })
    }

    $scope.project_list = [];
    $scope.get_project_list();

})

THE TEST:

describe('Http requests tests', function() {

beforeEach(module('my_app.controllers'));

var $controller;
var $httpBackend;
var $scope;
var $timeout;


describe('Lists test', function() 
{

    beforeEach(angular.mock.http.init);
    afterEach(angular.mock.http.reset);

    beforeEach(inject(function(_$controller_, _$httpBackend_) 
    {
        $controller = _$controller_;
        $scope = {};
        $httpBackend = _$httpBackend_;

    }));


    it('should load default language list', function (done) 
    {
        $httpBackend.whenGET('').passThrough();

        var TestController = $controller('TestController', { $scope: $scope });

        setTimeout(function() 
        {
            expect($scope.language_list).not.toEqual([]);
            done();
        }, 1000);

    });


    it('should load default project list', function (done) 
    {
        $httpBackend.whenGET('').passThrough();

        var TestController = $controller('TestController', { $scope: $scope });

        setTimeout(function() 
        {
            expect($scope.project_list).not.toEqual([]);
            done();
        }, 1000);

    });

});

});

THE QUESTION:

Why i am getting that error message? The code should be fine since separately they are working fine. Am I missing something?

Thank you!

THE SITUATION:

I am testing two different http calls in my AngularJs app.

There is a strange behavior. If i test each one separately, with the other temporary mented out (in the controller and in the test) each one works fine and the test passes.

But if I run karma when there are both the tests, they fail, giving the following error message:

Unexpected request: GET https://MY_DOMAIN_2./list_project
No more request expected

THE CONTROLLER:

.controller('TestController', function($scope, $http, $timeout) {

    $scope.getLanguageList = function()
    {
        $http.get('http://MY_DOMAIN_1/languageList').then(function(resp) 
        {
            $scope.language_list = resp.data;
        }, 
        function(err) 
        {
            $scope.language_list = [];
        })
    }

    $scope.language_list = [];
    $scope.getLanguageList();


    $scope.get_project_list = function()
    {
        $http.get('https://MY_DOMAIN_2./projectList').then(function(resp) 
        {
            $scope.project_list = resp.data;
        }, 
        function(err) 
        {
            $scope.project_list = [];
        })
    }

    $scope.project_list = [];
    $scope.get_project_list();

})

THE TEST:

describe('Http requests tests', function() {

beforeEach(module('my_app.controllers'));

var $controller;
var $httpBackend;
var $scope;
var $timeout;


describe('Lists test', function() 
{

    beforeEach(angular.mock.http.init);
    afterEach(angular.mock.http.reset);

    beforeEach(inject(function(_$controller_, _$httpBackend_) 
    {
        $controller = _$controller_;
        $scope = {};
        $httpBackend = _$httpBackend_;

    }));


    it('should load default language list', function (done) 
    {
        $httpBackend.whenGET('http://MY_DOMAIN_1/languageList').passThrough();

        var TestController = $controller('TestController', { $scope: $scope });

        setTimeout(function() 
        {
            expect($scope.language_list).not.toEqual([]);
            done();
        }, 1000);

    });


    it('should load default project list', function (done) 
    {
        $httpBackend.whenGET('https://MY_DOMAIN_2/projectList').passThrough();

        var TestController = $controller('TestController', { $scope: $scope });

        setTimeout(function() 
        {
            expect($scope.project_list).not.toEqual([]);
            done();
        }, 1000);

    });

});

});

THE QUESTION:

Why i am getting that error message? The code should be fine since separately they are working fine. Am I missing something?

Thank you!

• javascript
• angularjs
• unit-testing
• karma-runner
• karma-jasmine

Share Improve this question Follow edited Oct 27, 2015 at 13:23 FrancescoMussi asked Oct 19, 2015 at 12:10 FrancescoMussiFrancescoMussi 21.7k4040 gold badges129129 silver badges181181 bronze badges 2

• What if you changed your $scope = {} to $scope = $rootScope.$new()? – Mathew Berg Commented Oct 19, 2015 at 12:23
• Have tried but nothing changed. – FrancescoMussi Commented Oct 19, 2015 at 12:39

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Here are some pointers and a demo http://plnkr.co/edit/Kp9C4S6oNVu1MM1YLb90?p=preview

• You should be using $httpBackend.flush() and not setTimeout(). This way you can control when your asynchronous request returns. It makes it easier to test.

• Pull out your $httpBackend and controller into the beforeEach statement. When your controller is created it fires off both url. Then you can evaluate it individually. When it is isolated in the it statement it does not call the other $http and throws the unexpected url error.

• You should also mock the response of your $http request and not passThrough. You are not always going to have internet connection and the response can change. So make the mock data look like what you expect.

• In addition, $httpBackend.whenGET('httpS://MY_DOMAIN_2/projectList') is requesting the incorrect url. It should be a lowercase s and a . url. This is because the controller is requesting

  $http.get('https://MY_DOMAIN_2./projectList')

Don't use timeouts, and test them at the same time:

it('should load default language list and the default project list', function (){
    $httpBackend.whenGET('http://MY_DOMAIN_1/languageList').passThrough();
    $httpBackend.whenGET('httpS://MY_DOMAIN_2/projectList').passThrough();

    var TestController = $controller('TestController', { $scope: $scope });

    $httpBackend.flush();

    expect($scope.language_list).not.toEqual([]);
    expect($scope.project_list).not.toEqual([]);
});

you need to add setTimeout and done property to your flush to prevent it

it('should get data in callback funcion', function (done) {
    $httpBackend.whenGET(/\/my-endpoint/).respond(mockDataResponse);

    apiFactory.getCurrencyFormat('en', function (res, err) {
        expect(res.a).to.deep.equal(generalMock.a);
        expect(res.b).to.deep.equal(generalMock.b);
    });

    setTimeout(function () {
        done();
        $httpBackend.flush();
    }, 200);
});

本文标签： javascriptKarmaJasmine Unexpected request GETNo more request expectedStack Overflow