Как смоделировать window.location.href с помощью Jest + Vuejs?

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

Я пробовал некоторые решения, но не решил их.Мне нужно несколько советов, чтобы помочь мне выйти из этой проблемы.Пожалуйста, помогите.

Answer 1

Я решил эту проблему, добавив writable: true и переместив его в beforeEach

Вот мой пример кода:

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

Answer 2

Вы можете попробовать:

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