should NOT have the "spades" class', () => {
expect(div.classList.contains("spade")).toBe(false);
});
- test("The div class should have the heart class", () => {
+ test('The
should have the "heart" class', () => {
expect(div.classList.contains("heart")).toBe(true);
});
});
diff --git a/exercises/04.3-id-Selector/styles.css b/exercises/04.3-id-Selector/styles.css
index e020d28b..c6058338 100644
--- a/exercises/04.3-id-Selector/styles.css
+++ b/exercises/04.3-id-Selector/styles.css
@@ -1,5 +1,8 @@
#button1 {
- background: #BDBDBD;
- border: #5E5E5E;
- border-radius: 5px;
+ background-color: #4caf50; /* Green */
+ color: white;
+ padding: 15px 32px;
+ text-align: center;
+ display: inline-block;
+ border-radius: 5px;
}
diff --git a/exercises/04.3-id-Selector/test.js b/exercises/04.3-id-Selector/test.js
index adc3f260..ed2b823e 100644
--- a/exercises/04.3-id-Selector/test.js
+++ b/exercises/04.3-id-Selector/test.js
@@ -8,24 +8,24 @@ jest.dontMock('fs');
const span = document.querySelector("span");
const link = document.querySelector("link");
-test("There should be a span tag", () => {
+test("There should be a
tag", () => {
expect(span).toBeTruthy()
});
-test("The span tag should have the id 'button1'", () => {
+test("The tag should have the id 'button1'", () => {
expect(span).toBeTruthy();
let id = span.id
expect(id).toBeTruthy();
expect(id).toBe('button1');
});
-test("The span tag should not contain any inline style", () => {
+test("The tag should not contain any inline style", () => {
let emptyBodyInlineStyle = {};
expect(span).toBeTruthy()
expect(span.style._values).toEqual(emptyBodyInlineStyle);
});
-test("You should not change the existing head tag elements", () => {
+test("You should not change the existing tag elements", () => {
let head = document.querySelector('head');
expect(head).toBeTruthy();
diff --git a/exercises/05-Specificity/tests.js b/exercises/05-Specificity/tests.js
index b43a2a6a..a09aa84a 100644
--- a/exercises/05-Specificity/tests.js
+++ b/exercises/05-Specificity/tests.js
@@ -8,7 +8,7 @@ jest.dontMock('fs');
describe("All the styles should be applied", function () {
- test("You should not change the existing head tag elements", function () {
+ test("You should not change the existing tag elements", function () {
let head = document.querySelector('head')
expect(head).toBeTruthy()
@@ -35,7 +35,7 @@ describe("All the styles should be applied", function () {
expect(cssArray).toBe("ul li");
expect(cssArrayBackground).toBe("blue");
})
- test("You should use a more specific rule using the !important annotation ", function () {
+ test("You should use a more specific rule using the !important annotation", function () {
document.querySelector(
"head"
@@ -51,4 +51,4 @@ describe("All the styles should be applied", function () {
expect(orangeHoverSelector).toBe("green");
});
-});
\ No newline at end of file
+});
diff --git a/exercises/06-Practicing-Rules/index.html b/exercises/06-Practicing-Rules/index.html
index c9135f89..acb133f5 100644
--- a/exercises/06-Practicing-Rules/index.html
+++ b/exercises/06-Practicing-Rules/index.html
@@ -27,7 +27,7 @@ 3 reasons you love what you are learning
If you can't sleep, what better than watching videos of cats?
- click here
+ click here
diff --git a/exercises/06-Practicing-Rules/tests.js b/exercises/06-Practicing-Rules/tests.js
index d9fd4156..e691255c 100644
--- a/exercises/06-Practicing-Rules/tests.js
+++ b/exercises/06-Practicing-Rules/tests.js
@@ -37,7 +37,7 @@ describe("All the styles should be applied", () => {
let styles = window.getComputedStyle(body);
expect(styles["padding-left"]).toBe("20px");
});
- test("The font-family in the h1 tag should be 'Courier'", () => {
+ test("The font-family in the
tag should be 'Courier'", () => {
document.querySelector(
"head"
).innerHTML = ``;
@@ -46,7 +46,7 @@ describe("All the styles should be applied", () => {
// get computed styles of any element you like
expect(h1TagStyles["font-family"].toLowerCase()).toBe("\"courier\"");
});
- test("The color in the h1 tag should be 'red'", () => {
+ test("The color in the tag should be 'red'", () => {
document.querySelector(
"head"
).innerHTML = ``;
@@ -55,7 +55,7 @@ describe("All the styles should be applied", () => {
// get computed styles of any element you like
expect(h1TagStyles["color"]).toBe("red");
});
- test("the text-decoration in the h2 tag should be 'underline'", () => {
+ test("the text-decoration in the tag should be 'underline'", () => {
document.querySelector(
"head"
).innerHTML = ``;
@@ -102,7 +102,7 @@ describe("All the styles should be applied", () => {
}
expect(orangeHoverSelector).toBe('green');
});
- test("You should not change the existing head tag elements", () => {
+ test("You should not change the existing tag elements", () => {
let head = document.querySelector('head')
expect(head).toBeTruthy()
diff --git a/exercises/07-Very-Specific-Rules/index.html b/exercises/07-Very-Specific-Rules/index.html
index 301d8f1d..09fef243 100644
--- a/exercises/07-Very-Specific-Rules/index.html
+++ b/exercises/07-Very-Specific-Rules/index.html
@@ -25,7 +25,7 @@ 3 reasons you know love what you are learning
If you can't sleep, what better than watching videos of cats?
- click here
+ click here
@@ -34,47 +34,47 @@ 3 reasons you know love what you are learning
Gender |
- | 12 years |
+ 12 |
Male |
- | 22 years |
+ 22 |
Female |
- | 11 years |
+ 11 |
Male |
- | 21 years |
+ 21 |
Male |
- | 22 years |
+ 22 |
Female |
- | 10 years |
+ 10 |
Male |
- | 13 years |
+ 13 |
Female |
- | 13 years |
+ 13 |
Male |
- | 10 years |
+ 10 |
Male |
- | 11 years |
+ 11 |
Male |
- | 11 years |
+ 11 |
Male |