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(/
/g).length === code.match(/span element should have class text-danger
.
testString: assert($("span").hasClass("text-danger"));
- - text: Make sure your span
element has a closing tag.
+ - text: Your span
element should have a closing tag.
testString: assert(code.match(/<\/span>/g) && code.match(//g).length === code.match(/Only change code above thi
```yml
tests:
- - text: Start a comment with <!--
at the top of your HTML.
+ - text: You should start a comment with <!--
at the top of your HTML.
testString: assert(code.match(/^\s*.*this line))\s*.*this line.*\s*-->/gi));
- - text: Be sure to close your comment with -->
.
+ - text: You should close your comment with -->
.
testString: assert(code.match(/-->.*\n+.+/g));
- text: You should have the same number of comment openers and closers.
testString: assert(code.match(//g).length);
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md
index 80f75a221b..d914ba62ad 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md
@@ -28,9 +28,9 @@ To get started, we should nest all of our HTML (except the link
tag
tests:
- text: Your div
element should have the class container-fluid
.
testString: assert($("div").hasClass("container-fluid"));
- - text: Make sure your div
element has a closing tag.
+ - text: Your div
element should have a closing tag.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
style tag in
.container-fluid
.
+ - text: All HTML elements after the closing
style
tag should be nested in
.container-fluid
.
testString: assert($(".container-fluid").children().length >= 8);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md
index 3d5e08b93f..43612b93f0 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md
@@ -29,9 +29,9 @@ tests:
testString: assert($("div.row:has(button)").length > 0);
- text: Each of your Bootstrap buttons should be nested within its own
div
element with the class
col-xs-4
.
testString: assert($("div.col-xs-4:has(button)").length > 2);
- - text: Make sure each of your
button
elements has a closing tag.
+ - text: Each of your
button
elements should have a closing tag.
testString: assert(code.match(/<\/button>/g) && code.match(/
/g).length === code.match(/div elements has a closing tag.
+ - text: Each of your div
elements should have a closing tag.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
btn and btn-blockbutton
element with the text "Delete".
+ - text: You should create a new button
element with the text "Delete".
testString: assert(new RegExp("Delete","gi").test($("button").text()));
- text: All of your Bootstrap buttons should have the btn
and btn-block
classes.
testString: assert($("button.btn-block.btn").length > 2);
- text: Your new button should have the class btn-danger
.
testString: assert($("button").hasClass("btn-danger"));
- - text: Make sure all your button
elements have a closing tag.
+ - text: All of your button
elements should have closing tags.
testString: assert(code.match(/<\/button>/g) && code.match(//g).length === code.match(/<i> tag has traditionally been used to
```yml
tests:
- - text: Emphasize the text in your target4
button by adding HTML tags.
+ - text: You should emphasize the text in your target4
button by adding HTML tags.
testString: assert.isTrue((/|\s*#target4\s*<\/em>|<\/i>/gi).test($("#target4").html()));
- - text: Make sure the text is otherwise unchanged.
+ - text: The text should otherwise remain unchanged.
testString: assert($("#target4") && $("#target4").text().trim() === '#target4');
- - text: Do not alter any other text.
+ - text: You should not alter any other text.
testString: assert.isFalse((/|/gi).test($("h3").html()));
- - text: Make sure you are using .html()
and not .text()
.
+ - text: You should be using .html()
and not .text()
.
testString: assert(code.match(/\.html\(/g));
- - text: Make sure to select button id="target4"
with jQuery.
+ - text: You should select button id="target4"
with jQuery.
testString: assert(code.match(/\$\(\s*?(\"|\')#target4(\"|\')\s*?\)\.html\(/));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md b/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md
index bac3387608..9e4b8c4022 100644
--- a/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md
@@ -30,7 +30,7 @@ Select target1
and change its color to red.
tests:
- text: Your target1
element should have red text.
testString: assert($("#target1").css("color") === 'rgb(255, 0, 0)');
- - text: Only use jQuery to add these classes to the element.
+ - text: You should only use jQuery to add these classes to the element.
testString: assert(!code.match(/class.*animated/g));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md b/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md
index abd91f5801..d779df304a 100644
--- a/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md
@@ -29,7 +29,7 @@ tests:
testString: assert($("#right-well").children("#target5").length > 0);
- text: A copy of your target5
element should also be inside your left-well
.
testString: assert($("#left-well").children("#target5").length > 0);
- - text: Only use jQuery to move these elements.
+ - text: You should only use jQuery to move these elements.
testString: assert(!code.match(/class.*animated/g));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md b/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md
index 8ac0237c59..d0c55db6b0 100644
--- a/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md
@@ -23,15 +23,15 @@ Delete all three of these jQuery functions from your document ready functi
```yml
tests:
- - text: Delete all three of your jQuery functions from your document ready function
.
+ - text: All three of your jQuery functions should be deleted from your document ready function
.
testString: assert(code.match(/\{\s*\}\);/g));
- - text: Leave your script
element intact.
+ - text: You should leave your script
element intact.
testString: assert(code.match(/