0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<h2>Testing Library Best Practice</h2>
1
<h2>Testing Library Best Practice</h2>
2
<h2>Hexlet</h2>
2
<h2>Hexlet</h2>
3
<h2>Ограничения</h2>
3
<h2>Ограничения</h2>
4
<ul><li>стили</li>
4
<ul><li>стили</li>
5
<li>реальные возможности</li>
5
<li>реальные возможности</li>
6
<li>обязательные поля</li>
6
<li>обязательные поля</li>
7
</ul><h2>Best Practice</h2>
7
</ul><h2>Best Practice</h2>
8
<p>Использование обертки</p>
8
<p>Использование обертки</p>
9
<p>Демонтирование деревьев в React, смонтированных при рендере</p>
9
<p>Демонтирование деревьев в React, смонтированных при рендере</p>
10
<ul><li>Используйте screen<ul><li>не деструктурируйте</li>
10
<ul><li>Используйте screen<ul><li>не деструктурируйте</li>
11
<li>можно использовать screen.debug</li>
11
<li>можно использовать screen.debug</li>
12
</ul></li>
12
</ul></li>
13
</ul><h3>Используйте верные селекторы</h3>
13
</ul><h3>Используйте верные селекторы</h3>
14
<h3>Не используйте контейнер</h3>
14
<h3>Не используйте контейнер</h3>
15
<h2>Не рекомендуется</h2>
15
<h2>Не рекомендуется</h2>
16
<ul><li>button</li>
16
<ul><li>button</li>
17
<li>.btn.btn-large</li>
17
<li>.btn.btn-large</li>
18
<li>#main</li>
18
<li>#main</li>
19
</ul><h3>Селекторы по тексту</h3>
19
</ul><h3>Селекторы по тексту</h3>
20
<p>Выбирайте элементы по информативному названию aria-свойств, которые читают скринридеры Работает, даже если текстовое содержимое вашего элемента разбито на разные дочерние элементы</p>
20
<p>Выбирайте элементы по информативному названию aria-свойств, которые читают скринридеры Работает, даже если текстовое содержимое вашего элемента разбито на разные дочерние элементы</p>
21
<h3>Используйте find вместо waitFor</h3>
21
<h3>Используйте find вместо waitFor</h3>
22
<p>Побочные эффекты в waitFor</p>
22
<p>Побочные эффекты в waitFor</p>
23
<p>You can't use snapshot assertions within waitFor</p>
23
<p>You can't use snapshot assertions within waitFor</p>
24
<ul><li>Используйте только query* для утверждений о том, что элемент не может быть найден</li>
24
<ul><li>Используйте только query* для утверждений о том, что элемент не может быть найден</li>
25
<li>Используйте user-event</li>
25
<li>Используйте user-event</li>
26
<li>Используйте плагины для линтера для Testing Library<ul><li>eslint-plugin-testing-library</li>
26
<li>Используйте плагины для линтера для Testing Library<ul><li>eslint-plugin-testing-library</li>
27
<li>eslint-plugin-jest-dom</li>
27
<li>eslint-plugin-jest-dom</li>
28
</ul></li>
28
</ul></li>
29
</ul>
29
</ul>