0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<h2>React Testing Library</h2>
1
<h2>React Testing Library</h2>
2
<h2>Hexlet</h2>
2
<h2>Hexlet</h2>
3
<h2>React Testing Library</h2>
3
<h2>React Testing Library</h2>
4
<ul><li>Ставится поверх DOM Testing Library добавляя API для работы с React компонентами</li>
4
<ul><li>Ставится поверх DOM Testing Library добавляя API для работы с React компонентами</li>
5
<li>То есть ваши тесты будут работать не с экземплярами отрендеренных React-компонентов, а с реальными DOM узлами</li>
5
<li>То есть ваши тесты будут работать не с экземплярами отрендеренных React-компонентов, а с реальными DOM узлами</li>
6
</ul><h2>Цели</h2>
6
</ul><h2>Цели</h2>
7
<ul><li>Поддерживаемые тесты</li>
7
<ul><li>Поддерживаемые тесты</li>
8
<li>Уверенность в тестах</li>
8
<li>Уверенность в тестах</li>
9
<li>Избегайте проверок деталей реализации<ul><li>Внутреннее состояние компонента</li>
9
<li>Избегайте проверок деталей реализации<ul><li>Внутреннее состояние компонента</li>
10
<li>Внутренние методы компонента</li>
10
<li>Внутренние методы компонента</li>
11
<li>Методы жизненного цикла компонента</li>
11
<li>Методы жизненного цикла компонента</li>
12
<li>Дочерние компоненты</li>
12
<li>Дочерние компоненты</li>
13
</ul></li>
13
</ul></li>
14
<li>Долгоиграющие тесты<ul><li>Рефакторинг не ломает ваши тесты</li>
14
<li>Долгоиграющие тесты<ul><li>Рефакторинг не ломает ваши тесты</li>
15
</ul></li>
15
</ul></li>
16
</ul><h2>Методы API</h2>
16
</ul><h2>Методы API</h2>
17
<h2>render</h2>
17
<h2>render</h2>
18
<ul><li>Замена библиотеке Enzyme<ul><li>Концептуальное отличие</li>
18
<ul><li>Замена библиотеке Enzyme<ul><li>Концептуальное отличие</li>
19
<li>НЕ поддерживает shallow rendering</li>
19
<li>НЕ поддерживает shallow rendering</li>
20
</ul></li>
20
</ul></li>
21
<li>На RTL невозможно мигрировать с Enzyme</li>
21
<li>На RTL невозможно мигрировать с Enzyme</li>
22
<li>Избегайте мока компонентов<ul><li>если очень нужно -> jest.fn</li>
22
<li>Избегайте мока компонентов<ul><li>если очень нужно -> jest.fn</li>
23
</ul></li>
23
</ul></li>
24
</ul><p>Рекомендуем использовать библиотеку Mock Service Worker library для декларативного мока взаимодействия с API в ваших тестах вместо того, чтобы делать стаб window.fetch.</p>
24
</ul><p>Рекомендуем использовать библиотеку Mock Service Worker library для декларативного мока взаимодействия с API в ваших тестах вместо того, чтобы делать стаб window.fetch.</p>
25
<h2>Events</h2>
25
<h2>Events</h2>
26
<p>React Testing Library не особо заботят реальные компоненты</p>
26
<p>React Testing Library не особо заботят реальные компоненты</p>
27
27