reactjs – 使用Jest测试React componentWillUnmount

发布时间：2020-12-15 20:46:20 所属栏目：百科来源：网络整理

导读：我正在使用React的TestUtil.renderIntoDocument来测试React组件类 like this(只有我使用的是TypeScript而不是Babel)： describe("MyComponent",() = { it("will test something after being mounted",() = { var component = TestUtils.renderIntoDocument(M

我正在使用React的TestUtil.renderIntoDocument来测试React组件类 like this(只有我使用的是TypeScript而不是Babel)：

describe("MyComponent",() => {
  it("will test something after being mounted",() => {
    var component = TestUtils.renderIntoDocument(<MyComponent />);
    // some test...
  })
})

这有效,但我想编写一个测试来验证componentWillUnmount的行为是否符合预期.但是,似乎测试运行器从未卸载组件,这并不奇怪.所以我的问题是：如何在测试中卸载组件？ TestUtil没有任何看起来像我想要的东西,就像我想象的removeFromDocument一样.

这是正确的,但TestUtils.renderIntoDocument返回一个ReactComponent,可以访问组件的生命周期方法.

所以你可以手动调用component.componentWillUnmount().

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!