load json file for jasmine test with angular.js

Question

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.

Brett · Accepted Answer · 2014-01-20 00:37:27Z

2

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();

answered Jan 20, 2014 at 0:37

Brett

2,7954 gold badges28 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

imbalind Over a year ago

I cannot understand what you mean by "convert my .json file to an Angular service"

Rishabh Jain Over a year ago

can you please give detail of what you did

Brett Over a year ago

@imbalind, Rishabh Jain, you need to take your static .json file and turn it in to a regular javascript object. Then make it available to your app as an Angular constant.

Alexander Kalinovski · Accepted Answer · 2014-01-19 00:21:02Z

0

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

answered Jan 19, 2014 at 0:21

Alexander Kalinovski

1,4291 gold badge13 silver badges19 bronze badges

1 Comment

Brett Over a year ago

Thanks, but I already have the file which I use elsewhere. I'm trying to avoid repeating code. I really need to be able to load the data from the file.

Collectives™ on Stack Overflow

load json file for jasmine test with angular.js

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related