fix typescript for tests

Author: kettanaito

exercises/01.sunsetting-jsdom/01.problem.break-jsdom/src/app.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { FilePreview } from './file-preview.jsx'
+import { FilePreview } from './file-preview'
 
 export function App() {
 	const [file, setFile] = useState<File>()

exercises/01.sunsetting-jsdom/01.problem.break-jsdom/tsconfig.app.json

@@ -1,9 +1,9 @@
 {
 	"extends": "./tsconfig.base.json",
+	"include": ["src/**/*"],
+	"exclude": ["src/**/*.test.ts*"],
 	"compilerOptions": {
-		"target": "ES2020",
-		"module": "ESNext"
-	},
-	"include": ["src"],
-	"exclude": ["**/*.test.ts*"]
+		"lib": ["ES2020", "DOM", "DOM.Iterable"],
+		"jsx": "react-jsx"
+	}
 }

exercises/01.sunsetting-jsdom/01.problem.break-jsdom/tsconfig.base.json

@@ -1,16 +1,16 @@
 {
 	"compilerOptions": {
+		"target": "ESNext",
+		"module": "ESNext",
 		"useDefineForClassFields": true,
 		"skipLibCheck": true,
-		"lib": ["ES2020", "DOM", "DOM.Iterable"],
 
 		/* Bundler mode */
 		"moduleResolution": "bundler",
 		"allowImportingTsExtensions": true,
 		"isolatedModules": true,
 		"moduleDetection": "force",
 		"noEmit": true,
-		"jsx": "react-jsx",
 		"verbatimModuleSyntax": true,
 
 		/* Linting */

exercises/01.sunsetting-jsdom/01.problem.break-jsdom/tsconfig.node.json

@@ -1,23 +1,7 @@
 {
+	"extends": "./tsconfig.base.json",
 	"compilerOptions": {
-		"target": "ES2022",
-		"lib": ["ES2023"],
-		"module": "ESNext",
-		"skipLibCheck": true,
-
-		/* Bundler mode */
-		"moduleResolution": "bundler",
-		"allowImportingTsExtensions": true,
-		"isolatedModules": true,
-		"moduleDetection": "force",
-		"noEmit": true,
-
-		/* Linting */
-		"strict": true,
-		"noUnusedLocals": false,
-		"noUnusedParameters": false,
-		"noFallthroughCasesInSwitch": true,
-		"noUncheckedSideEffectImports": true
+		"lib": ["ES2023"]
 	},
 	"include": ["vite.config.ts", "tailwind.config.ts"]
 }

exercises/01.sunsetting-jsdom/01.problem.break-jsdom/tsconfig.test.json

@@ -1,9 +1,8 @@
 {
-	"extends": "./tsconfig.base.json",
-	"include": ["**/*.test.ts*"],
+	"extends": "./tsconfig.app.json",
+	"include": ["src/**/*", "src/**/*.test.ts*"],
+	"exclude": [],
 	"compilerOptions": {
-		"target": "esnext",
-		"module": "preserve",
 		"types": ["vitest/globals"]
 	}
 }

exercises/01.sunsetting-jsdom/01.solution.break-jsdom/tsconfig.app.json

@@ -1,9 +1,9 @@
 {
 	"extends": "./tsconfig.base.json",
+	"include": ["src/**/*"],
+	"exclude": ["src/**/*.test.ts*"],
 	"compilerOptions": {
-		"target": "ES2020",
-		"module": "ESNext"
-	},
-	"include": ["src"],
-	"exclude": ["**/*.test.ts*"]
+		"lib": ["ES2020", "DOM", "DOM.Iterable"],
+		"jsx": "react-jsx"
+	}
 }

exercises/01.sunsetting-jsdom/01.solution.break-jsdom/tsconfig.base.json

@@ -1,16 +1,16 @@
 {
 	"compilerOptions": {
+		"target": "ESNext",
+		"module": "ESNext",
 		"useDefineForClassFields": true,
 		"skipLibCheck": true,
-		"lib": ["ES2020", "DOM", "DOM.Iterable"],
 
 		/* Bundler mode */
 		"moduleResolution": "bundler",
 		"allowImportingTsExtensions": true,
 		"isolatedModules": true,
 		"moduleDetection": "force",
 		"noEmit": true,
-		"jsx": "react-jsx",
 		"verbatimModuleSyntax": true,
 
 		/* Linting */

exercises/01.sunsetting-jsdom/01.solution.break-jsdom/tsconfig.node.json

@@ -1,23 +1,7 @@
 {
+	"extends": "./tsconfig.base.json",
 	"compilerOptions": {
-		"target": "ES2022",
-		"lib": ["ES2023"],
-		"module": "ESNext",
-		"skipLibCheck": true,
-
-		/* Bundler mode */
-		"moduleResolution": "bundler",
-		"allowImportingTsExtensions": true,
-		"isolatedModules": true,
-		"moduleDetection": "force",
-		"noEmit": true,
-
-		/* Linting */
-		"strict": true,
-		"noUnusedLocals": false,
-		"noUnusedParameters": false,
-		"noFallthroughCasesInSwitch": true,
-		"noUncheckedSideEffectImports": true
+		"lib": ["ES2023"]
 	},
 	"include": ["vite.config.ts", "tailwind.config.ts"]
 }

exercises/01.sunsetting-jsdom/01.solution.break-jsdom/tsconfig.test.json

@@ -1,9 +1,8 @@
 {
-	"extends": "./tsconfig.base.json",
-	"include": ["**/*.test.ts*"],
+	"extends": "./tsconfig.app.json",
+	"include": ["src/**/*", "src/**/*.test.ts*"],
+	"exclude": [],
 	"compilerOptions": {
-		"target": "esnext",
-		"module": "preserve",
 		"types": ["vitest/globals"]
 	}
 }

exercises/02.vitest-browser-mode/01.problem.installation-and-setup/README.mdx

@@ -7,7 +7,7 @@ It's time to take the first step forward Vitest Browser Mode! In this one, you a
 As the first order of business, I'm going to uninstall the packages I won't be needing anymore:
 
 ```sh nonumber
-npm uninstall jsdom @testing-library/react @testing-library/jest-dom/vitest
+npm uninstall jsdom @testing-library/react @testing-library/jest-dom
 ```
 
 > 🦉 I am uninstalling React Testing Library because I won't be using it directly for my in-browser tests. **That doesn't mean its API and practices are gone!** Instead, I will continue using them through the Vitest and Playwright APIs that are inspired by RTL and promote its best practices.
@@ -76,13 +76,20 @@ export default defineConfig({
 
 The last thing that remains is to extend the TypeScript configuration to recognize DOM-specific matches, like `expect().toBeVisible()` as they come built-in in Vitest.
 
-```json filename=tsconfig.test.json add=10
+First, I will remove the `import '@testing-library/jest-dom/vitest'` import we previously had in the test:
+
+```tsx filename=file-preview.test.tsx remove=1
+import '@testing-library/jest-dom/vitest'
+```
+
+And replace it with a type reference to Vitest's browser matchers in `tsconfig.test.json`:
+
+```json filename=tsconfig.test.json add=9
 {
-	"extends": "./tsconfig.base.json",
-	"include": ["**/*.test.ts*"],
+	"extends": "./tsconfig.app.json",
+	"include": ["src/**/*", "src/**/*.test.ts*"],
+	"exclude": [],
 	"compilerOptions": {
-		"target": "esnext",
-		"module": "preserve",
 		"types": [
 			"vitest/globals",
 			// 👇