Running in headless tests produces "Error: matchMedia not present"

[binarykitchen]

Hi again

When I run my app with enquire.js in an automated headless test unit like https://github.com/assaf/zombie then following error is produced and is polluting my console:

Error: matchMedia not present, legacy browsers require a polyfill
    at Object.MediaQueryDispatch (<anonymous>:226:19)
    at <anonymous>:291:12
    at <anonymous>:15:37
    at Object.context.execCb (<anonymous>:1635:33)
    at Object.Module.check (<anonymous>:866:55)
    at Object.Module.enable (<anonymous>:1142:22)
    at Object.Module.init (<anonymous>:779:26)
    at callGetModule (<anonymous>:1169:63)
    at Object.context.completeLoad (<anonymous>:1529:21)
    at Object.context.onScriptLoad (<anonymous>:1656:29)

Not sure what a solution would be. Probably a new option would be good.

[WickyNilliams]

I guess the problem is that Zombie omits the matchMedia API. Reading through the docs it seems that this is the case.

What are you trying to test: Your code using enquire? Or something else, where enquire is incidental? If the latter you could easily stub out the matchMedia API:

window.matchMedia = window.matchMedia || function() {
    return {
        matches : false,
        addListener : function() {},
        removeListener: function() {}
    };
};

If the former, then you have to do a proper polyfill. Presumably this is possible with zombie (since it explicitly omits a lot of APIs, I assume there must be some way to do it)?

[binarykitchen]

Thx man. Stubbing out that API is a good idea. With this my Zombie tests won't crash anymore.

[hellqvist]

Hi, I know that this is closed but I can't get it to work.

I've tried stubbing matchMedia both inside the test file and in a separate file link in under jest in package.json.

The result is always that matchMedia is undefined in enquire.js

What am I missing?