jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-04-16 04:00:56 -04:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): updated cat painting steps 59-60-61-65 to use specific asserts (#60840)

Browse Source
This commit is contained in:
Pratham Rao
2025-06-12 20:47:04 +05:30
committed by GitHub
parent 783421008d
commit e25c67e48d
4 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0417322c0e04983a5149.md
View File

@@ -14,25 +14,25 @@ Using a class selector, give your `.cat-mouth-line-left` element a `position` of
You should have a `.cat-mouth-line-left` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left'))
assert.exists(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left'));
```
Your `.cat-mouth-line-left` selector should have a `position` property set to `absolute`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.position === 'absolute')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.position, 'absolute');
```
Your `.cat-mouth-line-left` selector should have a `top` property set to `88px`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.top === '88px')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.top, '88px');
```
Your `.cat-mouth-line-left` selector should have a `left` property set to `74px`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.left === '74px')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.left, '74px');
```
# --seed--

2
curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f08293804a30685533c6f.md
View File

@@ -14,7 +14,7 @@ Using the `transform` property, rotate the left mouth line at `170` degrees.
Your `.cat-mouth-line-left` selector should have a `transform` property set to `rotate(170deg)`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.transform === 'rotate(170deg)')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.transform, 'rotate(170deg)');
```
# --seed--

8
curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f09293eb3230723a62f77.md
View File

@@ -14,25 +14,25 @@ Access your `.cat-mouth-line-right` element with a class selector, then move it
You should have a `.cat-mouth-line-right` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right'))
assert.exists(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right'));
```
Your `.cat-mouth-line-right` selector should have a `position` property set to `absolute`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.position === 'absolute')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.position, 'absolute');
```
Your `.cat-mouth-line-right` selector should have a `top` property set to `88px`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.top === '88px')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.top, '88px');
```
Your `.cat-mouth-line-right` selector should have a `left` property set to `91px`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.left === '91px')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.left, '91px');
```
# --seed--

10
curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0f7c5933560af8e7e380.md
View File

@@ -14,31 +14,31 @@ Inside the `.cat-whiskers-left` element, create three `div` elements with the cl
You should not change the existing `div` element with class `cat-whiskers-left`.
```js
assert(document.querySelectorAll('div.cat-whiskers-left').length === 1)
assert.lengthOf(document.querySelectorAll('div.cat-whiskers-left'), 1);
```
You should create three `div` elements inside your `.cat-whiskers-left` element.
```js
assert(document.querySelectorAll('.cat-whiskers-left div').length === 3)
assert.lengthOf(document.querySelectorAll('.cat-whiskers-left div'), 3);
```
The first `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-top`.
```js
assert(document.querySelectorAll('.cat-whiskers-left div')[0].classList.contains('cat-whisker-left-top'))
assert.isTrue(document.querySelectorAll('.cat-whiskers-left div')[0].classList.contains('cat-whisker-left-top'));
```
The second `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-middle`.
```js
assert(document.querySelectorAll('.cat-whiskers-left div')[1].classList.contains('cat-whisker-left-middle'))
assert.isTrue(document.querySelectorAll('.cat-whiskers-left div')[1].classList.contains('cat-whisker-left-middle'));
```
The third `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-bottom`.
```js
assert(document.querySelectorAll('.cat-whiskers-left div')[2].classList.contains('cat-whisker-left-bottom'))
assert.isTrue(document.querySelectorAll('.cat-whiskers-left div')[2].classList.contains('cat-whisker-left-bottom'));
```