Handle unmatched mutation requests as 404s

exercises/01.form-validation/01.problem.form-validation/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/01.form-validation/01.problem.form-validation/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/01.form-validation/01.solution.form-validation/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/01.form-validation/01.solution.form-validation/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/01.form-validation/02.problem.server-validation/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/01.form-validation/02.problem.server-validation/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/01.form-validation/02.solution.server-validation/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/01.form-validation/02.solution.server-validation/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/01.form-validation/03.problem.no-validate/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/01.form-validation/03.problem.no-validate/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/01.form-validation/03.solution.no-validate/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/01.form-validation/03.solution.no-validate/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/02.accessibility/01.problem.labels/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/02.accessibility/01.problem.labels/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/02.accessibility/01.solution.labels/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/02.accessibility/01.solution.labels/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/02.accessibility/02.problem.aria/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/02.accessibility/02.problem.aria/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/02.accessibility/02.solution.aria/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/02.accessibility/02.solution.aria/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/02.accessibility/03.problem.focus/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/02.accessibility/03.problem.focus/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/02.accessibility/03.solution.focus/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/02.accessibility/03.solution.focus/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/03.schema-validation/01.problem.zod/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/03.schema-validation/01.problem.zod/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/03.schema-validation/01.solution.zod/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/03.schema-validation/01.solution.zod/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/03.schema-validation/02.problem.conform-action/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/03.schema-validation/02.problem.conform-action/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})

exercises/03.schema-validation/02.solution.conform-action/app/routes/$.tsx

@@ -12,6 +12,10 @@ export async function loader() {
 	throw new Response('Not found', { status: 404 })
 }
 
+export async function action() {
+	throw new Response('Not found', { status: 404 })
+}
+
 export default function NotFound() {
 	// due to the loader, this component will never be rendered, but we'll return
 	// the error boundary just in case.

exercises/03.schema-validation/02.solution.conform-action/tests/e2e/smoke.test.ts

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('can visit the home page', async ({ page }) => {
 	await page.goto('/')
-	await expect(page.getByText('Hello World')).toBeVisible()
+	await expect(page.getByRole('heading', { name: 'Epic Notes' })).toBeVisible()
 
 	// TODO: figure out how to assert the favicon was loaded
 })
+
+test('returns 404 for POST requests to unmatched routes', async ({ request }) => {
+	const response = await request.post('/connectors/resource/index.php')
+	expect(response.status()).toBe(404)
+})