Use PhotoStreamContainer within App component

src/App.js

@@ -2,23 +2,14 @@ import React, { Component } from 'react';
 
 import './App.css'
 
-import PhotoGrid from './components/PhotoGrid'
+import PhotoStreamContainer from './containers/PhotoStreamContainer'
 
 class App extends Component {
  render() {
- const photos = [
- { url: 'http://via.placeholder.com/320' },
- { url: 'http://via.placeholder.com/320' },
- { url: 'http://via.placeholder.com/320' },
- { url: 'http://via.placeholder.com/320' },
- { url: 'http://via.placeholder.com/320' },
- { url: 'http://via.placeholder.com/320' },
- ]
-
  return (
  <div className="app">
  <h1>Photo Gallery</h1>
- <PhotoGrid photos={photos} />
+ <PhotoStreamContainer />
  </div>
  );
  }

src/App.test.js

@@ -1,9 +1,12 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { mount } from 'enzyme'
+
 import App from './App';
+import PhotoStreamContainer from './containers/PhotoStreamContainer';
 
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(<App />, div);
- ReactDOM.unmountComponentAtNode(div);
-});
+describe('App', () => {
+ it('renders without crashing', () => {
+ const subject = mount(<App />)
+ expect(subject.find(PhotoStreamContainer).length).toBe(1)
+ })
+})