updated new About, Contact and Settings tsx files to correct react import error, update MainContainer.test update to test render of About Contact and Settings

Author: rtbuckner

__tests__/app/containers/MainContainer.test.tsx

@@ -8,6 +8,9 @@ import Home from '../../../app/components/Home'
 import Copyright from '../../../app/components/Copyright'
 import Occupied from '../../../app/components/Occupied'
 import GraphsContainer from '../../../app/containers/GraphsContainer'
+import About from '../../../app/components/About'
+import Contact from '../../../app/components/Contact';
+import Settings from '../../../app/components/Settings';
 
 describe('<MainContainer />', () => {
   it(' renders component Home', () => {
@@ -33,6 +36,24 @@ describe('<MainContainer />', () => {
     expect(wrapper.contains(<Route exact path="/applications/:app/:service" component={GraphsContainer} />)).toBe(true);
 
   })
+  it('renders container About', () => {
+    const wrapper = shallow (<MainContainer />);
+
+    expect(wrapper.contains(<Route path="/about" component={About} />)).toBe(true);
+
+  })
+  it('renders container Contact', () => {
+    const wrapper = shallow (<MainContainer />);
+
+    expect(wrapper.contains(<Route path="/contact" component={Contact} />)).toBe(true);
+
+  })
+  it('renders container Settings', () => {
+    const wrapper = shallow (<MainContainer />);
+
+    expect(wrapper.contains(<Route path="/settings" component={Settings} />)).toBe(true);
+
+  })
 
 });
 

app/components/About.tsx

@@ -1,4 +1,4 @@
-import React from 'React';
+import React from 'react';
 
 const About: React.FC = () => {
   return <div className="home">Hello this is the About</div>;

app/components/Contact.tsx

@@ -1,4 +1,4 @@
-import React from 'React';
+import React from 'react';
 
 const Contact: React.FC = () => {
   return <div className="home">Hello this is the Contact</div>;

app/components/Settings.tsx

@@ -1,4 +1,4 @@
-import React from 'React';
+import React from 'react';
 
 // Need to add flag to turn off the splash at start
 // Need to add flag to turn off getting started page