diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cc.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cc.md index 6295eb77a14..7b5349e6ef3 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cc.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cc.md @@ -28,7 +28,7 @@ assert.strictEqual(headElements?.length, 1); You should have one void `link` element. ```js -assert.strictEqual(document.querySelectorAll('link')?.length, 1); +assert.lengthOf(document.querySelectorAll('link'), 1); ``` Your `link` element should be within your `head` element. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cd.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cd.md index 866b58f80ce..f9c4e52bb53 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cd.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98cd.md @@ -20,7 +20,7 @@ assert.exists(new __helpers.CSSHelp(document).getStyle('*')); You should use the `border` property to style all the elements. ```js -assert(new __helpers.CSSHelp(document).isPropertyUsed('border')); +assert.exists(new __helpers.CSSHelp(document).isPropertyUsed('border')); ``` All elements should have a `1px solid black` border. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ce.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ce.md index 1ea4cc4156d..1e37ee99831 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ce.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ce.md @@ -14,14 +14,14 @@ Also add a `box-sizing` of `border-box` to everything. This will make it so the You should use the `box-sizing` property. ```js -assert(new __helpers.CSSHelp(document).isPropertyUsed('box-sizing')); +assert.exists(new __helpers.CSSHelp(document).isPropertyUsed('box-sizing')); ``` You should make use of the existing `*` selector. ```js // Two selectors create two CSSStyleRule objects -assert.equal(new __helpers.CSSHelp(document).getStyleDeclarations('*').length, 1); +assert.lengthOf(new __helpers.CSSHelp(document).getStyleDeclarations('*'), 1); ``` All elements should have a `box-sizing` of `border-box`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d0.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d0.md index a49b3f5dff7..6504d14731b 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d0.md @@ -20,13 +20,13 @@ assert.exists(document.querySelector('div')); Your `div` element should be within the `body`. ```js -assert(document.querySelector('div')?.parentElement?.localName === 'body'); +assert.equal(document.querySelector('div')?.parentElement?.localName, 'body'); ``` Your `div` element should have a class of `background-buildings` ```js -assert([...document.querySelector('div')?.classList]?.includes('background-buildings')); +assert.isTrue([...document.querySelector('div')?.classList]?.includes('background-buildings')); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d3.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d3.md index 45826ef23c2..1e1de274f94 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d3.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d3.md @@ -47,7 +47,7 @@ You should place the new `div` elements in the correct order. function __t(a, b) { return [...document.querySelector(a)?.nextElementSibling?.classList]?.includes(b); } -assert(__t('div.bb1a','bb1b') && __t('div.bb1b','bb1c') && __t('div.bb1c','bb1d')); +assert.isTrue(__t('div.bb1a','bb1b') && __t('div.bb1b','bb1c') && __t('div.bb1c','bb1d')); ``` You should place the new `div` elements within the `.bb1` element. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d6.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d6.md index f0684b658c0..606789bbf27 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d6.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d6.md @@ -14,7 +14,7 @@ Now you have something that is resembling a building. You are ready to create yo You should create a new variable named `--building-color1`. ```js -assert(new __helpers.CSSHelp(document).isPropertyUsed('--building-color1')); +assert.exists(new __helpers.CSSHelp(document).isPropertyUsed('--building-color1')); ``` You should define the `--building-color1` variable within `.bb1`. @@ -26,7 +26,7 @@ assert.exists(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue You should give `--building-color1` a value of `#999`. ```js -assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue('--building-color1').trim(),'#999'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue('--building-color1').trim(), '#999'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d9.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d9.md index 3690866c537..5b6af5ffb54 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d9.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98d9.md @@ -14,7 +14,7 @@ Change the value of your variable from `#999` to `#aa80ff` and you can see how i You should change the value of the `--building-color1` property variable from `#999` to `#aa80ff`. ```js -assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue('--building-color1').trim(),'#aa80ff'); +assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue('--building-color1').trim(), '#aa80ff'); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98da.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98da.md index 9096cdb2f72..6bb8e059160 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98da.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98da.md @@ -32,13 +32,13 @@ assert.exists(document.querySelector('div.bb4')); You should create 3 new `div` elements. ```js -assert.equal(document.querySelectorAll('div')?.length, 9); +assert.lengthOf(document.querySelectorAll('div'), 9); ``` You should place these `div` elements within the `.background-buildings` element. ```js -assert.equal(document.querySelector('div.background-buildings')?.children?.length, 4); +assert.lengthOf(document.querySelector('div.background-buildings')?.children, 4); ``` You should place the elements in the correct order. @@ -47,7 +47,7 @@ You should place the elements in the correct order. function __t(a, b) { return [...document.querySelector(a)?.nextElementSibling?.classList]?.includes(b); } -assert(__t('div.bb1','bb2') && __t('div.bb2','bb3') && __t('div.bb3','bb4')); +assert.isTrue(__t('div.bb1','bb2') && __t('div.bb2','bb3') && __t('div.bb3','bb4')); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98dd.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98dd.md index d9ac91dbc64..06002d8fdb2 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98dd.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98dd.md @@ -15,14 +15,14 @@ You should add two new `div` elements before the `.bb1` element. ```js const bBuildings = document.querySelector('.background-buildings')?.children; -assert(![...bBuildings?.[0]?.classList]?.includes('bb1')); -assert(![...bBuildings?.[1]?.classList]?.includes('bb1')); +assert.isTrue(![...bBuildings?.[0]?.classList]?.includes('bb1')); +assert.isTrue(![...bBuildings?.[1]?.classList]?.includes('bb1')); ``` You should add one new `div` element between the `.bb3` and `.bb4` element. ```js -assert(document.querySelector('.bb3')?.nextElementSibling === document.querySelector('.bb4')?.previousElementSibling); +assert.equal(document.querySelector('.bb3')?.nextElementSibling, document.querySelector('.bb4')?.previousElementSibling); ``` You should add two new `div` elements after the `.bb4` element. @@ -36,7 +36,7 @@ assert.exists(bb4?.nextElementSibling?.nextElementSibling); You should add 5 new `div` elements. ```js -assert.equal(document.querySelectorAll('div')?.length, 14); +assert.lengthOf(document.querySelectorAll('div'), 14); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e4.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e4.md index 7aeec907b27..b333903e42d 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e4.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e4.md @@ -14,7 +14,7 @@ The background buildings are starting to look pretty good. Create a new `div` be You should create a new `div` element. ```js -assert.equal(document.querySelectorAll('div')?.length, 15); +assert.lengthOf(document.querySelectorAll('div'), 15); ``` The new `div` should come after the `div.background-buildings` element. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e6.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e6.md index dc1a0644b00..7350b10a04e 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e6.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98e6.md @@ -64,7 +64,7 @@ You should place the new `div` elements in the correct order. function __t(a, b) { return [...document.querySelector(a)?.nextElementSibling?.classList]?.includes(b); } -assert(__t('div.fb1','fb2') && __t('div.fb2','fb3') && __t('div.fb3','fb4') && __t('div.fb4', 'fb5') && __t('div.fb5', 'fb6')); +assert.isTrue(__t('div.fb1','fb2') && __t('div.fb2','fb3') && __t('div.fb3','fb4') && __t('div.fb4', 'fb5') && __t('div.fb5', 'fb6')); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ec.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ec.md index e8127da9f38..78eb9d7d153 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ec.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ec.md @@ -15,14 +15,14 @@ You should add two `div` elements as the first children of `.foreground-building ```js const bBuildings = document.querySelector('.background-buildings')?.children; -assert(![...bBuildings?.[0]?.classList]?.includes('fb1')); -assert(![...bBuildings?.[1]?.classList]?.includes('fb1')); +assert.isTrue(![...bBuildings?.[0]?.classList]?.includes('fb1')); +assert.isTrue(![...bBuildings?.[1]?.classList]?.includes('fb1')); ``` You should add one `div` element between `.fb2` and `.fb3`. ```js -assert(document.querySelector('.fb2')?.nextElementSibling === document.querySelector('.fb3')?.previousElementSibling); +assert.equal(document.querySelector('.fb2')?.nextElementSibling, document.querySelector('.fb3')?.previousElementSibling); ``` @@ -37,7 +37,7 @@ assert.exists(fb6?.nextElementSibling?.nextElementSibling); You should have added 5 new `div` elements. ```js -assert.equal(document.querySelectorAll('div')?.length, 26); +assert.lengthOf(document.querySelectorAll('div'), 26); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ee.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ee.md index 5f33304cd72..80bb1354128 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ee.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ee.md @@ -14,13 +14,13 @@ Your code is starting to get quite long. Add a comment above the `.fb1` class th You should add the comment `BACKGROUND BUILDINGS - "bb" stands for "background building"` above the `.bb1` selector. ```js -assert(/\/\*\s*BACKGROUND BUILDINGS - "bb" stands for "background building"\s*\*\//gi.test(code)); +assert.match(code, /\/\*\s*BACKGROUND BUILDINGS - "bb" stands for "background building"\s*\*\//gi); ``` You should add the comment `FOREGROUND BUILDINGS - "fb" stands for "foreground building"` above the `.fb1` selector. ```js -assert(/\/\*\s*FOREGROUND BUILDINGS - "fb" stands for "foreground building"\s*\*\//gi.test(code)); +assert.match(code, /\/\*\s*FOREGROUND BUILDINGS - "fb" stands for "foreground building"\s*\*\//gi); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ef.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ef.md index 77e1a4588ca..f25fed15e91 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ef.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98ef.md @@ -14,7 +14,7 @@ Create a new variable in `:root` called `--window-color1` and give it a value of You should create a new variable in `:root` called `--window-color1`. ```js -assert(new __helpers.CSSHelp(document).isPropertyUsed('--window-color1')); +assert.exists(new __helpers.CSSHelp(document).isPropertyUsed('--window-color1')); ``` You should give the property variable `--window-color1` a value of `black`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f0.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f0.md index 45e8ff6334f..5418a4d5c2e 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f0.md @@ -23,7 +23,7 @@ In the example, `color1` is solid at the top, `color2` is solid at the bottom, a You should apply a `background` to `.bb1a` right after the `background-color`. ```js -assert(new __helpers.CSSHelp(document).getStyle('.bb1a')?.background); +assert.exists(new __helpers.CSSHelp(document).getStyle('.bb1a')?.background); ``` You should give the `background` a `linear-gradient`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f8.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f8.md index 1ed735b2301..439a26e8c63 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f8.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e98f8.md @@ -14,7 +14,7 @@ Nest two new `div` elements within `.bb2`, give them the classes of `bb2a` and ` You should add two `div` elements to `.bb2`. ```js -assert.equal(document.querySelector('div.bb2')?.children?.length, 2); +assert.lengthOf(document.querySelector('div.bb2')?.children, 2); ``` You should give the first `div` a class of `bb2a`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9903.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9903.md index 9ad8785db13..16da76d16c1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9903.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9903.md @@ -14,7 +14,7 @@ On to the next building! Create a new variable called `--window-color3` in `:roo You should define a new property variable `--window-color3`. ```js -assert(new __helpers.CSSHelp(document).isPropertyUsed("--window-color3")); +assert.exists(new __helpers.CSSHelp(document).isPropertyUsed("--window-color3")); ``` You should give `--window-color3` a value of `#d98cb3`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990c.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990c.md index b5f75a8842f..257a89eda2a 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990c.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990c.md @@ -14,7 +14,7 @@ Create a new variable called `--window-color4` in `:root` and give it a value of You should define a new property variable `--window-color4`. ```js -assert(new __helpers.CSSHelp(document).isPropertyUsed("--window-color4")); +assert.exists(new __helpers.CSSHelp(document).isPropertyUsed("--window-color4")); ``` You should give `--window-color4` a value of `#8cb3d9`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990d.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990d.md index c01cf0cb027..6dca787bd09 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990d.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e990d.md @@ -14,13 +14,13 @@ Nest four new `div` elements within `.bb4c`, give them all the class of `bb4-win You should add four `div` elements to `.bb4c`. ```js -assert.equal(document.querySelector(".bb4c")?.children?.length, 4); +assert.lengthOf(document.querySelector(".bb4c")?.children, 4); ``` You should give each new `div` a class of `bb4-window`. ```js -assert.equal(document.querySelectorAll("div.bb4c > div.bb4-window")?.length, 4); +assert.lengthOf(document.querySelectorAll("div.bb4c > div.bb4-window"), 4); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9911.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9911.md index 3be5bc18eb6..f5022805679 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9911.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9911.md @@ -14,7 +14,7 @@ Looks good! On to the foreground buildings! Turn the `.fb1` building into three You should add three `div` elements within `.fb1`. ```js -assert.equal(document.querySelector("div.fb1")?.children?.length, 3); +assert.lengthOf(document.querySelector("div.fb1")?.children, 3); ``` You should give the first new `div` a class of `fb1a`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991a.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991a.md index c1434615d38..8e42b2c6df9 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991a.md @@ -14,14 +14,14 @@ On to the next building! Nest two `div` elements within `.fb2` and give them cla You should add two `div` elements within `.fb2`. ```js -assert.equal(document.querySelectorAll("div.fb2 > div")?.length, 2); +assert.lengthOf(document.querySelectorAll("div.fb2 > div"), 2); ``` You should give the first new `div` a class of `fb2a`. ```js assert.exists(document.querySelector("div.fb2 > div.fb2a")); -assert(document.querySelector("div.fb2 > div.fb2a") === document.querySelector("div.fb2")?.firstElementChild); +assert.equal(document.querySelector("div.fb2 > div.fb2a"), document.querySelector("div.fb2")?.firstElementChild); ``` You should give the second new `div` a class of `fb2b`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991c.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991c.md index 428497c9409..cd40ec7ea04 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991c.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e991c.md @@ -14,13 +14,13 @@ Nest three `div` elements within `.fb2b` and give them a class of `fb2-window`. You should add three `div` elements within `.fb2b`. ```js -assert.equal(document.querySelectorAll("div.fb2b > div")?.length, 3); +assert.lengthOf(document.querySelectorAll("div.fb2b > div"), 3); ``` You should give the three new `div` elements each a class of `fb2-window`. ```js -assert.equal(document.querySelectorAll("div.fb2-window")?.length, 3); +assert.lengthOf(document.querySelectorAll("div.fb2-window"), 3); ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9921.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9921.md index 4eccae5a1aa..90f11a652b0 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9921.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9921.md @@ -14,7 +14,7 @@ For the next building, nest four `div` elements within `.fb3` with classes of `f You should add four `div` elements within `.fb3`. ```js -assert.equal(document.querySelectorAll("div.fb3 > div")?.length, 4); +assert.lengthOf(document.querySelectorAll("div.fb3 > div"), 4); ``` You should give the first new `div` a class of `fb3a`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9925.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9925.md index a3a0d9b75dd..1205457aed7 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9925.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9925.md @@ -14,13 +14,13 @@ Nest three new `div` elements in the first `.fb3a` element. Give them each a cla You should add three `div` elements within the first `.fb3a` element. ```js -assert.equal(document.querySelectorAll("div.fb3a > div")?.length, 3); +assert.lengthOf(document.querySelectorAll("div.fb3a > div"), 3); ``` You should give each new `div` a class of `fb3-window`. ```js -assert.equal(document.querySelectorAll("div.fb3-window")?.length, 3) +assert.lengthOf(document.querySelectorAll("div.fb3-window"), 3) ``` # --seed-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9929.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9929.md index 049f74e8455..4a712805272 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9929.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e9929.md @@ -14,7 +14,7 @@ Only three more buildings to go. Nest two new `div` elements within the `.fb4` e You should add two `div` elements within `.fb4`. ```js -assert.equal(document.querySelectorAll("div.fb4 > div")?.length, 2); +assert.lengthOf(document.querySelectorAll("div.fb4 > div"), 2); ``` You should give the first new `div` a class of `fb4a`. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e992c.md b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e992c.md index e5b5c10e4da..a4b1f3c1e03 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e992c.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-city-skyline/5d822fd413a79914d39e992c.md @@ -14,13 +14,13 @@ Nest six `div` elements within `.fb4b` and give them all a class of `fb4-window` You should add six `div` elements within `.fb4b`. ```js -assert.equal(document.querySelectorAll("div.fb4b > div")?.length, 6); +assert.lengthOf(document.querySelectorAll("div.fb4b > div"), 6); ``` You should give each new `div` a class of `fb4-window`. ```js -assert.equal(document.querySelectorAll("div.fb4-window")?.length, 6); +assert.lengthOf(document.querySelectorAll("div.fb4-window"), 6); ``` # --seed--