Vite template testing library types (#1397)

* Add "@testing-library/jest-dom" to types in tsconfig.json as WebStorm doesn't see matchers extension. Fix "queryByRole" unnecessary await. * Add "@testing-library/jest-dom" to types in tsconfig.json as Typescript(WebStorm) doesn't see matchers extension. Fix "queryByRole" unnecessary await.
solidjs · Mar 18, 2024 · 050f4a2 · 050f4a2
1 parent 3095888
commit 050f4a2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/examples/with-vitest/src/components/Counter.test.tsx b/examples/with-vitest/src/components/Counter.test.tsx
@@ -6,7 +6,7 @@ import Counter from "./Counter";
 describe("<Counter />", () => {
   it("increments value", async () => {
     const { queryByRole } = render(() => <Counter />);
-    const button = (await queryByRole("button")) as HTMLButtonElement;
+    const button = queryByRole("button") as HTMLButtonElement;
     expect(button).toBeInTheDocument();
     expect(button).toHaveTextContent(/Clicks: 0/);
     await userEvent.click(button);

diff --git a/examples/with-vitest/tsconfig.json b/examples/with-vitest/tsconfig.json
@@ -10,7 +10,7 @@
 		"allowJs": true,
 		"strict": true,
 		"noEmit": true,
-		"types": ["vinxi/client", "vite/client", "vitest/globals"],
+		"types": ["vinxi/client", "vite/client", "vitest/globals", "@testing-library/jest-dom"],
 		"isolatedModules": true,
 		"paths": {
       "~/*": ["./src/*"]