How to run few test suit in browser and few in Nodejs environment Mocha?

Question

I have scenario like this:

const isBrowser = new Function("try {return this===window;}catch(e){ return false;}");

if(isBrowser){
//Run browser specific code
}else {
 // run nodejs specific code
}

I am setting up a test environment using Mocha, Chai and istanbul. How can i setup in such a way that few test suits should run on browser and few on NodeJs.

The goal is to get the combined coverage report.

how can I configure the Mocha to run in both browser and in NodeJs environment, using karma or without karma ?

for example:

//this should run in NodeJS Environment
describe('Loader Node Js', () => {
    it('Load files from File system', (done) => {
        loader.load('file path')
            .then((files) => {
                done();
            });
    });
});

//this should run in Browser Environment
describe('Loader Browser', () => {   
    it('Load files from Server AJAX', (done) => {
        loader.load('file url')
            .then((files) => {

                done();
            });
    });

})

score 1 · Answer 1 · answered Aug 02 '19 at 10:07

1

You should be able to test for Node.js and browser specific globals in your suite.

if (typeof module === 'object') {

    //this should run in NodeJS Environment
    describe('Loader Node Js', () => {
        it('Load files from File system', (done) => {
            loader.load('file path')
                .then((files) => {
                    done();
                });
        });
    });

} else {

    //this should run in Browser Environment
    describe('Loader Browser', () => {   
        it('Load files from Server AJAX', (done) => {
            loader.load('file url')
                .then((files) => {
                    done();
                });
        });
    })
}

You have other options, too, like testing for typeof self === 'undefined', which is true in Node.js and false in a browser.

There are a few related question you may find interesting:

answered Aug 02 '19 at 10:07

GOTO 0

42,323
22
125
158

But how will I get the combined coverage report. Using Mocha – Apurva Ojas Aug 02 '19 at 15:12
Can you create separate coverage reports for Node.js and the browser with your Karma configuration? If so you can join them programmatically. – GOTO 0 Aug 02 '19 at 19:04
Did you mean `typeof this === 'undefined'`? – thefourtheye Aug 04 '19 at 04:58
@thefourtheye Of course not. That could be true or false both in Node.js and in the browser depending on the execution context. – GOTO 0 Aug 04 '19 at 07:04
Okay, I don't know Karma. What does `self` mean here? – thefourtheye Aug 04 '19 at 07:23
@thefourtheye It's a browser global, nothing related to Karma. Like `window`, but it's defined also in web workers. https://developer.mozilla.org/en-US/docs/Web/API/Window/self – GOTO 0 Aug 04 '19 at 07:26
1

@GOTO0 Oh, I didn't know that. Thank you. – thefourtheye Aug 04 '19 at 07:43

How to run few test suit in browser and few in Nodejs environment Mocha?

1 Answers1