02/06: add suffix-based test files pattern

Author: kettanaito

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/README.mdx

@@ -3,5 +3,7 @@
 Problem: you may have unit tests and browser (integration) tests in the same project using Vitest.
 
 1. Update `vite.config.ts` to include multiple [`workspaces`](https://main.vitest.dev/guide/workspace.html#configuration): one for unit tests, another for browser tests.
+1. Update TypeScript configs so different test patterns have different types (unit tests have no business accessing browser types).
 1. Update `package.json` with `test:unit` and `test:integration` scripts. Show how to run different workspaces from the CLI.
+1. Install `@types/node` for unit tests.
 1. List different strategies for separating tests: base on filename, base on directory.

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/src/file-preview.test.tsx renamed to exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/src/file-preview.browser.test.tsx

@@ -3,6 +3,7 @@
 	"references": [
 		{ "path": "./tsconfig.app.json" },
 		{ "path": "./tsconfig.node.json" },
-		{ "path": "./tsconfig.test.json" }
+		{ "path": "./tsconfig.test.unit.json" },
+		{ "path": "./tsconfig.test.browser.json" }
 	]
 }

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/tsconfig.json

@@ -1,6 +1,6 @@
 {
 	"extends": "./tsconfig.base.json",
-	"include": ["vite.config.ts", "**/*.test.ts*"],
+	"include": ["vite.config.ts", "**/*.browser.test.ts*"],
 	"compilerOptions": {
 		"target": "esnext",
 		"module": "preserve",

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/tsconfig.test.json renamed to exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/tsconfig.test.browser.json

@@ -0,0 +1,10 @@
+{
+	"extends": "./tsconfig.base.json",
+	"include": ["**/*.test.ts*"],
+	"exclude": ["**/*.browser.test.ts*"],
+	"compilerOptions": {
+		"target": "esnext",
+		"module": "preserve",
+		"types": ["node"]
+	}
+}

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/tsconfig.test.unit.json

@@ -10,13 +10,15 @@ export default defineConfig({
 				extends: true,
 				test: {
 					name: 'unit',
-					include: ['**/*.test.ts'],
+					include: ['**/*.test.tsx?'],
+					environment: 'node',
 				},
 			},
 			{
 				extends: true,
 				test: {
 					name: 'browser',
+					include: ['**/*.browser.test.tsx?'],
 					browser: {
 						enabled: true,
 						provider: 'playwright',