window.URL.createObjectURL jest fail

[juliehubs]

When running a jest test, you will receive an error that window.URL.createObjectURL is not a function.

Any ideas of a way to fix this?

I have tried mocking it in jest, as I have found that this is supposedly a mapbox issue, but none of those solutions seem to work.

[GamalielCrdz]

the same here.

[antoinerg]

Thank you for reporting this issue.

@juliehubs You're right that the problem lies in mapbox. Did you try mocking the function as suggested in the following comment mapbox/mapbox-gl-js#3436 (comment)?

[juliehubs]

@antoinerg I tried adding that in my test, didn't seem to work, but I am probably doing something wrong to be honest.

[GamalielCrdz]

Thank you for reporting this issue.

@juliehubs You're right that the problem lies in mapbox. Did you try mocking the function as suggested in the following comment mapbox/mapbox-gl-js#3436 (comment)?

I added to my test and also install jest-canvas-mock, this works form me

[juliehubs]

What am I doing wrong?! I feel so confused! @GamalielCrdz

window.URL.createObjectURL = function() {};
configure({ adapter: new Adapter(), });

test('renders plotly', () => {
    const wrapper = shallow(
        <MyChart/>
    );
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.state().data).toEqual(null);
});

[GamalielCrdz]

What am I doing wrong?! I feel so confused! @GamalielCrdz

window.URL.createObjectURL = function() {};
configure({ adapter: new Adapter(), });

test('renders plotly', () => {
    const wrapper = shallow(
        <MyChart/>
    );
    expect(wrapper).toMatchSnapshot();
    expect(wrapper.state().data).toEqual(null);
});

@juliehubs in my case, I added the follow line
window.URL.createObjectURL = function() {};
in my setupTest.js file

[juliehubs]

@juliehubs in my case, I added the follow line
window.URL.createObjectURL = function() {};
in my setupTest.js file

That did it as well as your tip to add jest-canvas-mock! Thanks so much!

[antoinerg]

Thank you @GamalielCrdz!

[ped59430]

Still getting an error after applying the 2 tips above, any idea ?
(Using vue jest but seems related)

[ped59430]

All precisions here hustcc/jest-canvas-mock#2

The tests are passing, but the error is logged due to a jsdom peculiarity on the getContext function.

As I do not need to test getContext and want a clean console (as mentioned in this comment hustcc/jest-canvas-mock#2 (comment)), I added this line window.HTMLCanvasElement.prototype.getContext = () => {} to my jest.setup.js file.

(Trying to install canvas or canvas-prebuilt lead to installation errors)

[enua]

@juliehubs in my case, I added the follow line
window.URL.createObjectURL = function() {};
in my setupTest.js file

If you come here from Vue, I solve this from your solution doing this:

window.URL.createObjectURL = jest.fn();

Hope to helps someone.