add more tests and improve config

kentcdodds · kentcdodds · commit fcfead049b1d · 2024-09-18T10:25:28.000-06:00
diff --git a/exercises/01.init/01.problem.static/tests/playwright.config.js b/exercises/01.init/01.problem.static/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/01.init/01.solution.static/tests/playwright.config.js b/exercises/01.init/01.solution.static/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/01.problem.rsc/tests/playwright.config.js b/exercises/02.server-components/01.problem.rsc/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/01.solution.rsc/tests/playwright.config.js b/exercises/02.server-components/01.solution.rsc/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/02.problem.async-components/tests/playwright.config.js b/exercises/02.server-components/02.problem.async-components/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/02.solution.async-components/tests/playwright.config.js b/exercises/02.server-components/02.solution.async-components/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/03.problem.streaming/tests/playwright.config.js b/exercises/02.server-components/03.problem.streaming/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/03.solution.streaming/tests/playwright.config.js b/exercises/02.server-components/03.solution.streaming/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/04.problem.server-context/tests/playwright.config.js b/exercises/02.server-components/04.problem.server-context/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/02.server-components/04.solution.server-context/tests/playwright.config.js b/exercises/02.server-components/04.solution.server-context/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/03.client-components/01.problem.loader/tests/playwright.config.js b/exercises/03.client-components/01.problem.loader/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/03.client-components/01.solution.loader/tests/playwright.config.js b/exercises/03.client-components/01.solution.loader/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/03.client-components/02.problem.module-resolution/tests/playwright.config.js b/exercises/03.client-components/02.problem.module-resolution/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/03.client-components/02.solution.module-resolution/tests/playwright.config.js b/exercises/03.client-components/02.solution.module-resolution/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/01.problem.router/tests/playwright.config.js b/exercises/04.router/01.problem.router/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/01.solution.router/tests/playwright.config.js b/exercises/04.router/01.solution.router/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/02.problem.pending-ui/tests/playwright.config.js b/exercises/04.router/02.problem.pending-ui/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/02.solution.pending-ui/tests/playwright.config.js b/exercises/04.router/02.solution.pending-ui/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/03.problem.race-conditions/tests/playwright.config.js b/exercises/04.router/03.problem.race-conditions/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/03.solution.race-conditions/tests/playwright.config.js b/exercises/04.router/03.solution.race-conditions/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/04.problem.history/tests/playwright.config.js b/exercises/04.router/04.problem.history/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/04.solution.history/tests/playwright.config.js b/exercises/04.router/04.solution.history/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/05.problem.cache/tests/playwright.config.js b/exercises/04.router/05.problem.cache/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/04.router/05.solution.cache/tests/playwright.config.js b/exercises/04.router/05.solution.cache/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/05.actions/01.problem.action-reference/README.mdx b/exercises/05.actions/01.problem.action-reference/README.mdx
@@ -22,9 +22,9 @@ that action and send it along to the client component.
 🐨 Finally in <InlineFile file="ui/edit-text.js" /> you can accept the action
 and wire things up with the `useActionState()` hook from `'react'`.
 
-Once you've done this, then you should be able to the rsc endpoint for a ship
-(like <LinkToApp to="/rsc/1ff1991efe029" />) and you should be able to find the
-action reference in the output (search for "actions.js").
+Once you've done this, then you should be able to open the rsc endpoint for a
+ship (like <LinkToApp to="/rsc/1ff1991efe029" />) and you should be able to find
+the action reference in the output (search for "actions.js").
 
 <callout-warning>
 	This step is only part of the work. When you're finished with this step, you
diff --git a/exercises/05.actions/01.problem.action-reference/tests/action-reference.test.js b/exercises/05.actions/01.problem.action-reference/tests/action-reference.test.js
@@ -0,0 +1,20 @@
+import { test, expect } from '@playwright/test'
+import { searchShips } from '../db/ship-api.js'
+
+test('RSC endpoint response includes reference to actions.js', async ({
+	page,
+}) => {
+	const {
+		ships: [firstShip],
+	} = await searchShips({ search: '' })
+	await page.goto(`/${firstShip.id}`)
+
+	// Make a GET request to the /rsc endpoint
+	const response = await page.request.get(`/rsc/${firstShip.id}`)
+
+	// Get the response text
+	const responseText = await response.text()
+
+	// Verify that the response includes "actions.js"
+	expect(responseText).toContain('actions.js')
+})
diff --git a/exercises/05.actions/01.problem.action-reference/tests/playwright.config.js b/exercises/05.actions/01.problem.action-reference/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/05.actions/01.problem.action-reference/tests/solution.test.js b/exercises/05.actions/01.problem.action-reference/tests/solution.test.js
diff --git a/exercises/05.actions/01.solution.action-reference/tests/action-reference.test.js b/exercises/05.actions/01.solution.action-reference/tests/action-reference.test.js
@@ -0,0 +1,20 @@
+import { test, expect } from '@playwright/test'
+import { searchShips } from '../db/ship-api.js'
+
+test('RSC endpoint response includes reference to actions.js', async ({
+	page,
+}) => {
+	const {
+		ships: [firstShip],
+	} = await searchShips({ search: '' })
+	await page.goto(`/${firstShip.id}`)
+
+	// Make a GET request to the /rsc endpoint
+	const response = await page.request.get(`/rsc/${firstShip.id}`)
+
+	// Get the response text
+	const responseText = await response.text()
+
+	// Verify that the response includes "actions.js"
+	expect(responseText).toContain('actions.js')
+})
diff --git a/exercises/05.actions/01.solution.action-reference/tests/playwright.config.js b/exercises/05.actions/01.solution.action-reference/tests/playwright.config.js
@@ -7,6 +7,10 @@ const PORT = process.env.PORT || '3000'
 const tmpDir = path.join(os.tmpdir(), 'epicreact-server-components')
 
 export default defineConfig({
+	timeout: 10000,
+	expect: {
+		timeout: 5000,
+	},
 	outputDir: path.join(tmpDir, 'playwright-test-output'),
 	reporter: [
 		[
diff --git a/exercises/05.actions/01.solution.action-reference/tests/solution.test.js b/exercises/05.actions/01.solution.action-reference/tests/solution.test.js
diff --git a/exercises/05.actions/02.problem.client/tests/action-post.test.js b/exercises/05.actions/02.problem.client/tests/action-post.test.js
diff --git a/exercises/05.actions/02.problem.client/tests/playwright.config.js b/exercises/05.actions/02.problem.client/tests/playwright.config.js
diff --git a/exercises/05.actions/02.problem.client/tests/solution.test.js b/exercises/05.actions/02.problem.client/tests/solution.test.js
diff --git a/exercises/05.actions/02.solution.client/tests/action-post.test.js b/exercises/05.actions/02.solution.client/tests/action-post.test.js
diff --git a/exercises/05.actions/02.solution.client/tests/playwright.config.js b/exercises/05.actions/02.solution.client/tests/playwright.config.js
diff --git a/exercises/05.actions/02.solution.client/tests/solution.test.js b/exercises/05.actions/02.solution.client/tests/solution.test.js
diff --git a/exercises/05.actions/03.problem.server/tests/playwright.config.js b/exercises/05.actions/03.problem.server/tests/playwright.config.js
diff --git a/exercises/05.actions/03.solution.server/tests/playwright.config.js b/exercises/05.actions/03.solution.server/tests/playwright.config.js
diff --git a/exercises/05.actions/04.problem.revalidation/tests/playwright.config.js b/exercises/05.actions/04.problem.revalidation/tests/playwright.config.js
diff --git a/exercises/05.actions/04.solution.revalidation/tests/playwright.config.js b/exercises/05.actions/04.solution.revalidation/tests/playwright.config.js
diff --git a/exercises/05.actions/05.problem.history-revalidation/tests/playwright.config.js b/exercises/05.actions/05.problem.history-revalidation/tests/playwright.config.js
diff --git a/exercises/05.actions/05.solution.history-revalidation/tests/playwright.config.js b/exercises/05.actions/05.solution.history-revalidation/tests/playwright.config.js
