feat: export shadowQueries (#44)

* feat: export shadowQueries

* chore: update readme

* chore: formatting

README.md

@@ -251,3 +251,32 @@ import { prettyShadowDOM } from "shadow-dom-testing-library";
 
 prettyShadowDOM(element, maxLength, options); // => string | false
 ```
+
+## ShadowQueries
+
+Perhaps you don't want the extended screen. That's fine. To
+import just the shadowQueries you can do so like this:
+
+```js
+import { shadowQueries } from "shadow-dom-testing-library";
+
+test("findByShadowRole", async () => {
+  render(<Button />);
+  const btn = await shadowQueries.findByShadowRole("button");
+  expect(btn).toBeInTheDocument();
+});
+```
+
+You could also use this method to extend your own screen.
+
+```js
+import { shadowQueries } from "shadow-dom-testing-library";
+import { screen as DOMScreen } from "@testing-library/dom";
+
+const screen = {
+  ...DOMScreen,
+  ...shadowQueries,
+};
+
+screen.getByShadowRole("button");
+```

src/index.ts

@@ -30,6 +30,7 @@ export {
 export {
   shadowScreen as screen,
   shadowWithin as within,
+  shadowQueries,
   debug,
   logShadowDOM,
   prettyShadowDOM,