fix: allow spaces around element content in workshop hotel feedback form (#62262)

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a93bbe65a26169dbf3bc39.md

@@ -22,7 +22,7 @@ assert.lengthOf(document.querySelectorAll('fieldset label'), 2);
 Your `label` element should have the text `Email address (required):`.
 
 ```js
-assert.strictEqual(document.querySelector('fieldset label:nth-of-type(2)')?.innerText, 'Email address (required):');
+assert.strictEqual(document.querySelector('fieldset label:nth-of-type(2)')?.innerText.trim(), 'Email address (required):');
 ```
 
 Your `label` element should have a `for` attribute set to the value of `"email"`.

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md

@@ -30,7 +30,7 @@ assert.isNotNull(document.querySelector('label[for="age"]'));
 Your `label` element should have the text `Age (optional):`.
 
 ```js
-assert.strictEqual(document.querySelector('label[for="age"]')?.textContent, "Age (optional):");
+assert.strictEqual(document.querySelector('label[for="age"]')?.textContent.trim(), "Age (optional):");
 ```
 
 # --seed--

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md

@@ -30,7 +30,7 @@ assert.lengthOf(document.querySelectorAll('fieldset legend'), 2);
 Your `legend` element should have the text of `Was this your first time at our hotel?`.
 
 ```js
-assert.strictEqual(document.querySelectorAll('fieldset legend')[1]?.textContent, 'Was this your first time at our hotel?');
+assert.strictEqual(document.querySelectorAll('fieldset legend')[1]?.textContent.trim(), 'Was this your first time at our hotel?');
 ```
 
 # --seed--

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md

@@ -30,7 +30,7 @@ assert.lengthOf(document.querySelectorAll('fieldset:nth-of-type(3) legend'), 1);
 Your `legend` element should have the text of `Why did you choose to stay at our hotel? (Check all that apply)`. Double check for spelling errors and spacing issues.
 
 ```js
-assert.strictEqual(document.querySelector('fieldset:nth-of-type(3) legend')?.innerText, 'Why did you choose to stay at our hotel? (Check all that apply)');
+assert.strictEqual(document.querySelector('fieldset:nth-of-type(3) legend')?.innerText.trim(), 'Why did you choose to stay at our hotel? (Check all that apply)');
 ```
 
 # --seed--

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a969951120be7818d8ee49.md

@@ -30,7 +30,7 @@ assert.lengthOf(document.querySelectorAll('fieldset:nth-of-type(4) legend'), 1);
 Your legend should have the text `Ratings`.
 
 ```js
-assert.strictEqual(document.querySelectorAll('fieldset:nth-of-type(4) legend')[0]?.textContent, 'Ratings');
+assert.strictEqual(document.querySelectorAll('fieldset:nth-of-type(4) legend')[0]?.textContent.trim(), 'Ratings');
 ```
 
 Your `fieldset` should have a `label` element below the `legend`.
@@ -42,7 +42,7 @@ assert.lengthOf(document.querySelectorAll('fieldset:nth-of-type(4) legend + labe
 Your `label` should have the text `How was the service?`.
 
 ```js
-assert.strictEqual(document.querySelectorAll('fieldset:nth-of-type(4) legend + label')[0]?.textContent, 'How was the service?');
+assert.strictEqual(document.querySelectorAll('fieldset:nth-of-type(4) legend + label')[0]?.textContent.trim(), 'How was the service?');
 ```
 
 Your `label` should have the `for` attribute set to `"service"`.

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md

@@ -36,7 +36,7 @@ assert.exists(document.querySelector('option[value="poor"]'));
 Your `option` element with the `value` of `"poor"` should have the text `Poor`.
 
 ```js
-assert.strictEqual(document.querySelector('option[value="poor"]')?.textContent, 'Poor');
+assert.strictEqual(document.querySelector('option[value="poor"]')?.textContent.trim(), 'Poor');
 ```
 
 You should have an `option` element with the `value` set to `"satisfactory"`.
@@ -48,7 +48,7 @@ assert.exists(document.querySelector('option[value="satisfactory"]'));
 Your `option` element with the `value` of `"satisfactory"` should have the text `Satisfactory`.
 
 ```js
-assert.strictEqual(document.querySelector('option[value="satisfactory"]')?.textContent, 'Satisfactory');
+assert.strictEqual(document.querySelector('option[value="satisfactory"]')?.textContent.trim(), 'Satisfactory');
 ```
 
 You should have an `option` element with the `value` set to `"good"`.
@@ -61,7 +61,7 @@ Your `option` element with the `value` of `"good"` should have the text `Good`.
 
 ```js
 
-assert.strictEqual(document.querySelector('option[value="good"]')?.textContent, 'Good');
+assert.strictEqual(document.querySelector('option[value="good"]')?.textContent.trim(), 'Good');
 ```
 
 You should have an `option` element with the value set to `"very-good"`.
@@ -73,7 +73,7 @@ assert.exists(document.querySelector('option[value="very-good"]'));
 Your `option` element with the `value` of `"very-good"` should have the text `Very Good`.
 
 ```js
-assert.strictEqual(document.querySelector('option[value="very-good"]')?.textContent, 'Very Good');
+assert.strictEqual(document.querySelector('option[value="very-good"]')?.textContent.trim(), 'Very Good');
 ```
 
 You should have an `option` element with the value set to `"excellent"`.
@@ -85,8 +85,7 @@ assert.exists(document.querySelector('option[value="excellent"]'));
 Your `option` element with the `value` of `"excellent"` should have the text `Excellent`.
 
 ```js
-
-assert.strictEqual(document.querySelector('option[value="excellent"]')?.textContent, 'Excellent');
+assert.strictEqual(document.querySelector('option[value="excellent"]')?.textContent.trim(), 'Excellent');
 ```
 
 # --seed--

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md

@@ -24,7 +24,7 @@ assert.exists(document.querySelector('label[for="food"]'));
 Your `label` should have the text `How was the food?`.
 
 ```js
-assert.strictEqual(document.querySelector('label[for="food"]')?.textContent, 'How was the food?');
+assert.strictEqual(document.querySelector('label[for="food"]')?.textContent.trim(), 'How was the food?');
 ```
 
 You should have a `select` element with the `id` set to `"food"` below your `label`.

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md

@@ -39,7 +39,7 @@ assert.exists(document.querySelector('fieldset:nth-of-type(4) select#food option
 Your `option` with the `value` of `"poor"` should have the text `"Poor"`.
 
 ```js
-assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="poor"]')?.textContent, 'Poor');
+assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="poor"]')?.textContent.trim(), 'Poor');
 ```
 
 You should have an `option` element with the `value` set to `"satisfactory"`.
@@ -51,7 +51,7 @@ assert.exists(document.querySelector('fieldset:nth-of-type(4) select#food option
 Your `option` with the `value` of `"satisfactory"` should have the text `"Satisfactory"`.
 
 ```js
-assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="satisfactory"]')?.textContent, 'Satisfactory');
+assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="satisfactory"]')?.textContent.trim(), 'Satisfactory');
 ```
 
 You should have an `option` element with the `value` set to `"good"`.
@@ -64,7 +64,7 @@ Your `option` with the `value` of `"good"` should have the text `"Good"`.
 
 ```js
 
-assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="good"]')?.textContent, 'Good');
+assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="good"]')?.textContent.trim(), 'Good');
 ```
 
 You should have an `option` element with the value set to `"very-good"`.
@@ -76,7 +76,7 @@ assert.exists(document.querySelector('fieldset:nth-of-type(4) select#food option
 Your `option` with the `value` of `"very-good"` should have the text `"Very Good"`.
 
 ```js
-assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="very-good"]')?.textContent, 'Very Good');
+assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="very-good"]')?.textContent.trim(), 'Very Good');
 ```
 
 You should have an `option` element with the value set to `"excellent"`.
@@ -88,8 +88,7 @@ assert.exists(document.querySelector('fieldset:nth-of-type(4) select#food option
 Your `option` with the `value` of `"excellent"` should have the text `"Excellent"`.
 
 ```js
-
-assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="excellent"]')?.textContent, 'Excellent');
+assert.strictEqual(document.querySelector('fieldset:nth-of-type(4) select#food option[value="excellent"]')?.textContent.trim(), 'Excellent');
 ```
 
 You should have an `option` element with the `selected` attribute set to `"excellent"`.

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md

@@ -22,7 +22,7 @@ assert.exists(document.querySelector('label[for="comments"]'));
 Your `label` should have the text `Other Comments?`.
 
 ```js
-assert.strictEqual(document.querySelector('label[for="comments"]')?.textContent, 'Other Comments?');
+assert.strictEqual(document.querySelector('label[for="comments"]')?.textContent.trim(), 'Other Comments?');
 ```
 
 # --seed--

curriculum/challenges/english/blocks/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md

@@ -32,7 +32,7 @@ assert.exists(document.querySelector('button[type="submit"]'));
 Your button should have the text content of `Submit`.
 
 ```js
-assert.strictEqual(document.querySelector('button')?.textContent, 'Submit');
+assert.strictEqual(document.querySelector('button')?.textContent.trim(), 'Submit');
 ```
 
 # --seed--