From 8e86fac37845d80dc21b81dce759d25b083df6d0 Mon Sep 17 00:00:00 2001 From: Clarence Date: Wed, 7 May 2025 00:39:36 +0100 Subject: [PATCH] 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> --- .../6676a8a8d9861319ee901a90.md | 36 ++++++++++++------- 1 file changed, 24 insertions(+), 12 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6676a8a8d9861319ee901a90.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6676a8a8d9861319ee901a90.md index 16826bef5b2..9c8e3fbf247 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6676a8a8d9861319ee901a90.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6676a8a8d9861319ee901a90.md @@ -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--