javascript - Enzyme/Jest -- 用 DOM 树编写 TDD

Question

使用浅层组件，如何测试具有 DOM API 的类似组件(例如 querySelector)

handleOnClick(e) {
    const { pageID } = this.props
    document.querySelector('form .event').name = '_eventID' + pageID
    document.querySelector('form').submit()
    e.preventDefault()
}

我的测试失败了，因为在 TDD 中，文档 不存在。

有没有办法可以注入(inject)模拟文档？

Answer 1

您可以仅使用需要测试的函数手动注入(inject)全局文档对象，或者您可以使用类似jsdom的东西。您最好的选择可能是遵循 enyzme recommendation on document injection .