From 39bcca4ace4c0c59704367531305cb1e555ad737 Mon Sep 17 00:00:00 2001
From: Oumaimafisaoui <oumaimafisaoui@gmail.com>
Date: Tue, 16 Jul 2024 20:46:34 +0100
Subject: [PATCH] test(DPxAI:Quest00/Ex01): Duplicating the tests instead of
 overriding the existing ones: the-skelton and call-it

---
 dom/{call_it_test.html => call-it_test.js}    |  0
 dom/skeleton_test.js                          | 25 +++++++++++
 dom/the-calling_test.js                       | 19 +++++++++
 ..._skeleton_test.js => the-skeleton_test.js} |  0
 subjects/DPxAI/call_it/README.md              | 41 +++++++++++++++++++
 5 files changed, 85 insertions(+)
 rename dom/{call_it_test.html => call-it_test.js} (100%)
 create mode 100644 dom/skeleton_test.js
 create mode 100644 dom/the-calling_test.js
 rename dom/{the_skeleton_test.js => the-skeleton_test.js} (100%)
 create mode 100644 subjects/DPxAI/call_it/README.md

diff --git a/dom/call_it_test.html b/dom/call-it_test.js
similarity index 100%
rename from dom/call_it_test.html
rename to dom/call-it_test.js
diff --git a/dom/skeleton_test.js b/dom/skeleton_test.js
new file mode 100644
index 000000000..832ee0393
--- /dev/null
+++ b/dom/skeleton_test.js
@@ -0,0 +1,25 @@
+export const tests = []
+
+tests.push(async ({ page, eq }) => {
+  // check that the title tag is present & is set with some text
+  const title = await page.$eval('title', (node) => node.textContent)
+  if (!title.length) throw Error('missing title')
+})
+
+tests.push(async ({ page, eq }) => {
+  // check the face
+
+  return eq.$('section:nth-child(1)', { textContent: 'face' })
+})
+
+tests.push(async ({ page, eq }) => {
+  // check the upper-body
+
+  return eq.$('section:nth-child(2)', { textContent: 'upper-body' })
+})
+
+tests.push(async ({ page, eq }) => {
+  // check the lower-body, my favorite part
+
+  return eq.$('section:nth-child(3)', { textContent: 'lower-body' })
+})
diff --git a/dom/the-calling_test.js b/dom/the-calling_test.js
new file mode 100644
index 000000000..e6aaea82e
--- /dev/null
+++ b/dom/the-calling_test.js
@@ -0,0 +1,19 @@
+export const tests = []
+
+tests.push(async ({ page, eq }) => {
+  // check the face
+
+  return eq.$('section#face', { textContent: '' })
+})
+
+tests.push(async ({ page, eq }) => {
+  // check the upper-body
+
+  return eq.$('section#upper-body', { textContent: '' })
+})
+
+tests.push(async ({ page, eq }) => {
+  // check the lower-body, my favorite part
+
+  return eq.$('section#lower-body', { textContent: '' })
+})
diff --git a/dom/the_skeleton_test.js b/dom/the-skeleton_test.js
similarity index 100%
rename from dom/the_skeleton_test.js
rename to dom/the-skeleton_test.js
diff --git a/subjects/DPxAI/call_it/README.md b/subjects/DPxAI/call_it/README.md
new file mode 100644
index 000000000..06bd18778
--- /dev/null
+++ b/subjects/DPxAI/call_it/README.md
@@ -0,0 +1,41 @@
+## Call it
+
+> Brainpower mode
+
+### Context
+
+Congrats! You created the very first base for your entity and you witnessed its appearance in the Digital
+World - your browser.. However, it is still a tiny seed of the marvelous thing it could become. Be patient;
+there's still a bit of work to do.
+
+### Directions
+
+First of all, instead of writing down what things are _(you're not writing down on your hand the word 'hand',
+are you?)_, we're going to identify them semantically with the very practical [id
+attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attri butes/id). This `id` has to be a **unique**
+identifier on your webpage, allowing you to target your element when needed. You can compare it to your name and
+surname; this is what identifies you to other people, and if someone's calling you by your name, you answer.
+
+### Instructions
+
+So let's identify the 3 elements we have so far: in each section, remove the text content from inside the tag
+and set it as the value of the `id` attribute of the corresponding `section` text.
+
+**Run your code in the editor preview:** \
+you don't see _anything_? Don't freak out! \
+Inspect the HTML that has been created with your
+[browser inspector tool](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools),
+and if you done it correctly, you should see the 3 sections inside the `body` with the `id` attribute set in
+your HTML structure.
+
+### Code examples
+
+To set the `id` of a `div` tag to `"my-lil-div"`:
+
+```html
+<div id="my-lil-div"></div>
+```
+
+### Notions
+
+- [`id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)