gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(curriculum): quotes in tests (#18828)

Browse Source 
* fix(curriculum): tests quotes

* fix(curriculum): fill seed-teardown

* fix(curriculum): fix tests and remove unneeded seed-teardown
This commit is contained in:
Valeriy
2018-10-20 21:02:47 +03:00
committed by mrugesh mohapatra
parent 96eb124163
commit 79d9012432
1339 changed files with 6499 additions and 5185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
curriculum/challenges/english/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.english.md
View File

@ -22,19 +22,19 @@ Add the CSS property <code>display: flex</code> to all of the following items -
```yml
tests:
- text: Your <code>header</code> should have a <code>display</code> property set to flex.
testString: 'assert($("header").css("display") == "flex", "Your <code>header</code> should have a <code>display</code> property set to flex.");'
testString: assert($('header').css('display') == 'flex', 'Your <code>header</code> should have a <code>display</code> property set to flex.');
- text: Your <code>footer</code> should have a <code>display</code> property set to flex.
testString: 'assert($("footer").css("display") == "flex", "Your <code>footer</code> should have a <code>display</code> property set to flex.");'
testString: assert($('footer').css('display') == 'flex', 'Your <code>footer</code> should have a <code>display</code> property set to flex.');
- text: Your <code>h3</code> should have a <code>display</code> property set to flex.
testString: 'assert($("h3").css("display") == "flex", "Your <code>h3</code> should have a <code>display</code> property set to flex.");'
testString: assert($('h3').css('display') == 'flex', 'Your <code>h3</code> should have a <code>display</code> property set to flex.');
- text: Your <code>h4</code> should have a <code>display</code> property set to flex.
testString: 'assert($("h4").css("display") == "flex", "Your <code>h4</code> should have a <code>display</code> property set to flex.");'
testString: assert($('h4').css('display') == 'flex', 'Your <code>h4</code> should have a <code>display</code> property set to flex.');
- text: Your <code>.profile-name</code> should have a <code>display</code> property set to flex.
testString: 'assert($(".profile-name").css("display") == "flex", "Your <code>.profile-name</code> should have a <code>display</code> property set to flex.");'
testString: assert($('.profile-name').css('display') == 'flex', 'Your <code>.profile-name</code> should have a <code>display</code> property set to flex.');
- text: Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.
testString: 'assert($(".follow-btn").css("display") == "flex", "Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.");'
testString: assert($('.follow-btn').css('display') == 'flex', 'Your <code>.follow-btn</code> should have a <code>display</code> property set to flex.');
- text: Your <code>.stats</code> should have a <code>display</code> property set to flex.
testString: 'assert($(".stats").css("display") == "flex", "Your <code>.stats</code> should have a <code>display</code> property set to flex.");'
testString: assert($('.stats').css('display') == 'flex', 'Your <code>.stats</code> should have a <code>display</code> property set to flex.');
```

4
curriculum/challenges/english/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.english.md
View File

@ -25,8 +25,8 @@ An example helps show this property in action. Add the CSS property <code>align-
```yml
tests:
- text: 'The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.'
testString: 'assert($("#box-container").css("align-items") == "center", "The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.");'
- text: The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.
testString: assert($('#box-container').css('align-items') == 'center', 'The <code>#box-container</code> element should have an <code>align-items</code> property set to a value of center.');
```

4
curriculum/challenges/english/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.english.md
View File

@ -25,8 +25,8 @@ An example helps show this property in action. Add the CSS property <code>justif
```yml
tests:
- text: 'The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.'
testString: 'assert($("#box-container").css("justify-content") == "center", "The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.");'
- text: The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.
testString: assert($('#box-container').css('justify-content') == 'center', 'The <code>#box-container</code> element should have a <code>justify-content</code> property set to a value of center.');
```

2
curriculum/challenges/english/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.english.md
View File

@ -21,7 +21,7 @@ Add the CSS property <code>flex-direction</code> to the header's <code>.profile-
```yml
tests:
- text: The <code>.profile-name</code> element should have a <code>flex-direction</code> property set to column.
testString: 'assert($(".profile-name").css("flex-direction") == "column", "The <code>.profile-name</code> element should have a <code>flex-direction</code> property set to column.");'
testString: assert($('.profile-name').css('flex-direction') == 'column', 'The <code>.profile-name</code> element should have a <code>flex-direction</code> property set to column.');
```

4
curriculum/challenges/english/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.english.md
View File

@ -21,9 +21,9 @@ Add the CSS property <code>flex-direction</code> to both the <code>header</code>
```yml
tests:
- text: The <code>header</code> should have a <code>flex-direction</code> property set to row.
testString: 'assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>header</code> should have a <code>flex-direction</code> property set to row.");'
testString: assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g), 'The <code>header</code> should have a <code>flex-direction</code> property set to row.');
- text: The <code>footer</code> should have a <code>flex-direction</code> property set to row.
testString: 'assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g), "The <code>footer</code> should have a <code>flex-direction</code> property set to row.");'
testString: assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g), 'The <code>footer</code> should have a <code>flex-direction</code> property set to row.');
```

4
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.english.md
View File

@ -21,8 +21,8 @@ Add the CSS property <code>display</code> to <code>#box-container</code> and set
```yml
tests:
- text: '<code>#box-container</code> should have the <code>display</code> property set to a value of flex.'
testString: 'assert($("#box-container").css("display") == "flex", "<code>#box-container</code> should have the <code>display</code> property set to a value of flex.");'
- text: <code>#box-container</code> should have the <code>display</code> property set to a value of flex.
testString: assert($('#box-container').css('display') == 'flex', '<code>#box-container</code> should have the <code>display</code> property set to a value of flex.');
```

2
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.english.md
View File

@ -21,7 +21,7 @@ Add the CSS property <code>align-items</code> to the header's <code>.follow-btn<
```yml
tests:
- text: The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.
testString: 'assert($(".follow-btn").css("align-items") == "center", "The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.");'
testString: assert($('.follow-btn').css('align-items') == 'center', 'The <code>.follow-btn</code> element should have the <code>align-items</code> property set to a value of center.');
```

8
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-align-self-property.english.md
View File

@ -21,10 +21,10 @@ Add the CSS property <code>align-self</code> to both <code>#box-1</code> and <co
```yml
tests:
- text: 'The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.'
testString: 'assert($("#box-1").css("align-self") == "center", "The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.");'
- text: 'The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.'
testString: 'assert($("#box-2").css("align-self") == "flex-end", "The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.");'
- text: The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.
testString: assert($('#box-1').css('align-self') == 'center', 'The <code>#box-1</code> element should have the <code>align-self</code> property set to a value of center.');
- text: The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.
testString: assert($('#box-2').css('align-self') == 'flex-end', 'The <code>#box-2</code> element should have the <code>align-self</code> property set to a value of flex-end.');
```

16
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.english.md
View File

@ -21,14 +21,14 @@ Set the initial size of the boxes using <code>flex-basis</code>. Add the CSS pro
```yml
tests:
- text: 'The <code>#box-1</code> element should have a <code>flex-basis</code> property.'
testString: 'assert($("#box-1").css("flex-basis") != "auto", "The <code>#box-1</code> element should have a <code>flex-basis</code> property.");'
- text: 'The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.'
testString: 'assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g), "The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.");'
- text: 'The <code>#box-2</code> element should have the <code>flex-basis</code> property.'
testString: 'assert($("#box-2").css("flex-basis") != "auto", "The <code>#box-2</code> element should have the <code>flex-basis</code> property.");'
- text: 'The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.'
testString: 'assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g), "The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.");'
- text: The <code>#box-1</code> element should have a <code>flex-basis</code> property.
testString: assert($('#box-1').css('flex-basis') != 'auto', 'The <code>#box-1</code> element should have a <code>flex-basis</code> property.');
- text: The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.
testString: assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g), 'The <code>#box-1</code> element should have a <code>flex-basis</code> value of <code>10em</code>.');
- text: The <code>#box-2</code> element should have the <code>flex-basis</code> property.
testString: assert($('#box-2').css('flex-basis') != 'auto', 'The <code>#box-2</code> element should have the <code>flex-basis</code> property.');
- text: The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.
testString: assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g), 'The <code>#box-2</code> element should have a <code>flex-basis</code> value of <code>20em</code>.');
```

4
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.english.md
View File

@ -20,8 +20,8 @@ Add the CSS property <code>flex-direction</code> to the <code>#box-container</co
```yml
tests:
- text: 'The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.'
testString: 'assert($("#box-container").css("flex-direction") == "column", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.");'
- text: The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.
testString: assert($('#box-container').css('flex-direction') == 'column', 'The <code>#box-container</code> element should have a <code>flex-direction</code> property set to column.');
```

4
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.english.md
View File

@ -22,8 +22,8 @@ Add the CSS property <code>flex-direction</code> to the <code>#box-container</co
```yml
tests:
- text: 'The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.'
testString: 'assert($("#box-container").css("flex-direction") == "row-reverse", "The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.");'
- text: The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.
testString: assert($('#box-container').css('flex-direction') == 'row-reverse', 'The <code>#box-container</code> element should have a <code>flex-direction</code> property set to row-reverse.');
```

8
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.english.md
View File

@ -21,10 +21,10 @@ Add the CSS property <code>flex-grow</code> to both <code>#box-1</code> and <cod
```yml
tests:
- text: 'The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.'
testString: 'assert($("#box-1").css("flex-grow") == "1", "The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.");'
- text: 'The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.'
testString: 'assert($("#box-2").css("flex-grow") == "2", "The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.");'
- text: The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.
testString: assert($('#box-1').css('flex-grow') == '1', 'The <code>#box-1</code> element should have the <code>flex-grow</code> property set to a value of 1.');
- text: The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.
testString: assert($('#box-2').css('flex-grow') == '2', 'The <code>#box-2</code> element should have the <code>flex-grow</code> property set to a value of 2.');
```

12
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.english.md
View File

@ -23,12 +23,12 @@ These values will cause <code>#box-1</code> to grow to fill the extra space at t
```yml
tests:
- text: 'The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.'
testString: 'assert($("#box-1").css("flex-grow") == "2" && $("#box-1").css("flex-shrink") == "2" && $("#box-1").css("flex-basis") == "150px", "The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.");'
- text: 'The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.'
testString: 'assert($("#box-2").css("flex-grow") == "1" && $("#box-2").css("flex-shrink") == "1" && $("#box-2").css("flex-basis") == "150px", "The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.");'
- text: 'Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.'
testString: 'assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2, "Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.");'
- text: The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.
testString: assert($('#box-1').css('flex-grow') == '2' && $('#box-1').css('flex-shrink') == '2' && $('#box-1').css('flex-basis') == '150px', 'The <code>#box-1</code> element should have the <code>flex</code> property set to a value of 2 2 150px.');
- text: The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.
testString: assert($('#box-2').css('flex-grow') == '1' && $('#box-2').css('flex-shrink') == '1' && $('#box-2').css('flex-basis') == '150px', 'The <code>#box-2</code> element should have the <code>flex</code> property set to a value of 1 1 150px.');
- text: Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.
testString: assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2, 'Your code should use the <code>flex</code> property for <code>#box-1</code> and <code>#box-2</code>.');
```

8
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.english.md
View File

@ -22,10 +22,10 @@ Add the CSS property <code>flex-shrink</code> to both <code>#box-1</code> and <c
```yml
tests:
- text: 'The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.'
testString: 'assert($("#box-1").css("flex-shrink") == "1", "The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.");'
- text: 'The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.'
testString: 'assert($("#box-2").css("flex-shrink") == "2", "The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.");'
- text: The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.
testString: assert($('#box-1').css('flex-shrink') == '1', 'The <code>#box-1</code> element should have the <code>flex-shrink</code> property set to a value of 1.');
- text: The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.
testString: assert($('#box-2').css('flex-shrink') == '2', 'The <code>#box-2</code> element should have the <code>flex-shrink</code> property set to a value of 2.');
```

4
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.english.md
View File

@ -23,8 +23,8 @@ The current layout has too many boxes for one row. Add the CSS property <code>fl
```yml
tests:
- text: 'The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.'
testString: 'assert($("#box-container").css("flex-wrap") == "wrap", "The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.");'
- text: The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.
testString: assert($('#box-container').css('flex-wrap') == 'wrap', 'The <code>#box-container</code> element should have the <code>flex-wrap</code> property set to a value of wrap.');
```

2
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.english.md
View File

@ -21,7 +21,7 @@ Add the CSS property <code>justify-content</code> to the header's <code>.profile
```yml
tests:
- text: 'The <code>.profile-name</code> element should have the <code>justify-content</code> property set to any of these values: center, flex-start, flex-end, space-between, or space-around.'
testString: 'assert(code.match(/header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around)\s*;/g), "The <code>.profile-name</code> element should have the <code>justify-content</code> property set to any of these values: center, flex-start, flex-end, space-between, or space-around.");'
testString: 'assert(code.match(/header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around)\s*;/g), ''The <code>.profile-name</code> element should have the <code>justify-content</code> property set to any of these values: center, flex-start, flex-end, space-between, or space-around.'');'
```

8
curriculum/challenges/english/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.english.md
View File

@ -20,10 +20,10 @@ Add the CSS property <code>order</code> to both <code>#box-1</code> and <code>#b
```yml
tests:
- text: 'The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.'
testString: 'assert($("#box-1").css("order") == "2", "The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.");'
- text: 'The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.'
testString: 'assert($("#box-2").css("order") == "1", "The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.");'
- text: The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.
testString: assert($('#box-1').css('order') == '2', 'The <code>#box-1</code> element should have the <code>order</code> property set to a value of 2.');
- text: The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.
testString: assert($('#box-2').css('order') == '1', 'The <code>#box-2</code> element should have the <code>order</code> property set to a value of 1.');
```