Steve rivera

README.md

@@ -19,11 +19,11 @@ Get the project fired up and start using it as a user would. Try to go through t
 
 ## Instructions
 ### Task 1: Project Set Up
-* [ ] Create a forked copy of this project.
-* [ ] Clone your OWN version of the repository in your terminal
-* [ ] cd into the project base directory `cd web-module-project-reducer-pattern`
-* [ ] Download project dependencies by running `npm install`
-* [ ] Start up the app using `npm start`
+* [x] Create a forked copy of this project.
+* [x] Clone your OWN version of the repository in your terminal
+* [x] cd into the project base directory `cd web-module-project-reducer-pattern`
+* [x] Download project dependencies by running `npm install`
+* [x] Start up the app using `npm start`
 - [ ] With each saved change in your editor, the test runner will re-run all the tests
 - [ ] **IMPORTANT** If a test fails, use the test runner's error messages to find out why it is failing
 

src/App.test.js

@@ -9,5 +9,5 @@ test('target dropdown', async ()=>{
         const placeholder = screen.queryAllByPlaceholderText('Select an option');
         console.log(placeholder);
     });
-    
-});
+
+});

src/components/tests/Display.test.js

@@ -14,7 +14,7 @@
 
 
 ///Tasks:
-//1. Add in nessisary imports and values to establish the testing suite.
+//1. Add in necessary imports and values to establish the testing suite.
 //2. Test that the Display component renders without any passed in props.
 //3. Rebuild or copy a show test data element as used in the previous set of tests.
 //4. Test that when the fetch button is pressed, the show component will display. Make sure to account for the api call and change of state in building your test.

src/components/tests/Episode.test.js

@@ -13,19 +13,32 @@ const testEpisode = {
 }
 
 const testEpisodeWithoutImage = {
-    //Add in approprate test data structure here.
+    id: 2,
+    name: "",
+    image: '',
+    season: 2,
+    number: 2,
+    summary: "",
+    runtime: 1
 }
 
 test("renders without error", () => {
-
+    render(<Episode episode={[]} />)
 });
 
-test("renders the summury test passed as prop", ()=>{
+test("renders the summary test passed as prop", ()=>{
+    render(<Episode episode={testEpisode} />)
+    const summary = screen.queryAllByText(testEpisode.summary)
+
+    expect(summary).toBeTruthy()
 
 });
 
 test("renders default image when image is not defined", ()=>{
-
+    render(<Episode episode={testEpisodeWithoutImage} />)
+    const image = screen.queryAllByText(testEpisodeWithoutImage.image)
+
+    expect(image).toBeInTheDocument()
 })
 
 //Tasks