docs: ✏️ add byTestId DOM selector

Author: chimurai

docs/docs/queries.md

@@ -44,6 +44,7 @@ spectator.query(byText('By text'));
 spectator.query(byText('By text', {selector: '#some .selector'}));
 spectator.query(byTextContent('By text content', {selector: '#some .selector'}));
 spectator.query(byRole('checkbox', { checked: true }));
+spectator.query(byTestId('someTestId'))
 ```
 
 The difference between `byText` and `byTextContent` is that the former doesn't match text inside a nested elements.
@@ -64,6 +65,14 @@ expect(byPlaceholder('Please enter your email address')).toHaveValue('my-value')
 // ... See the Custom Matchers section for a full list of possible matchers
 ```
 
+Configure `@testing-library/dom` to use `byTestId` with a different `testIdAttribute`
+
+```ts
+import { configure } from '@testing-library/dom';
+
+configure({ testIdAttribute: 'data-test' });
+```
+
 ### Parent Selector
 Spectator allows you to query for nested elements within a parent element. This is useful when you have multiple instances of the same component on the page and you want to query for children within a specific one. The parent selector is a string selector that is used to find the parent element. The parent selector is passed as the second parameter to the query methods. For example:
 ```ts