1 files changed, 46 insertions, 0 deletions
diff --git a/stepped-solutions/FINISHED/frontend/__tests__/RequestReset.test.js b/stepped-solutions/FINISHED/frontend/__tests__/RequestReset.test.js
new file mode 100644
index 0000000..345b365
--- /dev/null
+++ b/stepped-solutions/FINISHED/frontend/__tests__/RequestReset.test.js
@@ -0,0 +1,46 @@
+import { mount } from 'enzyme';
+import wait from 'waait';
+import toJSON from 'enzyme-to-json';
+import { MockedProvider } from 'react-apollo/test-utils';
+import RequestReset, { REQUEST_RESET_MUTATION } from '../components/RequestReset';
+
+const mocks = [
+  {
+    request: {
+      query: REQUEST_RESET_MUTATION,
+      variables: { email: 'wesbos@gmail.com' },
+    },
+    result: {
+      data: { requestReset: { message: 'success', __typename: 'Message' } },
+    },
+  },
+];
+
+describe('<RequestReset/>', () => {
+  it('renders and matches snapshot', async () => {
+    const wrapper = mount(
+      <MockedProvider>
+        <RequestReset />
+      </MockedProvider>
+    );
+    const form = wrapper.find('form[data-test="form"]');
+    expect(toJSON(form)).toMatchSnapshot();
+  });
+
+  it('calls the mutation', async () => {
+    const wrapper = mount(
+      <MockedProvider mocks={mocks}>
+        <RequestReset />
+      </MockedProvider>
+    );
+    // simulate typing an email
+    wrapper
+      .find('input')
+      .simulate('change', { target: { name: 'email', value: 'wesbos@gmail.com' } });
+    // submit the form
+    wrapper.find('form').simulate('submit');
+    await wait();
+    wrapper.update();
+    expect(wrapper.find('p').text()).toContain('Success! Check your email for a reset link!');
+  });
+});