javascript - 用 Jest 模拟条件 window.open 函数调用

Question

我正在尝试编写一个测试，以确保在我将有效的 URL arg 传递给它运行 windows.open(args) 的函数时打开它。然后确保我专注于它。

测试链接有效性:

export function isValidURL(url: string): boolean {
  try {
    new URL(url)
    return true
  } catch (e) {
    console.warn(`Invalid URL: ${url}`)
    return false
  }
}

打开链接:

export function openURL(url: string): void {
  if (isValidURL(url)) {
    const exTab = window.open(url, "_blank")
    if (exTab) exTab.focus()
  }
}

我想我应该模拟一些函数或者伪造它的代码，然后等待它的调用次数或类似的东西。但我是开 Jest 和测试的新手，我对如何做到这一点感到很困惑。

我的论文:

describe("Test tools.openURL()", () => {
  test("it should open link if valid.", () => {
    const { open } = window
    delete window.open
    window.open = jest.fn()
    openURL("htts//url2.de9v")
    expect(window.open).not.toHaveBeenCalled()
    openURL("https://www.url1.dev")
    expect(window.open).toHaveBeenCalled()
    window.open = open
    // test focus here
  })
})

通过这段代码，我已经成功地测试了open，现在我只需要测试focus。

Answer 1

'open'是只读属性。 而不是 jest.spyOn(window, "open")尝试:

Object.defineProperty(window, 'open', { value: <your mock> });

代替<your mock>找到应返回的模拟对象或对象。