Как тестировать render props?

Senior

100 просмотров

AFK Offer AI

Render props — паттерн где компонент принимает функцию как children или prop. Тест: render({(data) => {data.name}}). MSW мокает API, waitFor ожидает результат, проверяешь что имя отображается. Можно тестировать render prop вызов: const renderProp = jest.fn(() =>

); render(); expect(renderProp).toHaveBeenCalledWith(expectedArgs). Паттерн устарел с hooks, но встречается в legacy коде и библиотеках (Formik, Downshift).

Следующий вопрос

Что такое CSS contain и content-visibility?