react-testing-library - 如何在使用 react 测试库进行测试时渲染两个组件？

Question

我想使用 react 测试库渲染两个组件。

我有两个组件，即第一个组件和第二个组件

在我的测试中，我渲染一个组件，如下所示

test('check test', async() => {
    const { getByTestId } = utils.render(
        <firstComp />,
        [
            utils.gqlMock(queryname, query-type),
        ]
    );
    //some logic here to do with getBytestid
)};

现在的问题是如何在 utils.render 方法中使用模拟渲染组件 secondaryComponent

我尝试过类似的事情

test('check test', async() => {
    const { getByTestId } = utils.render(
        <secondComp/>,
        [  utils.gqlMock(queryname3, query-type3),
        ]
        <firstComp />,
        [
            utils.gqlMock(queryname, query-type),
        ]
    );
    //some logic here to do with getBytestid
)};

但这会引发一些错误。似乎不是正确的方法。有人可以帮我解决这个问题吗？谢谢。

Answer 1

我从来没有这样做过，但我会尝试这样的事情:

    const { getByTestId } = utils.render(
        <>
           <SecondComponent />
           <FirstComponent />
        </>,
        [...]
    );