How to load mock data from JSON file in Angular 2 karma jasmine test?

Question

I writing karma jasmine test case for angular 2,

And we came across requirement to mock data in separate JSON file as data is huge (want to make sure code cleanness). For this I searched a lot but didn't find proper solution.

We already mocking HTTP service using MockBackend, So we can't use HTTP service of angular to load JSON as it eventually request will go to MockBackend.

So is there any another way without using any third party lib like jasmine-jquery or Karma-jasmine-preprocessor ? More kind of Angular JS 2 way.

Answer 1

I had the same issue!

Finally, I realized that just using the require() function directly in TypeScript works just fine. It is supported by Node and @types/node, otherwise some need to declare require types.

So to load mock data from JSON file in Angular 2 Karma Jasmine test, go for:

const data: any = require('../../assets/mock-data.json');

PS: credits to Artur Ampilogov

Answer 2

i'm trying to do the same, system.import works if you pass path of the JSON like this

example :

`System.import('../../assets/mock-data/mock-data.json')
.then((json) => {
console.log(json);
});`

what is really weird, is that I didn't manage to make it work with variables. example :

`let myUrl: string = '../../assets/mock-data/mock-data.json';
    System.import(myUrl)
    .then((json) => {
        console.log(json);
    });`