Skip to content

Week 2 Homework#13

Open
caitlynchung wants to merge 1 commit into
modern-web-application-uw18:masterfrom
caitlynchung:master
Open

Week 2 Homework#13
caitlynchung wants to merge 1 commit into
modern-web-application-uw18:masterfrom
caitlynchung:master

Conversation

@caitlynchung

Copy link
Copy Markdown

Caitlyn Chung week 2 hmwk submission

@bhague1281 bhague1281 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Excellent job! You're doing very well with components and did some great styling with flexbox. I made a couple notes about your ArticleItem test that can help you get those tests working. Feel free to resubmit that if you want the extra couple points on the assignment.

text-align: left;
display: block;
margin-left: 10px;
font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

While you didn't have to use the exact font-family used on Medium, I like that you went to their site and saw how they were implementing their CSS. It's a great way to learn new styling methods and tricks 👍

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class PostDate extends Component {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job using modular components! Really important, especially with this PostDate component that gets a little tricky when it comes to rendering the date.

class CreativityPage extends Component {

render() {
/* don't forget idx*/

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💯

});
describe('ArticleItem component', () => {
it('should render', () => {
const component = ReactTestRenderer.create(<ArticleItem />);

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To get this test to pass, you'll want to pass in some fake data for the articleMetaData prop. Also, make sure to save the snapshot to git so that other developers can compare your test results.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants