Коллеги как тестировать такой компонент import React from 'react'; import Content from

Question

Коллеги как тестировать такой компонент import React from 'react'; import Content from

'ui/Content/index.tsx';

export default function App(): React.JSX.Element {
return (
<>
<h3>App</h3>
<Content />
</>
);
}

понятно что нужно проверить наличие App
а как проверить что Content отобразился - мы же в тесте для App не должны тестировать внутренности Content и типа ничего не должны знать что он там рендерит!
тогда как?

#frontend #javascript #programming #react.js #russian

0

02.11.2023

2 ответов

14 просмотров

Вадим Бударин Бударин Автор вопроса

Dmitry Remezov
Мы как раз должны знать что он там рендерит, ты же...

в таком случае наш тест App уже не тест App а тест App и Content! Хотя Content мы тестируем отдельно + к этому это называется тестированием внутренней реализации, что как пишут не есть очень харашо )

0

02.11.2023

Dmitry Remezov · Accepted Answer

Мы как раз должны знать что он там рендерит, ты же пользовательские сценарии проверить хочешь) Хорошо бы это делать с единым контролем над текстами, но штош. И тестировать такое надо на e2e. По теме - "проверить что Content отобразился" нам не нужно, нужно "когда пользователь нажал на Пук, прошла загрузка и в разделе Тук он видит Лук, на Лук нажал - увидел [помогите]" P.S. Не нужно писать: export default -> export : React.JSX.Element -> ничего, TS сам выведет

169 похожих чатов

Коллеги как тестировать такой компонент import React from 'react'; import Content from

2 ответов

Похожие вопросы