@blaze-cms/react-page-builder 0.125.0-alpha.15 → 0.125.0-alpha.18

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

@@ -1,103 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Login component should render rederict link if logged in 1`] = `
-<DocumentFragment>
-  <span>
-    You are already logged in please 
-    <a
-      href=""
-    >
-      click here
-    </a>
-     to reload your content access
-  </span>
-</DocumentFragment>
-`;
-
-exports[`Login component should render without throwing an error and match snapshot 1`] = `
-<DocumentFragment>
-  <form
-    class=""
-    id="loginForm"
-  >
-    <div
-      class="form-field form-field--input  "
-    >
-      <label
-        class="required"
-      >
-        Email
-      </label>
-      <input
-        data-testid="input"
-        name="email"
-        placeholder="example@email.com"
-        required=""
-        type="email"
-        value=""
-      />
-    </div>
-    <div
-      class="form-field form-field--input  form-field--password"
-    >
-      <label
-        class="required"
-      >
-        Password
-      </label>
-      <input
-        data-testid="input"
-        name="password"
-        required=""
-        type="password"
-        value=""
-      />
-      <span
-        class="show-hide-password active"
-        data-testid="toggle-input-type"
-        role="button"
-      >
-        Show
-        <i
-          class="material-icons"
-        >
-          visibility_off
-        </i>
-      </span>
-    </div>
-    <div
-      class="form-field form-field--checkbox"
-      role="button"
-    >
-      <input
-        class="form-checkbox"
-        id="remember-me-checkbox"
-        name="rememberme"
-        readonly=""
-        type="checkbox"
-        value=""
-      />
-      <div
-        class=""
-      >
-        <label
-          for="remember-me-checkbox"
-        >
-          <span>
-            Remember Me
-          </span>
-        </label>
-      </div>
-    </div>
-  </form>
-  <button
-    class="button "
-    disabled=""
-    form="loginForm"
-    name="button"
-    type="submit"
-  >
-    Login
-  </button>
-</DocumentFragment>
-`;

package/tests/unit/src/components/Login/helpers/check-gtm-children.test.js

@@ -1,60 +0,0 @@
-import { checkGtmChildren } from '../../../../../../src/components/Login/helpers';
-
-const mockedChildren = [
-  {
-    props: {
-      children: [false, [{ props: { component: { settings: {} } } }]]
-    }
-  },
-  {
-    props: {
-      children: [
-        false,
-        [{ props: { component: { settings: { gtmEvents: [{ eventTrigger: 'onLoad' }] } } } }]
-      ]
-    }
-  },
-  {
-    props: {
-      children: [
-        false,
-        [{ props: { component: { settings: { gtmEvents: [{ eventTrigger: 'onSuccess' }] } } } }]
-      ]
-    }
-  }
-];
-
-describe('checkGtmChildrenhelper', () => {
-  const noParams = checkGtmChildren();
-  const emptyChildren = checkGtmChildren([]);
-  const childrenWithNoGtm = checkGtmChildren(mockedChildren[0]);
-  const childrenWithGtm = checkGtmChildren(mockedChildren[1]);
-  const childrenWithOnSuccessGtm = checkGtmChildren(mockedChildren[2], () => {});
-
-  it('should always return an array with 2 elements', () => {
-    expect(Array.isArray(noParams)).toEqual(true);
-    expect(noParams.length).toEqual(2);
-    expect(Array.isArray(emptyChildren)).toEqual(true);
-    expect(emptyChildren.length).toEqual(2);
-    expect(Array.isArray(childrenWithNoGtm)).toEqual(true);
-    expect(childrenWithNoGtm.length).toEqual(2);
-    expect(Array.isArray(childrenWithGtm)).toEqual(true);
-    expect(childrenWithGtm.length).toEqual(2);
-    expect(Array.isArray(childrenWithOnSuccessGtm)).toEqual(true);
-    expect(childrenWithOnSuccessGtm.length).toEqual(2);
-  });
-
-  it('if no valid onSuccess children are passed the first value in the array should be false', () => {
-    expect(noParams[0]).toEqual(false);
-    expect(emptyChildren[0]).toEqual(false);
-    expect(childrenWithNoGtm[0]).toEqual(false);
-    expect(childrenWithGtm[0]).toEqual(false);
-  });
-
-  it('otherwise first value should be true and children should be updated with the handleOnSuccess function', () => {
-    expect(childrenWithOnSuccessGtm[0]).toEqual(true);
-    expect(
-      childrenWithOnSuccessGtm[1].props.children[1][0].props.component.settings.gtmEvents[0]
-    ).toHaveProperty('handleOnSuccess');
-  });
-});

package/tests/unit/src/components/Login/helpers/get-url-to-use.test.js

@@ -1,15 +0,0 @@
-import { getUrlToUse } from '../../../../../../src/components/Login/helpers';
-
-describe('Get url to use helper', () => {
-  it('should return url to use based on props passed', () => {
-    const singleRedirect = getUrlToUse({ redirectUrl: 'redirect' });
-    const arrayRedirect = getUrlToUse({ redirectUrl: ['multi-redirect'] });
-    const baseUrl = getUrlToUse({ redirectUrl: 'base' });
-    const asPathUrl = getUrlToUse({ redirectUrl: 'asPath' });
-
-    expect(singleRedirect).toEqual('redirect');
-    expect(arrayRedirect).toEqual('multi-redirect');
-    expect(baseUrl).toEqual('base');
-    expect(asPathUrl).toEqual('asPath');
-  });
-});

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

@@ -1,85 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
-import { RESET_USER_PASSWORD_MUTATION } from '@blaze-cms/core-auth-ui';
-import { fireEvent, render, queryByAttribute, waitFor } from '@testing-library/react';
-import { MockedProvider } from '@apollo/client/testing';
-import PasswordReset from '../../../../../src/components/PasswordReset';
-
-jest.mock('next/router', () => ({
-  useRouter: jest.fn(() => ({ asPath: 'test-url?token=123' }))
-}));
-
-const getById = queryByAttribute.bind(null, 'id');
-const validPassword = 'NewPassword$123';
-const mocks = [
-  {
-    request: {
-      query: RESET_USER_PASSWORD_MUTATION,
-      variables: {
-        input: { token: '123', password: validPassword }
-      }
-    },
-    result: {
-      data: {
-        resetUserPasswordResult: {
-          result: { result: true, extras: { redirectUrl: 'redirect-url' } }
-        }
-      }
-    }
-  }
-];
-
-const setup = () => {
-  const resetComponent = render(
-    <MockedProvider mocks={mocks}>
-      <PasswordReset>
-        <div>child</div>
-      </PasswordReset>
-    </MockedProvider>
-  );
-
-  const passWordInput = getById(resetComponent.container, 'password');
-  const passWordConfirmInput = getById(resetComponent.container, 'passwordConfirm');
-  const button = resetComponent.getByText('Reset Password');
-
-  return { resetComponent, button, passWordInput, passWordConfirmInput };
-};
-
-describe('PasswordResetRequest component', () => {
-  it('should render without throwing an error if token is present', () => {
-    const {
-      resetComponent: { asFragment }
-    } = setup();
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('button should be disabled if no passord or passwordConfirm is entered', () => {
-    const { button } = setup();
-    expect(button).toHaveAttribute('disabled');
-  });
-
-  it('button should not be disabled if both password fields have value', () => {
-    const { passWordInput, passWordConfirmInput, button } = setup();
-    fireEvent.change(passWordInput, { target: { value: '123' } });
-    fireEvent.change(passWordConfirmInput, { target: { value: '234' } });
-    expect(button).not.toBeDisabled();
-  });
-
-  it('should call PasswordReset mutation and render children if password and passwordConfirm match', async () => {
-    const { passWordInput, passWordConfirmInput, button, resetComponent } = setup();
-    fireEvent.change(passWordInput, { target: { value: validPassword } });
-    fireEvent.change(passWordConfirmInput, { target: { value: validPassword } });
-    fireEvent(
-      button,
-      new MouseEvent('click', {
-        bubbles: true,
-        cancelable: true
-      })
-    );
-
-    await waitFor(() => {
-      const renderedChildren = resetComponent.getByText('child');
-      expect(renderedChildren).toBeDefined();
-    });
-  });
-});

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

@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PasswordResetRequest component should render without throwing an error if token is present 1`] = `
-<DocumentFragment>
-  <div
-    class=""
-  >
-    <form
-      id="passwordReset"
-    >
-      <div
-        class="form-field form-field--input  form-field--password"
-      >
-        <label
-          class="required"
-          for="password"
-        >
-          Password
-        </label>
-        <input
-          data-testid="input"
-          id="password"
-          name="password"
-          required=""
-          type="password"
-          value=""
-        />
-        <span
-          class="show-hide-password active"
-          data-testid="toggle-input-type"
-          role="button"
-        >
-          Show
-          <i
-            class="material-icons"
-          >
-            visibility_off
-          </i>
-        </span>
-      </div>
-      <div
-        class="form-field form-field--input  form-field--password"
-      >
-        <label
-          class="required"
-          for="passwordConfirm"
-        >
-          Confirm New Password
-        </label>
-        <input
-          data-testid="input"
-          id="passwordConfirm"
-          name="passwordConfirm"
-          required=""
-          type="password"
-          value=""
-        />
-        <span
-          class="show-hide-password active"
-          data-testid="toggle-input-type"
-          role="button"
-        >
-          Show
-          <i
-            class="material-icons"
-          >
-            visibility_off
-          </i>
-        </span>
-      </div>
-    </form>
-    <button
-      class="button "
-      disabled=""
-      form="passwordReset"
-      name="button"
-      type="submit"
-    >
-      Reset Password
-    </button>
-  </div>
-</DocumentFragment>
-`;

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

@@ -1,21 +0,0 @@
-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

@@ -1,79 +0,0 @@
-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

@@ -1,39 +0,0 @@
-// 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>
-`;