Geek Answers Handbook

Testing backend API via $ http in AngularJS / karma / jasmine tests?

How to test your API using AngularJS / karma / jasmine tests?

I tried to create the smallest test case with my error:

echo_server.py

from bottle import response, route, run @route('/echo/<echo>') def echo_echo(echo): response.headers['Access-Control-Allow-Origin'] = '*' return {'echo': echo} # Served as JSON if __name__ == '__main__': run()

Test / block / apiSpec.js

 // Should this be in `test/e2e/apiSpec.js`? describe('echo', function () { var scope, http; beforeEach(inject(function ($rootScope, $http) { $http.defaults.useXDomain = true; // CORS scope = $rootScope.$new(); http = $http; })); it("should echo from server", function () { scope.$apply(function () { var ret; http.get("http://localhost:8080/echo/foo") .success(function (data, status, headers, config) { ret = data; }) .error(function (data, status, headers, config) { ret = data; }); console.log('ret = ' + ret); expect(ret.echo).toBe("foo"); }); }); });

Conclusion karma start configs/karma.conf.js

 INFO [karma]: Karma v0.10.8 server started at http://localhost:9876/ INFO [launcher]: Starting browser PhantomJS INFO [PhantomJS 1.9.2 (Linux)]: Connected on socket m7imfgmhXdOY9JVKJh8r LOG: 'ret = undefined' PhantomJS 1.9.2 (Linux) echo should echo from server FAILED Error: Unexpected request: GET http://localhost:8080/echo/foo No more request expected at $httpBackend (~Projects/~karma-tests/test/lib/angular/angular-mocks.js:1178) ...
+8
angularjs karma-runner jasmine
source share
1 answer

The specified test stack is not intended to be used in this way. The request is never sent because of $httpMockBackend , which was decorated on top of the original $httpBackend .

To allow requests to pass, you need to either exclude angular-mocks.js or indicate that some URLs should go like this:

 angular.module('yourModule').run(function ($httpBackend) { $httpBackend.whenGET(/.*/).passThrough(); }

Read the documentation for $httpMockBackend here

In addition, your test is synchronous, and the server response is asynchronous, so it will not work properly.

+14
source

More articles:


All Articles