Test Profile using Jest snapshot

Author: rubydevi

src/tests/ProfileComponent.test.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import ProfileComponent from '../components/Profile';
+
+// Mock the child components to avoid actual rendering
+jest.mock('../components/JoinedMissions', () => 'JoinedMissions');
+jest.mock('../components/ReservedRockets', () => 'ReservedRockets');
+jest.mock('../components/ReservedDragons', () => 'ReservedDragons');
+
+describe('ProfileComponent', () => {
+  it('renders correctly', () => {
+    const component = renderer.create(<ProfileComponent />);
+    expect(component.toJSON()).toMatchSnapshot();
+  });
+});

src/tests/__snapshots__/ProfileComponent.test.js.snap

@@ -0,0 +1,66 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ProfileComponent renders correctly 1`] = `
+<div
+  className="container"
+>
+  <div
+    className="profile-table-container"
+  >
+    <table
+      className="profile-table"
+    >
+      <thead>
+        <tr>
+          <th>
+            My Missions
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>
+            <JoinedMissions />
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <table
+      className="profile-table"
+    >
+      <thead>
+        <tr>
+          <th>
+            My Rockets
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>
+            <ReservedRockets />
+          </td>
+        </tr>
+      </tbody>
+    </table>
+    <table
+      className="profile-table"
+    >
+      <thead>
+        <tr>
+          <th>
+            My Dragons
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>
+            <ReservedDragons />
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;