CODEWITHSUNDEEP
unit-testingangularjsjasmine
Brett
Brett

Reputation: 2785

load json file for jasmine test with angular.js

I have mock data in an external json file that I want to have available for Jasmine unit tests in Angular.js. Unfortunately I am not approved to run node.js in my dev environment, so the usual karma examples don't apply to me.

I have tried:

beforeEach(inject(function ($injector, $http) {
    console.log('this gets called');
    $http.get('/mockData/surveySetup.json').success(function (data) {
            console.log('this never gets called');
        }).error(function () {
            console.log('this never gets called');
        });
}));

The console.log outside of the $http.get gets called, but the ones inside $http.get never fire, and I don't see a call to the json file in chrome's network tab.

What can I do to load this file to use in my tests? At the end of the day I just need to have access to the data in the .json file so I can refer to it in my unit tests.

Thanks in advance.

Upvotes: 2

Views: 3685

Answers (2)

Brett
Brett

Reputation: 2785

I found that I needed to convert my .json file to an Angular service (actually an Angular constant worked for my purposes). Then my external file was easy to grab in my tests, like so:

var setupData = $injector.get('SetupData');
$httpBackend.whenGET('/surveySetup').respond(setupData);
$httpBackend.flush();

Upvotes: 2

Alexander Kalinovski
Alexander Kalinovski

Reputation: 1409

Not sure what exactly are going to achieve but usually you can configure this by using $httpBackend which can be configured to mock the actual requests from any of your code (you may also need to setup with your URL syntax in this case but anyway this the common case for the unit tests. In this case you don't need to read the JSON file you can just provide the JS object inside of the $httpBackend configuration for that URL and when this URL is to be invoked $httpBackend will return the specified object. Look at: $httpBackend

Upvotes: 0

Related Questions