mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-02-26 08:03:56 -05:00
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:
@@ -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--
|
||||
|
||||
Reference in New Issue
Block a user