Test to check Welcome component renders a header

Relates #66

package.json

@@ -30,6 +30,8 @@
     ]
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^4.1.0",
+    "@testing-library/react": "^9.3.0",
     "cypress": "^3.4.1"
   }
 }

src/components/Welcome/Welcome.js

@@ -3,7 +3,7 @@ import React from 'react';
 const Welcome = () => {
   return (
 <div>
-    <h1>Welcome</h1>
+    <h1 data-testid="welcome-header">Welcome</h1>
     <p> Welcome to the My Body Back app </p>
     <img src="#"/><p>This icon will take you to the "Support & Techniques" section </p>
     <img src="#"/><p>This icon will take you to the "Feeling Overwhelmed" section </p>

src/components/Welcome/Welcome.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { render, fireEvent, cleanup, waitForElement, queryByTestId} from "@testing-library/react";
+import { toBeInTheDocument } from "@testing-library/jest-dom/";
+import Welcome from './Welcome.js';
+
+test('Jest works ok', () => {
+  expect(true).toBeTruthy();
+});
+
+describe('Welcome component renders to page', () => {
+test('Welcome component renders header', () => {
+  const { getByTestId } = render(<Welcome />);
+  const header = getByTestId("welcome-header");
+  expect(header).toBeInTheDocument()
+
+});
+});