set globals: true for vitest

Author: kettanaito

exercises/01.sunsetting-jsdom/01.problem.break-jsdom/src/file-preview.test.tsx

@@ -1,7 +1,7 @@
 import { it, expect } from 'vitest'
 import { render, screen } from '@testing-library/react'
 
-it('displays the preview card', async () => {
+test('displays the preview card', async () => {
 	// 🐨 Render the `FilePreview` component.
 	// 💰 render(<MyComponent />)
 	// Provide a new `File` instance as the value of the `file` prop.

exercises/01.sunsetting-jsdom/01.solution.break-jsdom/src/file-preview.test.tsx

@@ -2,7 +2,7 @@ import { it, expect } from 'vitest'
 import { render, screen } from '@testing-library/react'
 import { FilePreview } from './file-preview.tsx'
 
-it('displays the preview card', async () => {
+test('displays the preview card', async () => {
 	render(<FilePreview file={new File(['hello world'], 'file.txt')} />)
 
 	expect(screen.getByText('file.txt')).toBeTruthy()

exercises/02.vitest-browser-mode/01.solution.installation-and-setup/src/file-preview.test.tsx

@@ -1,8 +1,7 @@
-import { it, expect } from 'vitest'
 import { render, screen } from '@testing-library/react'
 import { FilePreview } from './file-preview.tsx'
 
-it('displays the preview card', async () => {
+test('displays the preview card', async () => {
 	render(<FilePreview file={new File(['hello world'], 'file.txt')} />)
 
 	expect(screen.getByText('file.txt')).toBeTruthy()

exercises/02.vitest-browser-mode/01.solution.installation-and-setup/tsconfig.test.json

@@ -4,6 +4,6 @@
 	"compilerOptions": {
 		"target": "esnext",
 		"module": "preserve",
-		"types": ["@vitest/browser/providers/playwright"]
+		"types": ["vitest/globals"]
 	}
 }

exercises/02.vitest-browser-mode/01.solution.installation-and-setup/vite.config.ts

@@ -5,6 +5,7 @@ import react from '@vitejs/plugin-react'
 export default defineConfig({
 	plugins: [react()],
 	test: {
+		globals: true,
 		browser: {
 			enabled: true,
 			instances: [

exercises/02.vitest-browser-mode/02.solution.migrate-the-test/src/file-preview.test.tsx

@@ -3,7 +3,7 @@ import { page } from '@vitest/browser/context'
 import { render } from 'vitest-browser-react'
 import { FilePreview } from './file-preview.tsx'
 
-it('displays the preview card', async () => {
+test('displays the preview card', async () => {
 	render(<FilePreview file={new File(['hello world'], 'file.txt')} />)
 
 	await expect.element(page.getByText('file.txt')).toBeTruthy()

exercises/02.vitest-browser-mode/02.solution.migrate-the-test/tsconfig.test.json

@@ -4,6 +4,6 @@
 	"compilerOptions": {
 		"target": "esnext",
 		"module": "preserve",
-		"types": ["@vitest/browser/providers/playwright"]
+		"types": ["vitest/globals"]
 	}
 }

exercises/02.vitest-browser-mode/02.solution.migrate-the-test/vite.config.ts

@@ -5,6 +5,7 @@ import react from '@vitejs/plugin-react'
 export default defineConfig({
 	plugins: [react()],
 	test: {
+		globals: true,
 		browser: {
 			enabled: true,
 			instances: [

exercises/02.vitest-browser-mode/03.solution.playwright/src/file-preview.test.tsx

@@ -1,9 +1,8 @@
-import { it, expect } from 'vitest'
 import { page } from '@vitest/browser/context'
 import { render } from 'vitest-browser-react'
 import { FilePreview } from './file-preview.tsx'
 
-it('displays the preview card', async () => {
+test('displays the preview card', async () => {
 	render(<FilePreview file={new File(['hello world'], 'file.txt')} />)
 
 	await expect.element(page.getByText('file.txt')).toBeTruthy()

exercises/02.vitest-browser-mode/03.solution.playwright/tsconfig.test.json

@@ -4,6 +4,6 @@
 	"compilerOptions": {
 		"target": "esnext",
 		"module": "preserve",
-		"types": ["@vitest/browser/providers/playwright"]
+		"types": ["vitest/globals", "@vitest/browser/providers/playwright"]
 	}
 }