Create snapshot for Rocket to test

Author: rubydevi

src/tests/Rocket.test.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Provider } from 'react-redux';
+import configureStore from 'redux-mock-store';
+import renderer from 'react-test-renderer';
+import Rocket from '../components/Rocket';
+
+// Create a mock store with the state you want to use in the test
+const mockStore = configureStore([]);
+
+test('Rocket component renders correctly', () => {
+  const mockRocket = {
+    id: '5e9d0d95eda69955f709d1eb',
+    name: 'Falcon 1',
+    description: 'Description 1',
+    flickr_images: ['https://imgur.com/DaCfMsj.jpg'],
+    reserved: false,
+  };
+
+  const store = mockStore({});
+
+  const tree = renderer.create(
+    <Provider store={store}>
+      <Rocket rocket={mockRocket} />
+    </Provider>,
+  ).toJSON();
+  expect(tree).toMatchSnapshot();
+});

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

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Rocket component renders correctly 1`] = `
+<li
+  className="rocket"
+>
+  <img
+    alt="Rocket Falcon 1"
+    className="rocket-image"
+    src="https://imgur.com/DaCfMsj.jpg"
+  />
+  <div
+    className="rocket-details"
+  >
+    <h3
+      className="rocket-title"
+    >
+      Falcon 1
+    </h3>
+    <div>
+      <p
+        className="rocket-description"
+      >
+        Description 1
+      </p>
+    </div>
+    <button
+      className="reserve-button"
+      onClick={[Function]}
+      type="submit"
+    >
+      Reserve Rocket
+    </button>
+  </div>
+</li>
+`;