Editor version

exercises/01.2-Your-First-Style/tests.js

@@ -26,8 +26,10 @@ describe("All the styles should be applied", function() {
     // console.log(bodyInlineStyle[0].style._values.background);
   });
   it("You should not change the existing head tag elements", function () {
-    let meta = document.querySelector('head').querySelector("meta")
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).toBe(null)
   })
 });

exercises/01.3-Your-Second-Style/tests.js

@@ -26,8 +26,9 @@ describe("All the styles should be applied", function() {
     // console.log(bodyInlineStyle[0].style._values.background);
   });
   it("You should not change the existing head tag elements", function () {
-    let meta = document.querySelector('head').querySelector("meta")
-
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
+    let meta = head.querySelector("meta")
     expect(meta).toBe(null)
   })
 });

exercises/02-Separate-Stylesheet/tests.js

@@ -52,10 +52,13 @@ describe("All the styles should be applied", function () {
     expect(styles["background-repeat"]).toBe("inherit");
   });
   it("You should not change the existing head tag elements", function () {
-    let meta = document.querySelector('head').querySelector("meta")
-    let link = document.querySelector('link').href
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
   })
 });

exercises/02.1-Background/tests.js

@@ -52,13 +52,16 @@ describe("All the styles should be applied", function () {
     expect(styles["background-repeat"]).toBe("inherit");
   });
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title').innerHTML
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title').innerHTML
     expect(title).toBe('02 Background')
   })
 });

exercises/03-Inline-Styles/tests.js

@@ -16,13 +16,14 @@ describe("The Table tag should contain inline style background: green", function
   });
 
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let title = head.querySelector('title').innerHTML
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).toBe(null)
-    expect(title).toBe('03 Inline Styles')
 
+    let title = head.querySelector('title').innerHTML
+    expect(title).toBe('03 Inline Styles')
   })
 
   it("The background should be green", function() {

exercises/04.1-Combined-Rules/tests.js

@@ -161,13 +161,16 @@ describe("All the styles should be applied", function () {
     expect(padLeft).toBeFalsy();
   });
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
 });

exercises/05-Specificity/tests.js

@@ -17,13 +17,16 @@ describe("All the styles should be applied", function () {
 
 
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).not.toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
   it("You should not delete or edit the existing code", function () {

exercises/06-Practicing-Rules/tests.js

@@ -132,13 +132,16 @@ describe("All the styles should be applied", function () {
     expect(orangeHoverSelector).toBe('green');
   });
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).not.toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
 

exercises/07-Very-Specific-Rules/tests.js

@@ -78,13 +78,16 @@ describe("All the styles should be applied", function () {
   }
   )
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).not.toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
 

exercises/08-Rounded-Image/tests.js

@@ -84,13 +84,16 @@ describe("All the styles should be applied", function() {
     expect(idTagStyles["background-image"]).toBeTruthy();
   });
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).not.toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
 });

exercises/09-Anchor-Styles/tests.js

@@ -52,13 +52,16 @@ describe("All the styles should be applied", function () {
   });
 
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).not.toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
 });

exercises/12-Relative-Length-EM-REM/tests.js

@@ -53,13 +53,16 @@ describe("All the styles should be applied", function () {
   }
   )
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).not.toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
 

exercises/13-Anchor-Like-Button/tests.js

@@ -91,13 +91,16 @@ describe("All the styles should be applied", function () {
   }
   )
   it("You should not change the existing head tag elements", function () {
-    let head = document.querySelector('head');
-    let meta = head.querySelector("meta")
-    let link = head.querySelector('link').href
-    let title = head.querySelector('title')
+    let head = document.querySelector('head')
+    expect(head).toBeTruthy()
 
+    let meta = head.querySelector("meta")
     expect(meta).not.toBe(null)
-    expect(link).toBe('http://localhost/styles.css')
+
+    const pathname = new URL(document.querySelector('link').href).pathname
+    expect(pathname).toBe('/styles.css')
+
+    let title = head.querySelector('title')
     expect(title).not.toBe(null)
   })
 

learn.json

@@ -10,11 +10,11 @@
     "duration": 8,
     "difficulty": "easy",
     "video-solutions": true,
-    "graded": false,
+    "graded": true,
     "config": {
-        "disableGrading": true,
+        "disableGrading": false,
         "editor": {
-            "version": "1.0.69"
+            "version": "1.0.71"
         }
     }
 }