fix query

Author: kentcdodds

exercises/02.linking/01.problem.achors/tests/router.test.ts

@@ -10,6 +10,6 @@ test('Hello World! should be rendered', async ({ page }) => {
 test('About should be rendered', async ({ page }) => {
 	await page.goto('/about')
 
-	const about = page.getByText('About')
+	const about = page.getByRole('heading', { name: /about/i })
 	await expect(about).toBeVisible({ timeout: 500 })
 })

exercises/02.linking/01.solution.achors/tests/router.test.ts

@@ -10,6 +10,6 @@ test('Hello World! should be rendered', async ({ page }) => {
 test('About should be rendered', async ({ page }) => {
 	await page.goto('/about')
 
-	const about = page.getByText('About')
+	const about = page.getByRole('heading', { name: /about/i })
 	await expect(about).toBeVisible({ timeout: 500 })
 })

exercises/02.linking/02.problem.links/tests/router.test.ts

@@ -10,6 +10,6 @@ test('Hello World! should be rendered', async ({ page }) => {
 test('About should be rendered', async ({ page }) => {
 	await page.goto('/about')
 
-	const about = page.getByText('About')
+	const about = page.getByRole('heading', { name: /about/i })
 	await expect(about).toBeVisible({ timeout: 500 })
 })

exercises/02.linking/02.solution.links/tests/router.test.ts

@@ -10,6 +10,6 @@ test('Hello World! should be rendered', async ({ page }) => {
 test('About should be rendered', async ({ page }) => {
 	await page.goto('/about')
 
-	const about = page.getByText('About')
+	const about = page.getByRole('heading', { name: /about/i })
 	await expect(about).toBeVisible({ timeout: 500 })
 })

exercises/02.linking/03.problem.custom-link/tests/router.test.ts

@@ -10,6 +10,6 @@ test('Hello World! should be rendered', async ({ page }) => {
 test('About should be rendered', async ({ page }) => {
 	await page.goto('/about')
 
-	const about = page.getByText('About')
+	const about = page.getByRole('heading', { name: /about/i })
 	await expect(about).toBeVisible({ timeout: 500 })
 })

exercises/02.linking/03.solution.custom-link/tests/router.test.ts

@@ -10,6 +10,6 @@ test('Hello World! should be rendered', async ({ page }) => {
 test('About should be rendered', async ({ page }) => {
 	await page.goto('/about')
 
-	const about = page.getByText('About')
+	const about = page.getByRole('heading', { name: /about/i })
 	await expect(about).toBeVisible({ timeout: 500 })
 })