fix(curriculum): update cat painting workshop to use specific assert methods step 22 (#60183)

Co-authored-by: Ilenia <26656284+ilenia-magoni@users.noreply.github.com>
This commit is contained in:
Clarence
2025-05-07 00:39:36 +01:00
committed by GitHub
parent 32c19f1b92
commit 8e86fac378

View File

@@ -19,68 +19,80 @@ Using a class selector, give the `.cat-left-ear` element a left and right border
Your `.cat-right-ear` selector should not have a `height` property.
```js
assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height)
if (new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear')) {
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height)
}
```
Your `.cat-right-ear` selector should not have a `width` property.
```js
assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width)
if (new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear')) {
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width)
}
```
Your `.cat-right-ear` selector should not have a `border-left` property.
```js
assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft)
if (new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear')) {
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft)
}
```
Your `.cat-right-ear` selector should not have a `border-right` property.
```js
assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight)
if (new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear')) {
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight)
}
```
Your `.cat-right-ear` selector should not have a `border-top` property.
```js
assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop)
if (new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear')) {
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop)
}
```
Your `.cat-right-ear` selector should not have a `border-bottom` property.
```js
assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom)
if (new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear')) {
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom)
}
```
You should not have a `.cat-right-ear` selector.
```js
assert(!new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear'))
assert.notExists(new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear'))
```
You should have a `.cat-left-ear` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear'))
```js
assert.exists(new __helpers.CSSHelp(document)?.getStyle('.cat-left-ear'))
```
Your `.cat-left-ear` selector should have a `border-left` property set to `35px solid transparent`
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderLeft === '35px solid transparent')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderLeft, '35px solid transparent')
```
Your `.cat-left-ear` selector should have a `border-right` property set to `35px solid transparent`
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderRight === '35px solid transparent')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderRight, '35px solid transparent')
```
Your `.cat-left-ear` selector should have a `border-bottom` property set to `70px solid #5e5e5e`
```js
assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderBottom === '70px solid rgb(94, 94, 94)')
assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderBottom, '70px solid rgb(94, 94, 94)')
```
# --seed--