fix(client): remove normalize.css from globals (#44403)

client/src/templates/Challenges/rechallenge/builders.js

@@ -91,7 +91,7 @@ A required file can not have both a src and a link: src = ${src}, link = ${link}
       }
       return '';
     })
-    .reduce((head, element) => head.concat(element));
+    .reduce((head, element) => head.concat(element), []);
 
   const indexHtml = findIndexHtml(challengeFiles);
 

client/src/templates/Challenges/utils/build.js

@@ -23,14 +23,6 @@ const frameRunner = [
   }
 ];
 
-const globalRequires = [
-  {
-    link:
-      'https://cdnjs.cloudflare.com/' +
-      'ajax/libs/normalize/4.2.0/normalize.min.css'
-  }
-];
-
 const applyFunction = fn =>
   async function (file) {
     try {
@@ -142,7 +134,7 @@ export function buildDOMChallenge(
   { challengeFiles, required = [], template = '' },
   { usesTestRunner } = { usesTestRunner: false }
 ) {
-  const finalRequires = [...globalRequires, ...required];
+  const finalRequires = [...required];
   if (usesTestRunner) finalRequires.push(...frameRunner);
 
   const loadEnzyme = challengeFiles.some(

curriculum/challenges/english/04-data-visualization/d3-dashboard/step-137.md

@@ -25,12 +25,7 @@ After this, you will be able to use `data[index]` to get that item in the array.
 test-text
 
 ```js
-const script = $('.dashboard').siblings('script')[1].innerHTML;
+assert.match(code,/const index = data.findIndex\(\(?d\)? => (year === d\.year|d.year === year)\s*\)/g);
-assert(
-  /var index = data.findIndex\(function \(d\) \{\s*return (year === d\.year|d.year === year);\s*\}\);/g.test(
-    script
-  )
-);
 ```
 
 # --seed--

curriculum/challenges/english/04-data-visualization/d3-dashboard/step-139.md

@@ -20,12 +20,9 @@ So now, when you hover a label, the function will be called with the year that i
 test-text
 
 ```js
-const script = $('.dashboard').siblings('script')[1].innerHTML;
+assert.match(code,
-assert(
+  /\.on\('mouseover', d => drawDashboard\(d\)\)/g
-  /\.on\(('|"|`)mouseover\1, function \(d\) \{\s*return drawDashboard\(d\);\s*\}\)/g.test(
+  );
-    script
-  )
-);
 ```
 
 # --seed--

curriculum/challenges/english/04-data-visualization/d3-dashboard/step-140.md

@@ -16,8 +16,7 @@ Go back to the top of the function and use `d3.select` to select the `.dashboard
 test-text
 
 ```js
-const script = $('.dashboard').siblings('script')[1].innerHTML;
+assert.match(code, /d3\.select\(('|"|`)\.dashboard\1\)\.html\(('|"|`)\2\)/g);
-assert(/d3\.select\(('|"|`)\.dashboard\1\)\.html\(('|"|`)\2\)/g.test(script));
 ```
 
 # --seed--

curriculum/challenges/english/04-data-visualization/d3-dashboard/step-142.md

@@ -14,11 +14,8 @@ Create another `mouseover` event for when you hover one of the `twitter-circles`
 test-text
 
 ```js
-const script = $('.dashboard').siblings('script')[1].innerHTML;
+assert.match(code, 
-assert(
+  /\.on\('mouseover', d => drawDashboard\(d\.year\)\)/
-  /\.on\(('|"|`)mouseover\1, function \(d\) \{\s*return drawDashboard\(d\.year\);\s*\}\)/g.test(
-    script
-  )
 );
 ```
 

curriculum/challenges/english/04-data-visualization/d3-dashboard/step-144.md

@@ -16,11 +16,10 @@ After that, you will be able hover any of the circles or year labels to get the
 test-text
 
 ```js
-const script = $('.dashboard').siblings('script')[1].innerHTML;
+assert.equal(
-assert(
+  code.match(
-  script.match(
+    /\.on\('mouseover', d => drawDashboard\(d\.year\)\)/g
-    /\.on\(('|"|`)mouseover\1, function \(d\) \{\s*return drawDashboard\(d\.year\);\s*\}\)/g
+  )?.length, 3
-  ).length === 3
 );
 ```