From e25c67e48d2a6a06bcbe8d6f2aee515cbd7e046e Mon Sep 17 00:00:00 2001 From: Pratham Rao <116641297+pratham-exe@users.noreply.github.com> Date: Thu, 12 Jun 2025 20:47:04 +0530 Subject: [PATCH] fix(curriculum): updated cat painting steps 59-60-61-65 to use specific asserts (#60840) --- .../workshop-cat-painting/646f0417322c0e04983a5149.md | 8 ++++---- .../workshop-cat-painting/646f08293804a30685533c6f.md | 2 +- .../workshop-cat-painting/646f09293eb3230723a62f77.md | 8 ++++---- .../workshop-cat-painting/646f0f7c5933560af8e7e380.md | 10 +++++----- 4 files changed, 14 insertions(+), 14 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0417322c0e04983a5149.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0417322c0e04983a5149.md index 8492b98bd93..01524fa9c1d 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0417322c0e04983a5149.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0417322c0e04983a5149.md @@ -14,25 +14,25 @@ Using a class selector, give your `.cat-mouth-line-left` element a `position` of You should have a `.cat-mouth-line-left` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')) +assert.exists(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')); ``` Your `.cat-mouth-line-left` selector should have a `position` property set to `absolute`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.position === 'absolute') +assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.position, 'absolute'); ``` Your `.cat-mouth-line-left` selector should have a `top` property set to `88px`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.top === '88px') +assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.top, '88px'); ``` Your `.cat-mouth-line-left` selector should have a `left` property set to `74px`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.left === '74px') +assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.left, '74px'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f08293804a30685533c6f.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f08293804a30685533c6f.md index cbcc54e4dc0..c401f8a1585 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f08293804a30685533c6f.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f08293804a30685533c6f.md @@ -14,7 +14,7 @@ Using the `transform` property, rotate the left mouth line at `170` degrees. Your `.cat-mouth-line-left` selector should have a `transform` property set to `rotate(170deg)`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.transform === 'rotate(170deg)') +assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.transform, 'rotate(170deg)'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f09293eb3230723a62f77.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f09293eb3230723a62f77.md index fda29ab0aab..51ac69a44a9 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f09293eb3230723a62f77.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f09293eb3230723a62f77.md @@ -14,25 +14,25 @@ Access your `.cat-mouth-line-right` element with a class selector, then move it You should have a `.cat-mouth-line-right` selector. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')) +assert.exists(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')); ``` Your `.cat-mouth-line-right` selector should have a `position` property set to `absolute`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.position === 'absolute') +assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.position, 'absolute'); ``` Your `.cat-mouth-line-right` selector should have a `top` property set to `88px`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.top === '88px') +assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.top, '88px'); ``` Your `.cat-mouth-line-right` selector should have a `left` property set to `91px`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.left === '91px') +assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.left, '91px'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0f7c5933560af8e7e380.md b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0f7c5933560af8e7e380.md index fb9477f2431..b1b10ee7193 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0f7c5933560af8e7e380.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-cat-painting/646f0f7c5933560af8e7e380.md @@ -14,31 +14,31 @@ Inside the `.cat-whiskers-left` element, create three `div` elements with the cl You should not change the existing `div` element with class `cat-whiskers-left`. ```js -assert(document.querySelectorAll('div.cat-whiskers-left').length === 1) +assert.lengthOf(document.querySelectorAll('div.cat-whiskers-left'), 1); ``` You should create three `div` elements inside your `.cat-whiskers-left` element. ```js -assert(document.querySelectorAll('.cat-whiskers-left div').length === 3) +assert.lengthOf(document.querySelectorAll('.cat-whiskers-left div'), 3); ``` The first `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-top`. ```js -assert(document.querySelectorAll('.cat-whiskers-left div')[0].classList.contains('cat-whisker-left-top')) +assert.isTrue(document.querySelectorAll('.cat-whiskers-left div')[0].classList.contains('cat-whisker-left-top')); ``` The second `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-middle`. ```js -assert(document.querySelectorAll('.cat-whiskers-left div')[1].classList.contains('cat-whisker-left-middle')) +assert.isTrue(document.querySelectorAll('.cat-whiskers-left div')[1].classList.contains('cat-whisker-left-middle')); ``` The third `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-bottom`. ```js -assert(document.querySelectorAll('.cat-whiskers-left div')[2].classList.contains('cat-whisker-left-bottom')) +assert.isTrue(document.querySelectorAll('.cat-whiskers-left div')[2].classList.contains('cat-whisker-left-bottom')); ```