如何使用Jest测试网址更改

Question

我有以下功能要测试

function tradePage() {
  setTimeout(function() {
    window.location.pathname = document
      .getElementById('button')
      .getAttribute('new-page');
  }, 100);
}

而且我编写了以下测试：

test('should change page when button is clicked', () => {
  var button = document.querySelector('#button');

  jest.useFakeTimers();
  button.dispatchEvent(createEvent('click'));
  jest.runAllTimers();

  expect(window.location.pathname).toEqual('/new-url');
});

但是，当我运行测试时，出现以下错误：

    expect(received).toEqual
    Expected value to equal:
    "/new-url"
    Received:
    "blank"

我已经完成/尝试过的事情

• 我的packages.json已经"testURL"设置好了。

• 我发现了这个可能的解决方案（不起作用）：

  Object.defineProperty(window.location, 'pathname', {
    writable: true,
    value: '/page/myExample/test',
  });
  

还有什么我可以尝试的想法吗？

Answer 1

而不必将路径名设置为 null，您可以像这样检查它

expect(global.window.location.href).toContain('/new-url').

这样您就不必将 null 分配给路径名。

Answer 2

通过在测试开始时声明一个全局变量，我找到了一种有效的方法：

global.window = { location: { pathname: null } };

并像这样检查此变量：

expect(global.window.location.pathname).toEqual('/new-url');

很好。