Question

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

我有两个组件，分别是firstComponent和secondComponent

在我的测试中，我渲染了一个如下所示的分量

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

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

我尝试过类似的事情

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 />
    </>,
    [...]
);

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

1 个答案: