feat: 🎸 DOMSelector support for query parentSelector

[chimurai]

Allow usage of byTestId(), byText(), byRole(), etc in query's parentSelector

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/ngneat/spectator/blob/master/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[x] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Currently css selector have to be used to query for data-testid attribute

spectator.query(ChildComponent, { parentSelector: '[data-testid="parent-component-1"]' });

What is the new behavior?

Support DomSelector to allow existing dom query functions to be used: byTestId(), byText(), byRole(), etc... in parentSelector

spectator.query(ChildComponent, { parentSelector: byTestId('parent-component-1') });

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.