Ports - Elle

[dev-elle-up]

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
What is the flow of data from input on the form to being a new card on the board?	Inputs from the form are stored in state in the NewCardForm component. When the submit button is clicked, the event handler calls handleSubmit(), which calls the callback function passed in from the Board component. An object containing the text and emoji from state is passed as a parameter to addCardCallback(). This gets the data to the Board component, in the addCard function. Here the data object is added to the cards array in Board's state using .push and setState. (The data is also passed to an API post request so that it can be saved in the database.)
What function did you use to make the GET request from the API to get the list of cards? Why use that function?	I put the GET request inside of componentDidMount() so that the request would be made after the component was mounted.
How do snapshot tests differ from unit tests?	Snapshot tests work on the premise that your app is correct at the point in time of the snapshot. They make note of the things that should not be changed. They are the source of truth and you update the tests to match the code. Unit tests are put in place as the source of truth for how the app is supposed to work and you must update your code to pass the tests.
What purpose does Enzyme serve in testing a React app?	It enables the tests to make assertions on React components.