feat: adds supplemental lesson 7 and demo app (#832)

* feat: adds supplemental lesson 7 and demo app

Signed-off-by: Anthony D. Mays <[email protected]>

* chore: shortens demo folder name

Signed-off-by: Anthony D. Mays <[email protected]>

* chore: shortens demo folder name

Signed-off-by: Anthony D. Mays <[email protected]>

* docs: adds instructions for running the demo

Signed-off-by: Anthony D. Mays <[email protected]>

* chore: adds a11y automated tests

Signed-off-by: Anthony D. Mays <[email protected]>

* chore: adjust accessibility tests

Signed-off-by: Anthony D. Mays <[email protected]>

* tests: resolves remaining e2e test errors

Signed-off-by: Anthony D. Mays <[email protected]>

---------

Signed-off-by: Anthony D. Mays <[email protected]>

Author: anthonydmays

.gitignore

@@ -36,6 +36,9 @@ coverage
 # nyc test coverage
 .nyc_output
 
+# Lighthouse CI
+.lighthouseci/
+
 # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
 
@@ -48,6 +51,11 @@ bower_components
 # Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
 
+# Playwright
+test-results/
+playwright-report/
+playwright/.cache/
+
 # Dependency directories
 node_modules/
 jspm_packages/

.playwright-mcp/after-reload.png

@@ -30,6 +30,7 @@ import Supplemental3 from "./Supplemental3.js";
 import Supplemental4 from "./Supplemental4.js";
 import Supplemental5 from "./Supplemental5.js";
 import Supplemental6 from "./Supplemental6.js";
+import Supplemental7 from "./Supplemental7.js";
 
 export {
     Lesson00,
@@ -63,6 +64,7 @@ export {
     Supplemental3,
     Supplemental4,
     Supplemental5,
-    Supplemental6
+    Supplemental6,
+    Supplemental7
 };
 

.playwright-mcp/dark-mode-after-fix.png

@@ -45,6 +45,7 @@ function Slides() {
         <${lessons.Supplemental4} />
         <${lessons.Supplemental5} />
         <${lessons.Supplemental6} />
+        <${lessons.Supplemental7} />
     </div>`;
 }