chore(curriculum): update ferris workshop tests (freeCodeCamp#57154)

Co-authored-by: Ilenia <26656284+ilenia-magoni@users.noreply.github.com>

Author: a2937

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140c7e645d8e905819f1dd4.md

@@ -21,7 +21,7 @@ assert.match(code, /<link/);
 You should have one `link` element.
 
 ```js
-assert.strictEqual(document.querySelectorAll('link').length, 1);
+assert.lengthOf(document.querySelectorAll('link'), 1);
 ```
 
 Your `link` element should be within your `head` element.

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140c9d35015ae0ba0c250e8.md

@@ -17,41 +17,41 @@ You should create a new `div` within your `body` element.
 
 ```js
 const divs = [...document.querySelector('body')?.children].filter(child => child?.localName === 'div');
-assert(divs?.length === 1);
+assert.lengthOf(divs, 1);
 ```
 
 Your `div` within your `body` element should have a `class` of `wheel`.
 
 ```js
-assert(document.querySelector('body div')?.classList?.contains('wheel'));
+assert.isTrue(document.querySelector('body div')?.classList?.contains('wheel'));
 ```
 
 Your `.wheel` element should have six `span` elements within.
 
 ```js
-assert(document.querySelectorAll('.wheel span')?.length === 6);
+assert.lengthOf(document.querySelectorAll('.wheel span'), 6);
 ```
 
 Your six `span` elements within the `.wheel` element should have a `class` of `line`.
 
 ```js
 const spans = [...document.querySelectorAll('.wheel span')];
-assert(spans?.every(span => span?.classList?.contains('line')));
-assert(document.querySelectorAll('.line')?.length === 6);
+assert.isTrue(spans?.every(span => span?.classList?.contains('line')));
+assert.lengthOf(document.querySelectorAll('.line'), 6);
 ```
 
 Your `.wheel` element should have six `div` elements within.
 
 ```js
-assert(document.querySelectorAll('.wheel div')?.length === 6);
+assert.lengthOf(document.querySelectorAll('.wheel div'), 6);
 ```
 
 Your six `div` elements within the `.wheel` element should have a `class` of `cabin`.
 
 ```js
 const divs = [...document.querySelectorAll('.wheel div')];
-assert(divs?.every(div => div?.classList?.contains('cabin')));
-assert(document.querySelectorAll('.cabin')?.length === 6);
+assert.isTrue(divs?.every(div => div?.classList?.contains('cabin')));
+assert.lengthOf(document.querySelectorAll('.cabin'), 6);
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140cbeec34e970dfe75e710.md

@@ -14,25 +14,25 @@ Create a selector for your `.wheel` element. Start by setting the `border` to `2
 You should have a `.wheel` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.wheel'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.wheel'));
 ```
 
 Your `.wheel` selector should have a `border` property set to `2px solid black`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.border === '2px solid black');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.wheel')?.border, '2px solid black');
 ```
 
 Your `.wheel` selector should have a `border-radius` property set to `50%`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.borderRadius === '50%');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.wheel')?.borderRadius, '50%');
 ```
 
 Your `.wheel` selector should have a `margin-left` property set to `50px`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.marginLeft === '50px');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.wheel')?.marginLeft, '50px');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140cd32d018ed0f600eefce.md

@@ -14,19 +14,19 @@ Set the `position` property of the `.wheel` selector to `absolute`. Set the `hei
 Your `.wheel` selector should have a `position` property set to `absolute`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.position === 'absolute');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.wheel')?.position, 'absolute');
 ```
 
 Your `.wheel` selector should have a `height` property set to `55vw`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.height === '55vw');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.wheel')?.height, '55vw');
 ```
 
 Your `.wheel` selector should have a `width` property set to `55vw`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.width === '55vw');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.wheel')?.width, '55vw');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140cdebd39d6a101e747529.md

@@ -14,25 +14,25 @@ Create a selector for your `.line` elements. Start by setting the `background-co
 You should have a `.line` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.line'));
 ```
 
 Your `.line` selector should have a `background-color` property set to `black`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line')?.backgroundColor === "black");
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line')?.backgroundColor, "black");
 ```
 
 Your `.line` selector should have a `width` property set to `50%`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line')?.width === "50%");
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line')?.width, "50%");
 ```
 
 Your `.line` selector should have a `height` property set to `2px`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line')?.height === "2px");
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line')?.height, "2px");
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140cfc08ca9c5128c3e6478.md

@@ -14,19 +14,19 @@ Set the `.line` selector's `position` property to `absolute`, the `left` propert
 Your `.line` selector should have a `position` property set to `absolute`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line')?.position === 'absolute');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line')?.position, 'absolute');
 ```
 
 Your `.line` selector should have a `left` property set to `50%`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line')?.left === '50%');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line')?.left, '50%');
 ```
 
 Your `.line` selector should have a `top` property set to `50%`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line')?.top === '50%');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line')?.top, '50%');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140d0069049f5139d78da40.md

@@ -17,7 +17,7 @@ Your `.line` selector should have a `transform-origin` property set to `0% 0%`.
 
 ```js
 const transformOrigin = new __helpers.CSSHelp(document).getStyle('.line')?.transformOrigin;
-assert(transformOrigin === '0% 0%' || transformOrigin === '0% 0% 0px');
+assert.oneOf(transformOrigin, ['0% 0%', '0% 0% 0px']);
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140d10d50636e14695013b2.md

@@ -16,13 +16,13 @@ Remember that the `transform` property allows you to manipulate the shape of an
 You should create a `.line:nth-of-type(2)` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(2)'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(2)'));
 ```
 
 Your `.line:nth-of-type(2)` selector should have a `transform` property set to `rotate(60deg)`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(2)')?.transform === 'rotate(60deg)');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(2)')?.transform, 'rotate(60deg)');
 ```
 
 # --seed--

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140d1a351e88f159ed54fca.md

@@ -16,49 +16,49 @@ Set the `transform` property for the third `.line` to `rotate(120deg)`, the four
 You should create a `.line:nth-of-type(3)` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(3)'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(3)'));
 ```
 
 Your `.line:nth-of-type(3)` selector should have a `transform` property set to `rotate(120deg)`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(3)')?.transform === 'rotate(120deg)');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(3)')?.transform, 'rotate(120deg)');
 ```
 
 You should create a `.line:nth-of-type(4)` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(4)'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(4)'));
 ```
 
 Your `.line:nth-of-type(4)` selector should have a `transform` property set to `rotate(180deg)`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(4)')?.transform === 'rotate(180deg)');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(4)')?.transform, 'rotate(180deg)');
 ```
 
 You should create a `.line:nth-of-type(5)` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(5)'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(5)'));
 ```
 
 Your `.line:nth-of-type(5)` selector should have a `transform` property set to `rotate(240deg)`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(5)')?.transform === 'rotate(240deg)');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(5)')?.transform, 'rotate(240deg)');
 ```
 
 You should create a `.line:nth-of-type(6)` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(6)'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(6)'));
 ```
 
 Your `.line:nth-of-type(6)` selector should have a `transform` property set to `rotate(300deg)`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(6)')?.transform === 'rotate(300deg)');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.line:nth-of-type(6)')?.transform, 'rotate(300deg)');
 ```
 
 

curriculum/challenges/english/25-front-end-development/workshop-ferris-wheel/6140d263016325162fd076fe.md

@@ -14,25 +14,25 @@ Create a `.cabin` selector. Set the `background-color` to `red`, the `width` to
 You should have a `.cabin` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cabin'));
+assert.exists(new __helpers.CSSHelp(document).getStyle('.cabin'));
 ```
 
 Your `.cabin` selector should have a `background-color` property set to `red`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cabin')?.backgroundColor === 'red');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cabin')?.backgroundColor, 'red');
 ```
 
 Your `.cabin` selector should have a `width` property set to `20%`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cabin')?.width === '20%');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cabin')?.width, '20%');
 ```
 
 Your `.cabin` selector should have a `height` property set to `20%`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cabin')?.height === '20%');
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cabin')?.height, '20%');
 ```
 
 # --seed--