@blaze-cms/react-page-builder 0.125.0-auth-updates.5 → 0.125.0-core-styles.1

package/tests/unit/src/components/PasswordReset/helpers/validatePassword.test.js

@@ -0,0 +1,21 @@
+import validatePassword from '../../../../../../src/components/PasswordReset/helpers/validatePassword';
+
+describe('validatePassword helper', () => {
+  it('should return true if a valid password format is passed', () => {
+    const validatedEmail = validatePassword('12ab&thinG');
+
+    expect(validatedEmail).toBe(true);
+  });
+
+  it('should return false otherwise', () => {
+    const invalidPassword = validatePassword('12');
+    const invalidPassword1 = validatePassword('ab');
+    const invalidPassword2 = validatePassword('123abcdlaks');
+    const invalidPassword3 = validatePassword('123abcDlaks');
+
+    expect(invalidPassword).toBe(false);
+    expect(invalidPassword1).toBe(false);
+    expect(invalidPassword2).toBe(false);
+    expect(invalidPassword3).toBe(false);
+  });
+});

package/tests/unit/src/components/PasswordResetRequest/PasswordResetRequest.test.js

@@ -0,0 +1,79 @@
+import '@testing-library/jest-dom/extend-expect';
+import React from 'react';
+import { REQUEST_USER_PASSWORD_RESET_MUTATION } from '@blaze-cms/core-auth-ui';
+import { fireEvent, render, waitFor } from '@testing-library/react';
+import { MockedProvider } from '@apollo/client/testing';
+import PasswordResetRequest from '../../../../../src/components/PasswordResetRequest';
+
+jest.mock('next/router', () => ({
+  useRouter: jest.fn(() => ({ asPath: 'some-url' }))
+}));
+const testEmail = 'test@email.com';
+
+const mocks = [
+  {
+    request: {
+      query: REQUEST_USER_PASSWORD_RESET_MUTATION,
+      variables: {
+        input: { email: testEmail, userId: null, extras: { redirectUrl: 'some-url' } }
+      }
+    },
+    result: {
+      data: {
+        requestUserPasswordResetResult: { result: true }
+      }
+    }
+  }
+];
+
+const setup = () => {
+  const resetRequestComponent = render(
+    <MockedProvider mocks={mocks}>
+      <PasswordResetRequest modifier="pass-request-reset">
+        <div className="child_1">one child</div>
+      </PasswordResetRequest>
+    </MockedProvider>
+  );
+  const input = resetRequestComponent.getByTestId('input');
+  const button = resetRequestComponent.getByText('Request Password Reset');
+
+  return { resetRequestComponent, input, button };
+};
+
+describe('PasswordResetRequest component', () => {
+  it('should render without throwing an error and match snapshot', () => {
+    const {
+      resetRequestComponent: { asFragment }
+    } = setup();
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('button should be disabled if no email is entered', () => {
+    const { button } = setup();
+    expect(button).toHaveAttribute('disabled');
+  });
+
+  it('button should not be disabled if correct email format is entered', () => {
+    const { input, button } = setup();
+    fireEvent.change(input, { target: { value: testEmail } });
+    expect(input.value).toBe(testEmail);
+    expect(button).not.toBeDisabled();
+  });
+
+  it('button click should fire passwordResetRequest mutation and render children on success', async () => {
+    const { resetRequestComponent, input, button } = setup();
+    fireEvent.change(input, { target: { value: testEmail } });
+    fireEvent(
+      button,
+      new MouseEvent('click', {
+        bubbles: true,
+        cancelable: true
+      })
+    );
+
+    await waitFor(() => {
+      const renderedChildren = resetRequestComponent.getByText('one child');
+      expect(renderedChildren).toBeDefined();
+    });
+  });
+});

package/tests/unit/src/components/PasswordResetRequest/__snapshots__/PasswordResetRequest.test.js.snap

@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PasswordResetRequest component should render without throwing an error and match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="pass-request-reset"
+  >
+    <form
+      id="passwordResetRequest"
+    >
+      <div
+        class="form-field form-field--input  "
+      >
+        <label
+          class="required"
+        >
+          Email
+        </label>
+        <input
+          data-testid="input"
+          name="email"
+          required=""
+          type="email"
+          value=""
+        />
+      </div>
+    </form>
+    <button
+      class="button "
+      disabled=""
+      form="passwordResetRequest"
+      name="button"
+      type="submit"
+    >
+      Request Password Reset
+    </button>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/__snapshots__/index.test.js.snap

@@ -70,6 +70,10 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "login": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "menu": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
@@ -82,6 +86,14 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "passwordreset": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
+  "passwordresetrequest": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "row": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],