vue.js unit:test w test-utils 和 Jest : 如何在方法中测试 - window.ope

Question

在我的组件AudioPlayer中，我有一个download((方法：

download() {
this.audio.pause();
window.open(this.file, "download");
},

我可以测试第一行：

this.audio.pause();

但是我该如何测试(我应该吗？第二行：

window.open(this.file, "download");

这是我当前的规范文件测试

it("should open a window from downloadBtn", async () => {
// jsdom doesn't support any loading or playback media operations. 
// As a workaround you can add a few stubs in your test setup:
window.HTMLMediaElement.prototype.pause = () => { /* do nothing */ };
// given
const wrapper = mount(AudioPlayer, {
attachToDocument: true,
propsData: {
autoPlay: false,
file: file,
ended,
canPlay
}
});
const downloadBtn = wrapper.find("#downloadBtn");
wrapper.vm.loaded = true; // enable downloadBtn
// when
downloadBtn.trigger("click");
await wrapper.vm.$nextTick();
// then
expect(wrapper.vm.paused).toBe(true);
});

感谢您的反馈

Answer 1

您可以将window.open替换为 jest 模拟函数，然后像往常一样测试模拟调用。

window.open = jest.fn();
window.open('foo');
expect(window.open).toHaveBeenCalledWith('foo');

Answer 2

你可以检查window.open是否被调用

const spy = jest.spyOn(window, 'open');
expect(spy).toHaveBeenCalledTimes(1)