02/06: add unit test, adjust test patterns

Author: kettanaito

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

@@ -1,10 +1,11 @@
 import { useEffect, useState } from 'react'
+import { readFile } from './utils/read-file.js'
 
 export function FilePreview({ file }: { file: File }) {
 	const [previewText, setPreviewText] = useState<string>()
 
 	useEffect(() => {
-		file.text().then(setPreviewText)
+		readFile(file).then(setPreviewText)
 	}, [file])
 
 	return (

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/src/utils/read-file.test.ts

@@ -0,0 +1,14 @@
+import { it, expect } from 'vitest'
+import { readFile } from './read-file.js'
+
+it('returns contents of a text file', async () => {
+	await expect(readFile(new File(['hello world'], 'file.txt'))).resolves.toBe(
+		'hello world',
+	)
+})
+
+it('returns contents of a buffer file', async () => {
+	await expect(
+		readFile(new File([new TextEncoder().encode('hello world')], 'file.txt')),
+	).resolves.toBe('hello world')
+})

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/src/utils/read-file.ts

@@ -0,0 +1,3 @@
+export async function readFile(file: File): Promise<string> {
+	return file.text()
+}

exercises/02.vitest-browser-mode/06.solution.multiple-workspaces/vite.config.ts

@@ -7,18 +7,17 @@ export default defineConfig({
 	test: {
 		workspace: [
 			{
-				extends: true,
 				test: {
 					name: 'unit',
-					include: ['**/*.test.tsx?'],
+					include: ['**/*.test.ts'],
+					exclude: ['**/*.browser.test.ts(x)?'],
 					environment: 'node',
 				},
 			},
 			{
-				extends: true,
 				test: {
 					name: 'browser',
-					include: ['**/*.browser.test.tsx?'],
+					include: ['**/*.browser.test.ts(x)?'],
 					browser: {
 						enabled: true,
 						provider: 'playwright',