chore: implement testing of JavaScript exercises

Author: honzajavorek

sources/academy/webscraping/scraping_basics_javascript/04_downloading_html.md

@@ -5,8 +5,10 @@ description: Lesson about building a Node.js application for watching prices. Us
 slug: /scraping-basics-javascript/downloading-html
 ---
 
+import CodeBlock from '@theme/CodeBlock';
 import LegacyJsCourseAdmonition from '@site/src/components/LegacyJsCourseAdmonition';
 import Exercises from '../scraping_basics/_exercises.mdx';
+import LegoExercise from '!!raw-loader!roa-loader!./exercises/scrape_lego.mjs';
 
 <LegacyJsCourseAdmonition />
 
@@ -184,28 +186,17 @@ Letting our program visibly crash on error is enough for our purposes. Now, let'
 
 <Exercises />
 
-### Scrape AliExpress
+### Scrape LEGO
 
-Download HTML of a product listing page, but this time from a real world e-commerce website. For example this page with AliExpress search results:
+Download HTML of a product listing page, but this time from a real world e-commerce website. For example this page with LEGO search results:
 
 ```text
-https://www.aliexpress.com/w/wholesale-darth-vader.html
+https://www.lego.com/en-us/themes/star-wars
 ```
 
 <details>
   <summary>Solution</summary>
-
-  ```js
-  const url = "https://www.aliexpress.com/w/wholesale-darth-vader.html";
-  const response = await fetch(url);
-
-  if (response.ok) {
-    console.log(await response.text());
-  } else {
-    throw new Error(`HTTP ${response.status}`);
-  }
-  ```
-
+  <CodeBlock language="js">{LegoExercise.code}</CodeBlock>
 </details>
 
 ### Save downloaded HTML as a file

sources/academy/webscraping/scraping_basics_javascript/05_parsing_html.md

@@ -5,8 +5,10 @@ description: Lesson about building a Node.js application for watching prices. Us
 slug: /scraping-basics-javascript/parsing-html
 ---
 
+import CodeBlock from '@theme/CodeBlock';
 import LegacyJsCourseAdmonition from '@site/src/components/LegacyJsCourseAdmonition';
 import Exercises from '../scraping_basics/_exercises.mdx';
+import F1AcademyTeamsExercise from '!!raw-loader!roa-loader!./exercises/scrape_f1academy_teams.mjs';
 
 <LegacyJsCourseAdmonition />
 
@@ -183,22 +185,7 @@ https://www.f1academy.com/Racing-Series/Teams
 
 <details>
   <summary>Solution</summary>
-
-  ```js
-  import * as cheerio from 'cheerio';
-
-  const url = "https://www.f1academy.com/Racing-Series/Teams";
-  const response = await fetch(url);
-
-  if (response.ok) {
-    const html = await response.text();
-    const $ = cheerio.load(html);
-    console.log($(".teams-driver-item").length);
-  } else {
-    throw new Error(`HTTP ${response.status}`);
-  }
-  ```
-
+  <CodeBlock language="js">{F1AcademyTeamsExercise.code}</CodeBlock>
 </details>
 
 ### Scrape F1 Academy drivers

sources/academy/webscraping/scraping_basics_javascript/exercises/scrape_f1academy_teams.mjs

@@ -0,0 +1,12 @@
+import * as cheerio from 'cheerio';
+
+const url = "https://www.f1academy.com/Racing-Series/Teams";
+const response = await fetch(url);
+
+if (response.ok) {
+  const html = await response.text();
+  const $ = cheerio.load(html);
+  console.log($(".teams-driver-item").length);
+} else {
+  throw new Error(`HTTP ${response.status}`);
+}

sources/academy/webscraping/scraping_basics_javascript/exercises/scrape_lego.mjs

@@ -0,0 +1,8 @@
+const url = "https://www.lego.com/en-us/themes/star-wars";
+const response = await fetch(url);
+
+if (response.ok) {
+  console.log(await response.text());
+} else {
+  throw new Error(`HTTP ${response.status}`);
+}

sources/academy/webscraping/scraping_basics_javascript/exercises/test.bats

@@ -0,0 +1,13 @@
+setup() {
+  DIR=sources/academy/webscraping/scraping_basics_javascript/exercises
+}
+
+@test "outputs the HTML with Star Wars products" {
+  run npx node "$DIR/scrape_lego.mjs"
+  [[ "$output" == *"Millennium Falcon"* ]]
+}
+
+@test "outputs the number of F1 Academy teams" {
+  run npx --package=cheerio node "$DIR/scrape_f1academy_teams.mjs"
+  [[ "$output" == "6" ]]
+}

sources/academy/webscraping/scraping_basics_python/04_downloading_html.md

@@ -146,7 +146,7 @@ Letting our program visibly crash on error is enough for our purposes. Now, let'
 Download HTML of a product listing page, but this time from a real world e-commerce website. For example this page with LEGO search results:
 
 ```text
-https://www.lego.com/themes/star-wars
+https://www.lego.com/en-us/themes/star-wars
 ```
 
 <details>

sources/academy/webscraping/scraping_basics_python/exercises/scrape_lego.py

@@ -1,6 +1,6 @@
 import httpx
 
-url = "https://www.lego.com/themes/star-wars"
+url = "https://www.lego.com/en-us/themes/star-wars"
 response = httpx.get(url)
 response.raise_for_status()
 print(response.text)