gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(curriculum): add test cases to ferris-wheel project #45099 (#45134)

Browse Source 
* added tests to satisfy first-of-type and last-of-type

* edited hints to require nth-of-type selector

* refactor for readability
This commit is contained in:
wbenarto
2022-02-17 11:15:11 -08:00
committed by GitHub
parent 58de1061e4
commit ed88a25359
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/step-014.md
View File

@ -14,19 +14,22 @@ Time to position the cabins around the wheel. Select the first `.cabin` element.
You should have a `.cabin:nth-of-type(1)` selector. You should have a `.cabin:nth-of-type(1)` selector.
```js ```js
assert(new __helpers.CSSHelp(document).getStyle('.cabin:nth-of-type(1)')); const def = (s) => new __helpers.CSSHelp(document).getStyle(s)
assert.exists(def('.cabin:first-of-type') || def('.cabin:nth-of-type(1)'));
``` ```
Your `.cabin:nth-of-type(1)` selector should have a `right` property set to `-8.5%`. Your `.cabin:nth-of-type(1)` selector should have a `right` property set to `-8.5%`.
```js ```js
assert(new __helpers.CSSHelp(document).getStyle('.cabin:nth-of-type(1)')?.right === '-8.5%'); const right = (s) => new __helpers.CSSHelp(document).getStyle(s)?.right
assert.equal(right('.cabin:nth-of-type(1)') || right('.cabin:first-of-type'), '-8.5%');
``` ```
Your `.cabin:nth-of-type(1)` selector should have a `top` property set to `50%`. Your `.cabin:nth-of-type(1)` selector should have a `top` property set to `50%`.
```js ```js
assert(new __helpers.CSSHelp(document).getStyle('.cabin:nth-of-type(1)')?.top === '50%'); const top = (s) => new __helpers.CSSHelp(document).getStyle(s)?.top
assert.equal(top('.cabin:nth-of-type(1)') || top('.cabin:first-of-type'),'50%');
``` ```
# --seed-- # --seed--

9
curriculum/challenges/english/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/step-015.md
View File

@ -92,19 +92,22 @@ assert(new __helpers.CSSHelp(document).getStyle('.cabin:nth-of-type(5)')?.top ==
You should have a `.cabin:nth-of-type(6)` selector. You should have a `.cabin:nth-of-type(6)` selector.
```js ```js
assert(new __helpers.CSSHelp(document).getStyle('.cabin:nth-of-type(6)')); const def = (s) => new __helpers.CSSHelp(document).getStyle(s)
assert(def('.cabin:nth-of-type(6)') || def('.cabin:last-of-type'));
``` ```
Your `.cabin:nth-of-type(6)` selector should have a `right` property set to `17%`. Your `.cabin:nth-of-type(6)` selector should have a `right` property set to `17%`.
```js ```js
assert(new __helpers.CSSHelp(document).getStyle('.cabin:nth-of-type(6)')?.right === '17%'); const right = (s) => new __helpers.CSSHelp(document).getStyle(s)?.right
assert.equal(right('.cabin:nth-of-type(6)') || right('.cabin:last-of-type'),'17%');
``` ```
Your `.cabin:nth-of-type(6)` selector should have a `top` property set to `7%`. Your `.cabin:nth-of-type(6)` selector should have a `top` property set to `7%`.
```js ```js
assert(new __helpers.CSSHelp(document).getStyle('.cabin:nth-of-type(6)')?.top === '7%'); const top = (s) => new __helpers.CSSHelp(document).getStyle(s)?.top
assert.equal(top('.cabin:nth-of-type(6)') || top('.cabin:last-of-type'),'7%');
``` ```
# --seed-- # --seed--