add more tests

Author: kentcdodds

exercises/99.final/01.solution.final/src/data.json

@@ -1,110 +1,110 @@
 {
 	"recipients": [
 		{
-			"id": "1",
+			"id": "clh2x8k9m4n5p6q7r8s9t0u1",
 			"name": "Bethany",
 			"countryCode": "+1",
 			"phone": "5551234567",
 			"timeZone": "America/Denver",
 			"schedule": { "cron": "10 10 * * 1,3,5" },
 			"messages": [
 				{
-					"id": "1",
+					"id": "clm1n2o3p4q5r6s7t8u9v0w1",
 					"content": "Thank you for being my partner in every adventure and my comfort in every storm.\n\nI love you more than you know.",
 					"sentAt": "2044-06-06T10:00:00Z"
 				},
 				{
-					"id": "2",
+					"id": "clx2y3z4a5b6c7d8e9f0g1h2",
 					"content": "You are my best friend, my confidant, and my greatest support. Thank you for being you.",
 					"sentAt": "2044-06-13T10:00:00Z"
 				},
 				{
-					"id": "3",
+					"id": "cli3j4k5l6m7n8o9p0q1r2s3",
 					"content": "Thank you for all the sacrifices you make for our family. Your hard work and dedication mean the world to me.",
 					"sentAt": null
 				},
 				{
-					"id": "4",
+					"id": "clt4u5v6w7x8y9z0a1b2c3d4",
 					"content": "Thank you for being my rock and always supporting me. I am grateful for your unwavering love.",
 					"sentAt": null
 				}
 			]
 		},
 		{
-			"id": "2",
+			"id": "clb5c6d7e8f9g0h1i2j3k4l5",
 			"name": "Mom",
 			"countryCode": "+1",
 			"phone": "5552345678",
 			"timeZone": "America/Denver",
 			"schedule": { "cron": "0 10 * * 3" },
 			"messages": [
 				{
-					"id": "1",
+					"id": "clm6n7o8p9q0r1s2t3u4v5w6",
 					"content": "Happy Mother's Day! Thank you for all the love, guidance, and support you've given me throughout my life.",
 					"sentAt": "2044-05-12T10:00:00Z"
 				},
 				{
-					"id": "2",
+					"id": "clx7y8z9a0b1c2d3e4f5g6h7",
 					"content": "Just wanted to let you know I'm thinking of you and I love you. Your strength and wisdom inspire me every day.",
 					"sentAt": null
 				}
 			]
 		},
 		{
-			"id": "3",
+			"id": "cli8j9k0l1m2n3o4p5q6r7s8",
 			"name": "Dad",
 			"countryCode": "+1",
 			"phone": "5553456789",
 			"timeZone": "America/Denver",
 			"schedule": null,
 			"messages": [
 				{
-					"id": "1",
+					"id": "clt9u0v1w2x3y4z5a6b7c8d9",
 					"content": "Happy Father's Day! Thank you for being the best role model and for always believing in me.",
 					"sentAt": "2044-06-16T10:00:00Z"
 				},
 				{
-					"id": "2",
+					"id": "cle0f1g2h3i4j5k6l7m8n9o0",
 					"content": "I really appreciate all the life lessons you've taught me. You've shaped who I am today.",
 					"sentAt": "2044-06-17T10:00:00Z"
 				}
 			]
 		},
 		{
-			"id": "4",
+			"id": "clp1q2r3s4t5u6v7w8x9y0z1",
 			"name": "Emily",
 			"countryCode": "+1",
 			"phone": "5554567890",
 			"timeZone": "America/Denver",
 			"schedule": { "cron": "0 9 * * 1" },
 			"messages": [
 				{
-					"id": "1",
+					"id": "cla2b3c4d5e6f7g8h9i0j1k2",
 					"content": "Happy birthday to my amazing sister! Wishing you all the joy and success in the world.",
 					"sentAt": "2044-05-20T09:00:00Z"
 				},
 				{
-					"id": "2",
+					"id": "cll3m4n5o6p7q8r9s0t1u2v3",
 					"content": "Can't wait for our weekend getaway! It's going to be so much fun catching up.",
 					"sentAt": null
 				}
 			]
 		},
 		{
-			"id": "5",
+			"id": "clw4x5y6z7a8b9c0d1e2f3g4",
 			"name": "Grandpa",
 			"countryCode": "+1",
 			"phone": "5555678901",
 			"timeZone": "America/Denver",
 			"schedule": { "cron": "0 11 * * 0" },
 			"messages": [
 				{
-					"id": "1",
+					"id": "clh5i6j7k8l9m0n1o2p3q4r5",
 					"content": "Thank you for all your wonderful stories and the delicious recipes you've shared with me. They keep our family traditions alive.",
 					"sentAt": "2044-06-02T11:00:00Z"
 				},
 				{
-					"id": "2",
+					"id": "cls6t7u8v9w0x1y2z3a4b5c6",
 					"content": "Looking forward to Sunday lunch together. Your cooking always makes everything better.",
 					"sentAt": null
 				}

exercises/99.final/01.solution.final/tests/router.test.ts

@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test('gratitext should be rendered', async ({ page }) => {
 	await page.goto('/')
 
-	const gratitext = page.getByRole('banner').getByText(/gratitext/)
+	const gratitext = page.getByRole('banner').getByText(/gratitext/i)
 	await expect(gratitext).toBeVisible({ timeout: 500 })
 })
 
@@ -13,3 +13,62 @@ test('About should be rendered', async ({ page }) => {
 	const about = page.getByRole('heading', { name: /about/i })
 	await expect(about).toBeVisible({ timeout: 500 })
 })
+
+test('should navigate from Home to About page', async ({ page }) => {
+	await page.goto('/')
+
+	const aboutLink = page.getByRole('link', { name: /about/i })
+	await aboutLink.click()
+
+	const aboutHeading = page.getByRole('heading', { name: /about/i })
+	await expect(aboutHeading).toBeVisible({ timeout: 500 })
+})
+
+test('should navigate from About to Home page', async ({ page }) => {
+	await page.goto('/about')
+
+	const homeLink = page
+		.getByRole('contentinfo')
+		.getByRole('link', { name: /gratitext/i })
+	await homeLink.click()
+
+	const gratitext = page.getByRole('heading', {
+		level: 1,
+		name: /Thoughtful Connections Made Simple/i,
+	})
+	await expect(gratitext).toBeVisible({ timeout: 500 })
+})
+
+test('should show recipient index page when no recipient is selected', async ({
+	page,
+}) => {
+	await page.goto('/recipients')
+
+	const heading = page.getByRole('heading', { name: /select.*recipient/i })
+	await expect(heading).toBeVisible({ timeout: 500 })
+})
+
+test('should load specific recipient details', async ({ page }) => {
+	await page.goto('/recipients')
+
+	const summary = page.getByText(/select recipient/i)
+	await summary.click()
+
+	const bethanyLink = page.getByRole('link', { name: /bethany/i })
+	await bethanyLink.click()
+
+	const recipientName = page.getByRole('heading', { name: /bethany/i })
+	await expect(recipientName).toBeVisible({ timeout: 500 })
+
+	const phoneNumber = page.getByText(/\+\d+\s+\d{10}/)
+	await expect(phoneNumber).toBeVisible({ timeout: 500 })
+})
+
+test('404 error boundary should be shown for non-existent recipient', async ({
+	page,
+}) => {
+	await page.goto('/recipients/does-not-exist')
+
+	const errorMessage = page.getByText(/recipient.*not found/i)
+	await expect(errorMessage).toBeVisible({ timeout: 500 })
+})