fix tests for 1.2

Author: kentcdodds

exercises/01.exercise-navigation/02.problem.multi-step/index.test.js

@@ -1,7 +1,7 @@
 import assert from 'node:assert'
 import test from 'node:test'
 
-test('server responds with goodbye world', async (t) => {
+test('server responds with counter app HTML', async (t) => {
 	process.env.PORT ??= 4000
 	const { server } = await import('./index.js')
 	await new Promise((resolve) => {
@@ -11,10 +11,37 @@ test('server responds with goodbye world', async (t) => {
 	try {
 		const response = await fetch(`http://localhost:${process.env.PORT}`)
 		const text = await response.text()
-		assert.strictEqual(
-			text,
-			'goodbye world',
-			'🚨 Make sure to update the server response to say "goodbye world" instead of "hello world"',
+		
+		// Verify it's HTML
+		assert.ok(
+			response.headers.get('content-type').includes('text/html'),
+			'Response should be HTML'
+		)
+		
+		// Verify the HTML contains key elements of the counter app
+		assert.ok(
+			text.includes('<title>Counter App</title>'),
+			'HTML should include Counter App title'
+		)
+		assert.ok(
+			text.includes('id="count"'),
+			'HTML should include count element'
+		)
+		assert.ok(
+			text.includes('id="increment"'),
+			'HTML should include increment button'
+		)
+		assert.ok(
+			text.includes('let count = 0'),
+			'HTML should include counter JavaScript logic'
+		)
+		assert.ok(
+			text.includes('button.addEventListener'),
+			'HTML should include event listener for button clicks'
+		)
+		assert.ok(
+			text.includes('count++'),
+			'HTML should include code to increment the count'
 		)
 	} finally {
 		await new Promise((resolve) => {

exercises/01.exercise-navigation/02.solution.multi-step/index.test.js

@@ -1,7 +1,7 @@
 import assert from 'node:assert'
 import test from 'node:test'
 
-test('server responds with goodbye world', async (t) => {
+test('server responds with counter app HTML', async (t) => {
 	process.env.PORT ??= 4000
 	const { server } = await import('./index.js')
 	await new Promise((resolve) => {
@@ -11,10 +11,37 @@ test('server responds with goodbye world', async (t) => {
 	try {
 		const response = await fetch(`http://localhost:${process.env.PORT}`)
 		const text = await response.text()
-		assert.strictEqual(
-			text,
-			'goodbye world',
-			'🚨 Make sure to update the server response to say "goodbye world" instead of "hello world"',
+		
+		// Verify it's HTML
+		assert.ok(
+			response.headers.get('content-type').includes('text/html'),
+			'Response should be HTML'
+		)
+		
+		// Verify the HTML contains key elements of the counter app
+		assert.ok(
+			text.includes('<title>Counter App</title>'),
+			'HTML should include Counter App title'
+		)
+		assert.ok(
+			text.includes('id="count"'),
+			'HTML should include count element'
+		)
+		assert.ok(
+			text.includes('id="increment"'),
+			'HTML should include increment button'
+		)
+		assert.ok(
+			text.includes('let count = 0'),
+			'HTML should include counter JavaScript logic'
+		)
+		assert.ok(
+			text.includes('button.addEventListener'),
+			'HTML should include event listener for button clicks'
+		)
+		assert.ok(
+			text.includes('count++'),
+			'HTML should include code to increment the count'
 		)
 	} finally {
 		await new Promise((resolve) => {