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

feat(curriculum): add extension tests for css-flexbox curriculum modules (#40473)

Browse Source 
* feat(curriculum): add extension tests for css-flexbox curriculum modules

* apply suggestions from code review

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>

* fix: reorder tests

Moves the test that asserts the presence of the follow button to the
top of the order.

Signed-off-by: nhcarrigan <nhcarrigan@gmail.com>

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>
This commit is contained in:
Luis H. Ball Jr
2021-02-01 10:57:36 -05:00
committed by GitHub
parent 3a710d2cb1
commit 8d60aad97b
5 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,6 +19,12 @@ Add the CSS property `display: flex` to all of the following items - note that t
# --hints--
Your `.follow-btn` should be rendered on the page. Be sure to turn off any extensions such as ad blockers.
```js
assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
```
Your `header` should have a `display` property set to `flex`.
```js

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

@ -17,6 +17,12 @@ Add the CSS property `flex-direction` to the header's `.profile-name` element an
# --hints--
Your `.follow-btn` should be rendered on the page. Be sure to turn off any extensions such as ad blockers.
```js
assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
```
The `.profile-name` element should have a `flex-direction` property set to column.
```js

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

@ -17,6 +17,12 @@ Add the CSS property `flex-direction` to both the `header` and `footer` and set
# --hints--
Your `.follow-btn` should be rendered on the page. Be sure to turn off any extensions such as ad blockers.
```js
assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
```
The `header` should have a `flex-direction` property set to row.
```js

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

@ -17,6 +17,12 @@ Add the CSS property `align-items` to the header's `.follow-btn` element. Set th
# --hints--
Your `.follow-btn` should be rendered on the page. Be sure to turn off any extensions such as ad blockers.
```js
assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
```
The `.follow-btn` element should have the `align-items` property set to a value of `center`.
```js

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

@ -17,6 +17,12 @@ Add the CSS property `justify-content` to the header's `.profile-name` element a
# --hints--
Your `.follow-btn` should be rendered on the page. Be sure to turn off any extensions such as ad blockers.
```js
assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
```
The `.profile-name` element should have the `justify-content` property set to any of these values: `center`, `flex-start`, `flex-end`, `space-between`, `space-around`, or `space-evenly`.
```js