chore(curriculum): update cat painting workshops steps 50-51 to use specific asserts (#60389)

This commit is contained in:
Idowu Daniel
2025-05-16 17:50:25 +01:00
committed by GitHub
parent 909e096d53
commit 1eda9b1db8
2 changed files with 7 additions and 7 deletions
@@ -14,31 +14,31 @@ Move the right inner eye into position with a `position` of `absolute`, a `top`
Your `.cat-right-inner-eye` selector should have a `position` property set to `absolute`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.position === 'absolute')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.position, 'absolute');
```
Your `.cat-right-inner-eye` selector should have a `top` property set to ` 8px`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.top === '8px')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.top, '8px');
```
Your `.cat-right-inner-eye` selector should have a `left` property set to `18px`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.left === '18px')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.left, '18px');
```
Your `.cat-right-inner-eye` selector should have a `border-radius` property set to `60%`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.borderRadius === '60%')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.borderRadius, '60%');
```
Your `.cat-right-inner-eye` selector should have a `transform` property set to `-5deg`.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.transform === 'rotate(-5deg)')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.transform, 'rotate(-5deg)');
```
# --seed--
@@ -14,13 +14,13 @@ It's time to work on the nose. In your HTML, create a `div` element with the cla
You should create a `div` element.
```js
assert(document.querySelectorAll('div').length === 12)
assert.lengthOf(document.querySelectorAll('div'), 12);
```
Your `div` element should have the class `cat-nose`.
```js
assert(document.querySelectorAll('div')[11].classList.contains('cat-nose'))
assert.isTrue(document.querySelectorAll('div')[11].classList.contains('cat-nose'));
```
# --seed--