saykaren / breakingbad Goto Github PK

the other piece is to try to focus tests on behavior - for example if your list component always will show characters in alphabetical order even if the provided characters aren’t in alphabetical order then it would be good to test that it is sorting - so you have your mock data, shuffle it randomly in your test, then pass it in and ensure the order is correct even though the incoming data is in a different order

one comment on the tests- the names of them should describe what you’re testing (the behavior) - that’s why they start with “it” - as in “It will call the close method when the close button is clicked” or “it(‘will show only matching data based on the filter value’)“, etc

Add PhD
Add novels he wrote

pull in list by name via api rather than just filter current list

Worked for Edison company
Last job was as a foreman in emergency repairs
Died of fatal reaction to the new antibiotic, penicillin

it('It filters list to four rows with search term pink', ()=>{
//coming back with 64.....
expect(wrapper.find('input').at(0).prop('value')).toEqual("");
wrapper.find('input').at(0).simulate('change', {target: {id: 'inputSearchTerm', value: "pink"}});
expect(wrapper.find('input').at(0).prop('value')).toEqual("pink");
expect(row).toHaveLength(5);

})

Shows the input is changing value but doesn't seem to be changing the rows....wonder if just for testing purposes and I am missing one more step of

put through sortWhat to check icon changing to add testing on that component

Anna Harris
01/04/1891- 10/19/1932
markato, ks
buried Kearney, NE

https://breakingbadapi.com/documentation

find fun way to display quote

Possibly something like this
https://www.google.com/imgres?imgurl=http%3A%2F%2Fui-patterns.com%2Fuploads%2Fimage%2Ffile%2F3391%2Fbest_Screen_Shot_2015-02-11_at_08.37.26.png&imgrefurl=http%3A%2F%2Fui-patterns.com%2Fpatterns%2Fmodal-windows&tbnid=18c7ablQ4oq2dM&vet=10CAMQMyhpahcKEwjYp5PO2P7wAhUAAAAAHQAAAAAQAg..i&docid=_oJaGKxha0pisM&w=1934&h=1500&q=code%20modal%20examples&hl=en&ved=0CAMQMyhpahcKEwjYp5PO2P7wAhUAAAAAHQAAAAAQAg

filter, sort, map

https://enzymejs.github.io/enzyme/docs/api/ShallowWrapper/setProps.html

check this out and see if I can pass the prop of modal active