diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476f5c17f99146071ee884c.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476f5c17f99146071ee884c.md index 28222313e25..3e79d2b688b 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476f5c17f99146071ee884c.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476f5c17f99146071ee884c.md @@ -18,19 +18,19 @@ Instead of `static`, give your `.cat-head` a position of `relative`, and leave b Your `.cat-head` selector should have a `position` property set to `relative`. Make sure you add a semicolon. ```js -assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'relative') +assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position, 'relative'); ``` 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/6476f7a4827bcc61682f2347.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476f7a4827bcc61682f2347.md index 645b36ca042..b8e5c046df0 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476f7a4827bcc61682f2347.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476f7a4827bcc61682f2347.md @@ -18,21 +18,21 @@ Set the `position` property of your `.cat-head` element to `absolute`, then set 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 any number in `px`. Make sure you add a semicolon. ```js // assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '300px') -assert.match(code, /top:\s*\d{1,4}px;/) +assert.match(code, /top:\s*\d{1,4}px;/); ``` Your `.cat-head` selector should have a `left` property set to any number in `px`. Make sure you add a semicolon. ```js // assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '400px') -assert.match(code, /left:\s*\d{1,4}px;/) +assert.match(code, /left:\s*\d{1,4}px;/); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fb7cbaafa36d65e9cf35.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fb7cbaafa36d65e9cf35.md index 07ece11abd6..17964cd8da2 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fb7cbaafa36d65e9cf35.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/6476fb7cbaafa36d65e9cf35.md @@ -16,13 +16,13 @@ You'll have to do some more markups to see how `fixed` positioning works. In you You should have a `div` element. ```js -assert(document.querySelectorAll('div').length === 2); +assert.lengthOf(document.querySelectorAll('div'), 2); ``` Your `div` element should have the class `box`. ```js -assert(document.querySelectorAll('div')[1]?.getAttribute('class') === 'box'); +assert.equal(document.querySelectorAll('div')[1]?.getAttribute('class'), 'box'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/647d855ac12cd436059acd39.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/647d855ac12cd436059acd39.md index 03643bea3eb..20588a46b90 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/647d855ac12cd436059acd39.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/647d855ac12cd436059acd39.md @@ -15,14 +15,14 @@ You should have the universal selector (`*`). ```js // assert.match(code, /\*\s*{\s*.*\s*}/) -assert(new __helpers.CSSHelp(document).getStyle('*')) +assert.exists(new __helpers.CSSHelp(document).getStyle('*')); ``` Your universal selector should have a `box-sizing` property set to `border-box`. ```js // assert.match(code, /\*\s*{\s*box-sizing:\s*border-box;?\s*}/) -assert(new __helpers.CSSHelp(document).getStyle('*')?.boxSizing === 'border-box') +assert.strictEqual(new __helpers.CSSHelp(document).getStyle('*')?.boxSizing, 'border-box'); ``` # --seed--