ReactTestUtils已被移动

Question

我开始学习React，在做一些测试时，我注意到了两条警告消息：

警告：ReactTestUtils已移至react-dom / test-utils。更新引用以删除此警告。

警告：浅层渲染器已移至react-test-renderer / shallow。更新引用以删除此警告。

它们不会阻止测试运行或无法正确验证，但是始终会出现此错误。

通过查看文档，我找到了此页面，即使在我添加了他们推荐的那些行之后，警告消息仍在显示。

我正在尝试一个非常简单的测试，这是我的代码：

import React from "react";
import toJson from "enzyme-to-json";
import { shallow } from "enzyme";
import { About } from "./About";

describe('Rendering test', () => {
    const component = shallow(<About />);
    const tree      = toJson(component);

    it('Should render the About component', () => {
        expect(tree).toMatchSnapshot();
    })

    it('Should not contain an h2 element', () => {
        expect( component.contains('h2') ).toBe(false);
    })
})

为了解决此警告，我需要做什么？我已经将所有打包的软件更新为最新版本。

Answer 1

我认为它shallow来自酶的渲染功能，该功能尚未针对v15.5进行更新（尽管有拉动请求）。

您可以尝试使用其他渲染功能（render或mount）之一，但这会改变测试的语义（并且可能会或可能不会产生警告）。

您的另一选择是不使用酶而react-test- renderer/shallow自己使用，但是酶API对于测试组件非常有用。

我的建议是等待酶的版本，并暂时保留警告。