button elements the class
target.
```yml
tests:
- - text: Apply the
target class to each of your
button elements.
+ - text: You should apply the
target class to each of your
button elements.
testString: assert($(".target").length > 5);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md
index 4c8d8b3ac4e..a02b8c8b1c6 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md
@@ -25,11 +25,11 @@ Notice how the image is now just the right size to fit along the text?
tests:
- text: Your
h2 element and topmost
img element should both be nested together within a
div element with the class
row.
testString: assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0);
- - text: Nest your topmost
img element within a
div with the class
col-xs-4.
+ - text: Your topmost
img element should be nested within a
div with the class
col-xs-4.
testString: assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0);
- - text: Nest your
h2 element within a
div with the class
col-xs-8.
+ - text: Your
h2 element should be nested within a
div with the class
col-xs-8.
testString: assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0);
- - text: Make sure each of your
div elements has a closing tag.
+ - text: All of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
div element with the class
well within each o
```yml
tests:
- - text: Add a
div element with the class
well inside each of your
div elements with the class
"col-xs-6"
+ - text: You should add a
div element with the class
well inside each of your
div elements with the class
"col-xs-6"
testString: assert($("div.col-xs-6").not(":has(>div.well)").length < 1);
- - text: Nest both of your
div elements with the class
"col-xs-6" within your
div element with the class
"row".
+ - text: Both of your
div elements with the class
"col-xs-6" should be nested within your
div element with the class
"row".
testString: assert($("div.row > div.col-xs-6").length > 1);
- - text: Make sure all your
div elements have closing tags.
+ - text: All your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
Monospace.
testString: assert(!$("p").css("font-family").match(/monospace/i));
- - text: Remove the
smaller-image class from your top image.
+ - text: The
smaller-image class should be removed from your top image.
testString: assert(!$("img").hasClass("smaller-image"));
- - text: Add the
img-responsive class to your top image.
+ - text: You should add the
img-responsive class to your top image.
testString: assert($(".img-responsive").length > 1);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md
index 7b29c24efd4..04e975b0b37 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md
@@ -23,9 +23,9 @@ Let's nest your
h3 element within a
div element with t
tests:
- text: Your
div element should have the class
container-fluid.
testString: assert($("div").hasClass("container-fluid"));
- - text: Make sure each of your
div elements has a closing tag.
+ - text: Each of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
h3 element inside a
div element.
+ - text: Your
h3 element should be nested inside a
div element.
testString: assert($("div").children("h3").length >0);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md
index f350a5f7a51..5f707054063 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md
@@ -21,17 +21,17 @@ Give each of your
button elements text that corresponds to its
button element with the id target1 the text #target1.
+ - text: Your button element with the id target1 should have the text #target1.
testString: assert(new RegExp("#target1","gi").test($("#target1").text()));
- - text: Give your button element with the id target2 the text #target2.
+ - text: Your button element with the id target2 should have the text #target2.
testString: assert(new RegExp("#target2","gi").test($("#target2").text()));
- - text: Give your button element with the id target3 the text #target3.
+ - text: Your button element with the id target3 should have the text #target3.
testString: assert(new RegExp("#target3","gi").test($("#target3").text()));
- - text: Give your button element with the id target4 the text #target4.
+ - text: Your button element with the id target4 should have the text #target4.
testString: assert(new RegExp("#target4","gi").test($("#target4").text()));
- - text: Give your button element with the id target5 the text #target5.
+ - text: Your button element with the id target5 should have the text #target5.
testString: assert(new RegExp("#target5","gi").test($("#target5").text()));
- - text: Give your button element with the id target6 the text #target6.
+ - text: Your button element with the id target6 should have the text #target6.
testString: assert(new RegExp("#target6","gi").test($("#target6").text()));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md
index 041629d94c6..5efa016085d 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md
@@ -22,13 +22,13 @@ Above your right-well, inside its col-xs-6 div element
```yml
tests:
- - text: Add an h4 element to each of your <div class="col-xs-6"> elements.
+ - text: You should add an h4 element to each of your <div class="col-xs-6"> elements.
testString: assert($(".col-xs-6").children("h4") && $(".col-xs-6").children("h4").length > 1);
- text: One h4 element should have the text #left-well.
testString: assert(new RegExp("#left-well","gi").test($("h4").text()));
- text: One h4 element should have the text #right-well.
testString: assert(new RegExp("#right-well","gi").test($("h4").text()));
- - text: Make sure all your h4 elements have closing tags.
+ - text: All of your h4 elements should have closing tags.
testString: assert(code.match(/<\/h4>/g) && code.match(//g).length === code.match(/row.
+ - text: Your form submission button and text input should be nested in a div with class row.
testString: assert($("div.row:has(input[type=\"text\"])").length > 0 && $("div.row:has(button[type=\"submit\"])").length > 0);
- - text: Nest your form text input in a div with the class col-xs-7.
+ - text: Your form text input should be nested in a div with the class col-xs-7.
testString: assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0);
- - text: Nest your form submission button in a div with the class col-xs-5.
+ - text: Your form submission button should be nested in a div with the class col-xs-5.
testString: assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0);
- - text: Make sure each of your div elements has a closing tag.
+ - text: All of your div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
src of
https://bit.ly/fcc-running-cats.
testString: assert($("img:eq(1)").attr("src") === "https://bit.ly/fcc-running-cats");
- - text: Make sure your new
img element has a closing angle bracket.
+ - text: Your new
img element should have a closing angle bracket.
testString: assert(code.match(/
![]()
/g).length === 2 && code.match(/
![]()
<div class="row"> el
```yml
tests:
- - text: Nest all of your checkboxes inside one
div with the class
row.
+ - text: All of your checkboxes should be nested inside one
div with the class
row.
testString: assert($("div.row:has(input[type=\"checkbox\"])").length > 0);
- - text: Nest each of your checkboxes inside its own
div with the class
col-xs-4.
+ - text: Each of your checkboxes should be nested inside its own
div with the class
col-xs-4.
testString: assert($("div.col-xs-4:has(input[type=\"checkbox\"])").length > 2);
- - text: Make sure each of your
div elements has a closing tag.
+ - text: All of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
<div class="row"> ele
```yml
tests:
- - text: Nest all of your radio buttons inside one
div with the class
row.
+ - text: All of your radio buttons should be nested inside one
div with the class
row.
testString: assert($("div.row:has(input[type=\"radio\"])").length > 0);
- - text: Nest each of your radio buttons inside its own
div with the class
col-xs-6.
+ - text: Each of your radio buttons should be nested inside its own
div with the class
col-xs-6.
testString: assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1);
- - text: Make sure each of your
div elements has a closing tag.
+ - text: All of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
div elements within your row, both with the class
```yml
tests:
- - text: Nest two div class="col-xs-6" elements within your div class="row" element.
+ - text: Two div class="col-xs-6" elements should be nested within your div class="row" element.
testString: assert($("div.row > div.col-xs-6").length > 1);
- - text: Make sure all your div elements have closing tags.
+ - text: All your div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
<input>,
<textarea>, and
btn btn-primary.
+ - text: The submit button in your form should have the classes
btn btn-primary.
testString: assert($("button[type=\"submit\"]").hasClass("btn btn-primary"));
- - text: Add a
<i class="fa fa-paper-plane"></i> within your submit
button element.
+ - text: You should add a
<i class="fa fa-paper-plane"></i> within your submit
button element.
testString: assert($("button[type=\"submit\"]:has(i.fa.fa-paper-plane)").length > 0);
- - text: Give the text
input in your form the class
form-control.
+ - text: The text
input in your form should have the class
form-control.
testString: assert($("input[type=\"text\"]").hasClass("form-control"));
- - text: Make sure each of your
i elements has a closing tag.
+ - text: Each of your
i elements should have a closing tag.
testString: assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md
index 7b874f8f55d..90be2d273e1 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md
@@ -26,7 +26,7 @@ tests:
testString: assert($("button").hasClass("btn-primary"));
- text: Your button should still have the
btn and
btn-block classes.
testString: assert($("button").hasClass("btn-block") && $("button").hasClass("btn"));
- - text: Make sure all your
button elements have a closing tag.
+ - text: All your
button elements should have closing tags.
testString: assert(code.match(/<\/button>/g) && code.match(/