如何使用Jest + Vuejs模拟window.location.href? [英] How to mock window.location.href with Jest + Vuejs?

问题描述

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

Currently, I am implementing unit test for my project and there is a file that contained window.location.href.

我想对此进行测试，这是我的示例代码:

I want to mock this to test and here is my sample code:

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>)

我尝试了一些解决方案，但没有解决.我需要一些提示来帮助我摆脱困境.请帮助.

I had tried some solutions but not resolve it. I need some hints to help me get out of this trouble. Plz help.

推荐答案

您可以尝试:

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

看看该问题的笑话问题:
最新问题

Have a look at the Jest Issue for that problem:
Jest Issue

这篇关于如何使用Jest + Vuejs模拟window.location.href?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！