vue.js - 如何用 Jest + Vuejs 模拟 window.location.href？

Question

目前，我正在为我的项目实施单元测试，并且有一个文件包含window.location.href.

我想模拟这个来测试，这是我的示例代码：

it("method A should work correctly", () => {
      const url = "http://dummy.com";
      Object.defineProperty(window.location, "href", {
        value: url,
        writable: true
      });
      const data = {
        id: "123",
        name: null
      };
      window.location.href = url;
      wrapper.vm.methodA(data);
      expect(window.location.href).toEqual(url);
    });

但我得到这个错误：

TypeError: Cannot redefine property: href
        at Function.defineProperty (<anonymous>)

我尝试了一些解决方案，但没有解决。我需要一些提示来帮助我摆脱这个麻烦。请帮忙。

标签： vue.jsunit-testingjestjsjasminevue-test-utils

Answer 1

你可以试试：

global.window = Object.create(window);
const url = "http://dummy.com";
Object.defineProperty(window, 'location', {
  value: {
    href: url
  }
});
expect(window.location.href).toEqual(url);  

查看该问题的 Jest Issue：
Jest Issue