Как отрендерить два компонента при тестировании с помощью библиотеки тестирования реакции?

Question

Я хочу визуализировать два компонента с помощью библиотеки тестирования реакции.

У меня есть два компонента, а именно firstComponent и secondComponent

в моих тестах я визуализирую один компонент, как показано ниже

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

Теперь вопрос в том, как я могу визуализировать компонент secondComponent с помощью mock в методе utils.render

Я пробовал что-то вроде

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