reactjs - 开玩笑测试中未调用 componentWillUnmount
问题描述
运行测试后出现此错误。不调用 componentWillUnmount。我在这里想念什么?
expect(jest.fn()).toHaveBeenCalledWith(...expected)
Expected: "mouseup", [Function anonymous]
Number of calls: 0
组件.js
export default class Component extends React.Component {
constructor(props) {
super(props)
}
componentDidMount() {
document.addEventListener("mouseup", this.handleMouseUp)
}
componentWillUnmout() {
document.removeEventListener("mouseup", this.handleMouseUp)
}
组件.spec.js
describe("unmounting", () => {
let wrapper
let handleMouseUp
beforeEach(() => {
document.removeEventListener = jest.fn()
})
it("removes mouseup event listener", () => {
wrapper = mountComponent(Suggestions, props)
handleMouseUp = wrapper.instance().handleMouseUp
wrapper.unmount()
expect(document.removeEventListener).toHaveBeenCalledWith("mouseup", handleMouseUp)
})
})
解决方案
推荐阅读
- hyperledger-fabric - 错误!错误!hosts_kafka.yml:5:预期的键=值主机变量赋值,得到:本地
- python - Python - 如何从线程返回数据
- javascript - 由于recaptcha,需要按两次提交按钮
- asp.net - 如何在剑道网格中隐藏密码
- mysql - 如何按 MySQL 中第 2 列中的值的顺序获取第 1 列中的值总数
- python - 您可以在协程列表上使用多处理或线程来加速程序执行吗?
- wordpress - wordpress 添加支付系统。在哪里处理表格
- r - 有没有办法将 cld 添加到组合的 ggplot 中?
- javascript - 如何使用此服务器响应访问嵌套的 JSON 对象
- javascript - 修复了在折叠视图中切换时 CSS 导航栏消失的问题