如何在 mocha 单元测试中模拟 document.evaluate() 和 XPathResult？

Question

我有以下 JavaScript class 包装 document.evaluate() 使用 XPath 选择 DOM 元素：

'use strict'
Object.defineProperty(exports, '__esModule', { value: true })
class ElementByXPath {
  constructor(elementXPath) {
    this.elementXPath = elementXPath
  }
  element(document) {
    return document.evaluate(
      this.elementXPath,
      document.documentElement,
      null,
      XPathResult.FIRST_ORDERED_NODE_TYPE,
      null,
    ).singleNodeValue
  }
}
exports.ElementByXPath = ElementByXPath

mocha 中编写的以下测试应验证方法 element():

describe('ElementByXPath function test', () => {
  it('should return element of given XPath', () => {
    const dom = new JSDOM(`<p id = "test-id"/p>`)
    const result = new ElementByXpath('//*[@id="test-id"]').element(
      dom.window.document,
    )

    expect(result.tagName).to.equal('P')
  })
})

使用 JSDOM 我能够模拟 window 元素。不幸的是，我不能嘲笑 XPathResult:

ReferenceError: XPathResult is not defined

有人可能有提示吗？谢谢。

Answer 1

在 jsdom 旁边添加 jsdom-global（描述 here）：

npm i -D jsdom jsdom-global

在 mocha 执行测试时注册 jsdom-global

mocha -r jsdom-global/register test/**/*.test.js

如何在 mocha 单元测试中模拟 document.evaluate() 和 XPathResult？

How to mock document.evaluate() and XPathResult in a mocha unit test?

javascript

xpath

dom

mocha.js

jsdom