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中，document不存在。

我可以注入模拟document吗？

Answer 1

您可以仅使用需要测试的功能手动注入global文档对象，也可以使用jsdom之类的内容。您最好的选择可能是遵循enyzme recommendation on document injection。