@@ -89,16 +89,16 @@ You can write any combination of Search variants and Search types.
8989
9090Sorted by oficial recommended [ order of priority] ( https://testing-library.com/docs/queries/about/#priority ) .
9191
92- | | Types | finds by... | DOM example |
93- | - | --------------------- | -------------------------------- | ------------------------------------- |
94- | 1 | ..., ` Role ` | [ ARIA role] ( https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques#roles ) | ` <div role="dialog" /> ` |
95- | 2 | ..., ` LabelText ` | label or aria-label content | ` <label for="element" /> ` |
96- | 3 | ..., ` PlaceholderText ` | input placeholder value | ` <input placeholder="name" /> ` |
97- | 4 | ..., ` Text ` | element text content | ` <p>Lorem ipsum</p> ` |
98- | 5 | ..., ` DisplayValue ` | form element current value | ` <input value="Current Value"> ` |
99- | 6 | ..., ` AltText ` | img alt attribute | ` <img alt="movie poster" /> ` |
100- | 7 | ..., ` Title ` | title attribute or svg title tag | ` <span title="Add" /> ` or ` <title /> ` |
101- | 8 | ..., ` TestId ` | data-testid attribute | ` <div data-testid="some-message" /> ` |
92+ | | Types | finds by... | DOM example |
93+ | - | -------------------- | -------------------------------- | ------------------------------------- |
94+ | 1 | ...` Role ` | [ ARIA role] ( https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques#roles ) | ` <div role="dialog" /> ` |
95+ | 2 | ...` LabelText ` | label or aria-label content | ` <label for="element" /> ` |
96+ | 3 | ...` PlaceholderText ` | input placeholder value | ` <input placeholder="name" /> ` |
97+ | 4 | ...` Text ` | element text content | ` <p>Lorem ipsum</p> ` |
98+ | 5 | ...` DisplayValue ` | form element current value | ` <input value="Current Value"> ` |
99+ | 6 | ...` AltText ` | img alt attribute | ` <img alt="movie poster" /> ` |
100+ | 7 | ...` Title ` | title attribute or svg title tag | ` <span title="Add" /> ` or ` <title /> ` |
101+ | 8 | ...` TestId ` | data-testid attribute | ` <div data-testid="some-message" /> ` |
102102
103103> For more information visit the oficial cheat sheet: [ DOM] ( https://testing-library.com/docs/dom-testing-library/cheatsheet ) - [ React] ( https://testing-library.com/docs/react-testing-library/cheatsheet ) - [ Vue] ( https://testing-library.com/docs/vue-testing-library/cheatsheet )
104104
0 commit comments