initial version

docs/add-missing-slides.ts

@@ -0,0 +1,53 @@
+import { formation } from './scripts/slides.js';
+
+const TITLE = `<!-- .slide: class="transition" -->
+
+# Introduction
+`;
+
+const LAB = `<!-- .slide: class="exercice" -->
+
+# Example workshop
+
+## Lab
+
+<br>
+
+1. Create two function components: Header and Card
+2. Pass MESSAGE declared in App to Card as property
+3. Find out how to express style in JSX
+
+<br>
+
+- use provided html templates as blueprint
+- don't forget that class in html is className in JSX
+- don't forget to import the logo source
+
+### npm run 01-workshop-example
+`;
+
+formation()
+  .map(({ path }) => 'markdown/' + path)
+  .filter((p) => {
+    try {
+      Deno.lstatSync(p);
+      return false;
+    } catch {
+      return true;
+    }
+  })
+  .forEach((p) => {
+    console.log('Missing => ', p);
+    const dir = p.slice(0, p.lastIndexOf('/'));
+    try {
+      Deno.lstatSync(dir);
+    } catch {
+      Deno.mkdirSync(dir, { recursive: true });
+    }
+    if (p.includes('-lab-')) {
+      Deno.writeTextFileSync(p, LAB);
+    } else {
+      Deno.writeTextFileSync(p, TITLE);
+    }
+  });
+// .forEach((p) => Deno.writeTextFileSync(p, MD));

docs/markdown/02-getting-started/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# Getting Started

docs/markdown/02-getting-started/29-lab-test-suite-run.md

@@ -0,0 +1,18 @@
+<!-- .slide: class="exercice" -->
+
+# Run a test suite
+
+## Lab
+
+<br>
+
+1. Open Playwright UI
+2. Run all the tests
+2. Run one the test suite
+2. Run one the test
+
+<br>
+
+- observe what the UI show up
+
+### npm run 01-run-test-suite

docs/markdown/03-writing-a-simple-test/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# Writing a simple test

docs/markdown/03-writing-a-simple-test/99-lab-write-first-tests.md

@@ -0,0 +1,17 @@
+<!-- .slide: class="exercice" -->
+
+# Writing your first tests
+
+## Lab
+
+<br>
+
+1. TODO
+2. TODO
+3. TODO
+
+<br>
+
+- TODO
+
+### npm run 02-writing-first-tests

docs/markdown/04-interact-with-the-page/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# Interact with the page

docs/markdown/04-interact-with-the-page/99-lab-add-or-update-data.md

@@ -0,0 +1,16 @@
+<!-- .slide: class="exercice" -->
+
+# Add or update date
+
+## Lab
+
+<br>
+
+1. Create one test which add TODO
+2. Create one test which update TODO
+
+<br>
+
+- TODO
+
+### npm run 03-add-or-update-data

docs/markdown/05-test-data-and-mocks/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# Test data and mocks

docs/markdown/05-test-data-and-mocks/99-lab-error-use-cases-through-mocks.md

@@ -0,0 +1,17 @@
+<!-- .slide: class="exercice" -->
+
+# Error use cases through mocks
+
+## Lab
+
+<br>
+
+1. TODO
+2. TODO
+3. TODO
+
+<br>
+
+- TODO
+
+### npm run 04-mock-error-use-case

docs/markdown/06-authentication/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# Authentication

docs/markdown/06-authentication/99-lab-auth-for-a-test-suite.md

@@ -0,0 +1,17 @@
+<!-- .slide: class="exercice" -->
+
+# Authentication
+
+## Lab
+
+<br>
+
+1. TODO
+2. TODO
+3. TODO
+
+<br>
+
+- TODO
+
+### npm run 05-auth

docs/markdown/07-tests-scaffolding/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# Tests scaffolding

docs/markdown/07-tests-scaffolding/99-lab-writing-structured-tests.md

@@ -0,0 +1,17 @@
+<!-- .slide: class="exercice" -->
+
+# Tests scaffolding
+
+## Lab
+
+<br>
+
+1. TODO
+2. TODO
+3. TODO
+
+<br>
+
+- TODO
+
+### npm run 06-scaffolding

docs/markdown/08-api-tests/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# API Tests

docs/markdown/08-api-tests/99-lab-writing-an-api-test-suite.md

@@ -0,0 +1,17 @@
+<!-- .slide: class="exercice" -->
+
+# APi Tests
+
+## Lab
+
+<br>
+
+1. TODO
+2. TODO
+3. TODO
+
+<br>
+
+- TODO
+
+### npm run 07-api-tests

docs/markdown/09-components-tests/00-TITLE.md

@@ -0,0 +1,3 @@
+<!-- .slide: class="transition" -->
+
+# Component Tests

docs/markdown/09-components-tests/99-lab-writing-a-component-test-suite.md

@@ -0,0 +1,17 @@
+<!-- .slide: class="exercice" -->
+
+# Component tests
+
+## Lab
+
+<br>
+
+1. TODO
+2. TODO
+3. TODO
+
+<br>
+
+- TODO
+
+### npm run 08-component-test