diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fc5cf14b276e6d04e82a.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fc5cf14b276e6d04e82a.md index 0404d519551..9251897cd3d 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fc5cf14b276e6d04e82a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fc5cf14b276e6d04e82a.md @@ -14,43 +14,43 @@ Use a class selector to give your `.box` element a width of `200px`, a height of You should have a `.box` selector. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.box')) +assert.exists(new __helpers.CSSHelp(document)?.getStyle('.box')); ``` Your `.box` selector should have a `width` property set to `200px`. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.width === '200px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.box')?.width, '200px'); ``` Your `.box` selector should have a `height` property set to `600px`. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.height === '600px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.box')?.height, '600px'); ``` Your `.box` selector should have a `background-color` property set to `#000`. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.backgroundColor === 'rgb(0, 0, 0)') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.box')?.backgroundColor, 'rgb(0, 0, 0)'); ``` Your `.box` selector should have a `position` property set to `absolute`. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.position === 'absolute') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.box')?.position, 'absolute'); ``` Your `.box` selector should have a `left` property set to `650px`. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.left === '650px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.box')?.left, '650px'); ``` Your `.box` selector should have a `top` property set to `800px`. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.top === '800px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.box')?.top, '800px'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fd4213318f6ee211028a.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fd4213318f6ee211028a.md index 4aa15e6de57..69b6e70fe3a 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fd4213318f6ee211028a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fd4213318f6ee211028a.md @@ -16,19 +16,19 @@ After that, scroll up and down to see how the `fixed` value works. Your `.cat-head` selector should have a `position` property set to `fixed`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'fixed') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position, 'fixed'); ``` Your `.cat-head` selector should have a `top` property set to `100px`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '100px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top, '100px'); ``` Your `.cat-head` selector should have a `left` property set to `100px`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '100px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left, '100px'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/64770351e8586671ec0911f0.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/64770351e8586671ec0911f0.md index c8a70d1f10f..5daa53c7246 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/64770351e8586671ec0911f0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/64770351e8586671ec0911f0.md @@ -18,19 +18,19 @@ Change the value of the `position` property of `.cat-head` to `sticky`, set `top Your `.cat-head` selector should have a `position` property set to `sticky`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'sticky') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position, 'sticky'); ``` Your `.cat-head` selector should have a `top` property set to `0`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '0px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top, '0px'); ``` You should not have the `left` property and its value in your code. ```js -assert.notMatch(code, /left:\s*100px;?/) +assert.notMatch(code, /left:\s*100px;?/); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6477062778c85972eb648030.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6477062778c85972eb648030.md index 243e79727cc..69da4de91e7 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6477062778c85972eb648030.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6477062778c85972eb648030.md @@ -16,37 +16,37 @@ Give the `.cat-head` element a `position` property set to `absolute`. Set a valu Your `.cat-head` selector should have a `position` property set to `absolute`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'absolute') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position, 'absolute'); ``` Your `.cat-head` selector should have a `top` property set to `0`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '0px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top, '0px'); ``` Your `.cat-head` selector should have a `left` property set to `0`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '0px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left, '0px'); ``` Your `.cat-head` selector should have a `right` property set to `0`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.right === '0px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.right, '0px'); ``` Your `.cat-head` selector should have a `bottom` property set to `0`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.bottom === '0px') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.bottom, '0px'); ``` Your `.cat-head` selector should have a `margin` property set to `auto`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.margin === 'auto') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.margin, 'auto'); ``` # --seed--