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 4c8d8b3ac4..a02b8c8b1c 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 7b29c24efd..04e975b0b3 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 f350a5f7a5..5f70705406 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 041629d94c..5efa016085 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 7b874f8f55..90be2d273e 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(/