@openedx/frontend-app-authn 1.0.0-alpha.5 → 1.0.0-alpha.7

package/src/reset-password/messages.js

@@ -1,88 +0,0 @@
-import { defineMessages } from '@openedx/frontend-base';
-
-const messages = defineMessages({
-  'sign.in': {
-    id: 'sign.in',
-    defaultMessage: 'Sign in',
-    description: 'Sign in toggle text',
-  },
-  'reset.password.page.title': {
-    id: 'reset.password.page.title',
-    defaultMessage: 'Reset Password | {siteName}',
-    description: 'page title',
-  },
-  'reset.password': {
-    id: 'reset.password',
-    defaultMessage: 'Reset password',
-    description: 'The page heading and button text for reset password page.',
-  },
-  'reset.password.page.instructions': {
-    id: 'reset.password.page.instructions',
-    defaultMessage: 'Enter and confirm your new password.',
-    description: 'Instructions message for reset password page.',
-  },
-  'new.password.label': {
-    id: 'new.password.label',
-    defaultMessage: 'New password',
-    description: 'New password field label for the reset password page.',
-  },
-  'confirm.password.label': {
-    id: 'confirm.password.label',
-    defaultMessage: 'Confirm password',
-    description: 'Confirm password field label for the reset password page.',
-  },
-  // validation errors
-  'password.validation.message': {
-    id: 'password.validation.message',
-    defaultMessage: 'Password criteria has not been met',
-    description: 'Error message for empty or invalid password',
-  },
-  'passwords.do.not.match': {
-    id: 'passwords.do.not.match',
-    defaultMessage: 'Passwords do not match',
-    description: 'Password format error.',
-  },
-  'confirm.your.password': {
-    id: 'confirm.your.password',
-    defaultMessage: 'Confirm your password',
-    description: 'Field validation message when confirm password is empty',
-  },
-  // alert banner strings
-  'reset.password.failure.heading': {
-    id: 'reset.password.failure.heading',
-    defaultMessage: 'We couldn\'t reset your password.',
-    description: 'Heading for reset password request failure',
-  },
-  'reset.password.form.submission.error': {
-    id: 'reset.password.form.submission.error',
-    defaultMessage: 'Please check your responses and try again.',
-    description: 'Error message for reset password page',
-  },
-  'reset.server.rate.limit.error': {
-    id: 'reset.server.rate.limit.error',
-    defaultMessage: 'Too many requests.',
-    description: 'Too many request at server end point',
-  },
-  'reset.password.success.heading': {
-    id: 'reset.password.success.heading',
-    defaultMessage: 'Password reset complete.',
-    description: 'Heading for alert box when reset password is successful',
-  },
-  'reset.password.success': {
-    id: 'reset.password.success',
-    defaultMessage: 'Your password has been reset. Sign in to your account.',
-    description: 'Reset password success message',
-  },
-  'internal.server.error': {
-    id: 'internal.server.error',
-    defaultMessage: 'An error has occurred. Try refreshing the page, or check your internet connection.',
-    description: 'Error message that appears when server responds with 500 error code',
-  },
-  'rate.limit.error': {
-    id: 'rate.limit.error',
-    defaultMessage: 'An error has occurred because of too many requests. Please try again after some time.',
-    description: 'Error message that appears when server responds with 429 error code',
-  },
-});
-
-export default messages;

package/src/reset-password/tests/ResetPasswordPage.test.jsx

@@ -1,241 +0,0 @@
-import { Provider } from 'react-redux';
-
-import { CurrentAppProvider, configureI18n, getSiteConfig, injectIntl, IntlProvider } from '@openedx/frontend-base';
-import {
-  fireEvent, render, screen,
-} from '@testing-library/react';
-import { act } from 'react-dom/test-utils';
-import { MemoryRouter, useParams } from 'react-router-dom';
-import configureStore from 'redux-mock-store';
-
-import { appId } from '../../constants';
-import { initializeMockServices } from '../../setupTest';
-import { LOGIN_PAGE, RESET_PAGE } from '../../data/constants';
-import { resetPassword, validateToken } from '../data/actions';
-import {
-  PASSWORD_RESET, PASSWORD_RESET_ERROR, SUCCESS, TOKEN_STATE,
-} from '../data/constants';
-import ResetPasswordPage from '../ResetPasswordPage';
-
-const mockNavigate = jest.fn();
-const mockParams = jest.fn();
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useNavigate: () => mockNavigate,
-  useParams: jest.fn(),
-}));
-
-initializeMockServices();
-const IntlResetPasswordPage = injectIntl(ResetPasswordPage);
-const mockStore = configureStore();
-const token = '1c-bmjdkc-5e60e084cf8113048ca7';
-
-describe('ResetPasswordPage', () => {
-  let props = {};
-  let store = {};
-
-  const reduxWrapper = children => (
-    <IntlProvider locale="en">
-      <MemoryRouter>
-        <CurrentAppProvider appId={appId}>
-          <Provider store={store}>{children}</Provider>
-        </CurrentAppProvider>
-      </MemoryRouter>
-    </IntlProvider>
-  );
-
-  const initialState = {
-    register: {
-      validationApiRateLimited: false,
-    },
-    resetPassword: {},
-  };
-
-  beforeEach(() => {
-    store = mockStore(initialState);
-    configureI18n({
-      messages: { 'es-419': {}, de: {}, 'en-us': {} },
-    });
-    props = {
-      resetPassword: jest.fn(),
-      status: null,
-      token: null,
-      errors: null,
-      match: {
-        params: {},
-      },
-    };
-    useParams.mockReturnValue({ token: null });
-  });
-
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-
-  // ******** form submission tests ********
-
-  it('with valid inputs resetPassword action is dispatched', async () => {
-    const password = 'test-password-1';
-
-    store = mockStore({
-      ...initialState,
-      resetPassword: {
-        status: TOKEN_STATE.VALID,
-      },
-    });
-
-    store.dispatch = jest.fn(store.dispatch);
-    render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    const newPasswordInput = screen.getByLabelText('New password');
-    const confirmPasswordInput = screen.getByLabelText('Confirm password');
-
-    fireEvent.change(newPasswordInput, { target: { value: password } });
-    fireEvent.change(confirmPasswordInput, { target: { value: password } });
-
-    const resetPasswordButton = screen.getByRole('button', { name: /Reset password/i, id: 'submit-new-password' });
-    await act(async () => {
-      fireEvent.click(resetPasswordButton);
-    });
-    expect(store.dispatch).toHaveBeenCalledWith(
-      resetPassword({ new_password1: password, new_password2: password }, props.token, {}),
-    );
-  });
-
-  // ******** test reset password field validations ********
-
-  it('should show error messages for required fields on empty form submission', () => {
-    store = mockStore({
-      ...initialState,
-      resetPassword: {
-        status: TOKEN_STATE.VALID,
-      },
-    });
-    render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    const resetPasswordButton = screen.getByRole('button', { name: /Reset password/i, id: 'submit-new-password' });
-    fireEvent.click(resetPasswordButton);
-
-    expect(screen.queryByText(/We couldn't reset your password./i)).toBeTruthy();
-    expect(screen.queryByText('Password criteria has not been met')).toBeTruthy();
-    expect(screen.queryByText('Confirm your password')).toBeTruthy();
-
-    const newPasswordInput = screen.getByLabelText('New password');
-    fireEvent.focus(newPasswordInput);
-    expect(screen.queryByText('Password criteria has not been met')).toBeNull();
-
-    const confirmPasswordInput = screen.getByLabelText('Confirm password');
-    fireEvent.focus(confirmPasswordInput);
-    expect(screen.queryByText('Confirm your password')).toBeNull();
-  });
-
-  it('should show error message when new and confirm password do not match', () => {
-    store = mockStore({
-      ...initialState,
-      resetPassword: {
-        status: TOKEN_STATE.VALID,
-      },
-    });
-    render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    const confirmPasswordInput = screen.getByLabelText('Confirm password');
-    fireEvent.change(confirmPasswordInput, { target: { value: 'password-mismatch' } });
-
-    const passwordsDoNotMatchError = screen.queryByText('Passwords do not match');
-    expect(passwordsDoNotMatchError).toBeTruthy();
-  });
-
-  // ******** alert message tests ********
-
-  it('should show reset password rate limit error', () => {
-    const validationMessage = 'Too many requests.An error has occurred because of too many requests. Please try again after some time.';
-    store = mockStore({
-      ...initialState,
-      resetPassword: {
-        status: PASSWORD_RESET.FORBIDDEN_REQUEST,
-      },
-    });
-
-    const { container } = render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-
-    const alertElements = container.querySelectorAll('.alert-danger');
-    const rateLimitError = alertElements[0].textContent;
-    expect(rateLimitError).toBe(validationMessage);
-  });
-
-  it('should show reset password internal server error', () => {
-    const validationMessage = 'We couldn\'t reset your password.An error has occurred. Try refreshing the page, or check your internet connection.';
-    store = mockStore({
-      ...initialState,
-      resetPassword: {
-        status: PASSWORD_RESET.INTERNAL_SERVER_ERROR,
-      },
-    });
-
-    const { container } = render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    const alertElements = container.querySelectorAll('.alert-danger');
-    const internalServerError = alertElements[0].textContent;
-    expect(internalServerError).toBe(validationMessage);
-  });
-
-  // ******** miscellaneous tests ********
-
-  it('should call validation on password field when blur event fires', () => {
-    const resetPasswordPage = render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    const expectedText = 'Password criteria has not been metPassword must contain at least 8 characters, at least one letter, and at least one number';
-    const newPasswordInput = resetPasswordPage.container.querySelector('input#newPassword');
-    newPasswordInput.value = 'test-password';
-    fireEvent.change(newPasswordInput);
-
-    fireEvent.blur(newPasswordInput);
-
-    const feedbackDiv = resetPasswordPage.container.querySelector('div[feedback-for="newPassword"]');
-    expect(feedbackDiv.textContent).toEqual(expectedText);
-  });
-
-  it('show spinner when api call is pending', () => {
-    store.dispatch = jest.fn(store.dispatch);
-    props = {
-      status:
-        TOKEN_STATE.PENDING,
-    };
-    useParams.mockReturnValue({ token });
-
-    render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-
-    expect(store.dispatch).toHaveBeenCalledWith(validateToken(token));
-
-    useParams.mockClear();
-  });
-  it('should redirect the user to Reset password email screen ', async () => {
-    props = {
-      status:
-        PASSWORD_RESET_ERROR,
-    };
-    render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    expect(mockNavigate).toHaveBeenCalledWith(RESET_PAGE);
-  });
-  it('should redirect the user to root url of the application ', async () => {
-    props = {
-      status: SUCCESS,
-    };
-    render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    expect(mockNavigate).toHaveBeenCalledWith(LOGIN_PAGE);
-  });
-
-  it('shows spinner during token validation', () => {
-    render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-    const spinnerElement = document.getElementsByClassName('div.spinner-header');
-
-    expect(spinnerElement).toBeTruthy();
-  });
-
-  // ******** redirection tests ********
-
-  it('by clicking on sign in tab should redirect onto login page', async () => {
-    const { getByText } = render(reduxWrapper(<IntlResetPasswordPage {...props} />));
-
-    const signInTab = getByText('Sign in');
-
-    fireEvent.click(signInTab);
-
-    expect(mockNavigate).toHaveBeenCalledWith(LOGIN_PAGE);
-  });
-});

package/src/routes.jsx

@@ -1,79 +0,0 @@
-import { Navigate } from 'react-router';
-
-import { EmbeddedRegistrationRoute, NotFoundPage, UnAuthOnlyRoute } from './common-components';
-import { LOGIN_PAGE } from './data/constants';
-import { ForgotPasswordPage } from './forgot-password';
-import Logistration from './logistration/Logistration';
-import { ProgressiveProfiling } from './progressive-profiling';
-import { RegistrationPage } from './register';
-import { ResetPasswordPage } from './reset-password';
-
-import Main from './Main';
-
-const routes = [
-  {
-    id: 'org.openedx.frontend.route.authn.main',
-    Component: Main,
-    children: [
-      {
-        path: 'register-embedded',
-        element: (
-          <EmbeddedRegistrationRoute><RegistrationPage /></EmbeddedRegistrationRoute>
-        ),
-      },
-      {
-        path: 'login',
-        handle: {
-          role: 'org.openedx.frontend.role.login',
-        },
-        element: (
-          <UnAuthOnlyRoute><Logistration selectedPage={LOGIN_PAGE} /></UnAuthOnlyRoute>
-        ),
-      },
-      {
-        path: 'register',
-        handle: {
-          role: 'org.openedx.frontend.role.register',
-        },
-        element: (
-          <UnAuthOnlyRoute><Logistration /></UnAuthOnlyRoute>
-        ),
-      },
-      {
-        path: 'reset',
-        handle: {
-          role: 'org.openedx.frontend.role.resetPassword',
-        },
-        element: (
-          <UnAuthOnlyRoute><ForgotPasswordPage /></UnAuthOnlyRoute>
-        ),
-      },
-      {
-        path: 'password_reset_confirm/:token',
-        handle: {
-          role: 'org.openedx.frontend.role.confirmPassword',
-        },
-        element: (
-          <ResetPasswordPage />
-        ),
-      },
-      {
-        path: 'welcome',
-        handle: {
-          role: 'org.openedx.frontend.role.welcome',
-        },
-        element: (
-          <ProgressiveProfiling />
-        ),
-      },
-      {
-        path: 'notfound',
-        element: (
-          <NotFoundPage />
-        ),
-      },
-    ]
-  }
-];
-
-export default routes;

package/src/setupTest.js

@@ -1,68 +0,0 @@
-import siteConfig from 'site.config';
-
-import { addAppConfigs, configureAnalytics, configureAuth, configureLogging, getSiteConfig, mergeSiteConfig, MockAnalyticsService, MockAuthService, MockLoggingService } from '@openedx/frontend-base';
-
-mergeSiteConfig(siteConfig);
-addAppConfigs();
-
-export function initializeMockServices() {
-  const loggingService = configureLogging(MockLoggingService, {
-    config: getSiteConfig(),
-  });
-
-  const authService = configureAuth(MockAuthService, {
-    config: getSiteConfig(),
-    loggingService,
-  });
-
-  const analyticsService = configureAnalytics(MockAnalyticsService, {
-    config: getSiteConfig(),
-    httpClient: authService.getAuthenticatedHttpClient(),
-    loggingService,
-  });
-
-  return { analyticsService, authService, loggingService };
-}
-
-class ResizeObserver {
-  observe() {
-    // do nothing
-  }
-
-  unobserve() {
-    // do nothing
-  }
-
-  disconnect() {
-    // do nothing
-  }
-}
-
-window.ResizeObserver = ResizeObserver;
-window.scrollTo = (x, y) => {
-  document.documentElement.scrollTop = y;
-};
-
-const location = new URL('https://authn.edx.org');
-location.assign = jest.fn();
-location.replace = jest.fn();
-location.reload = jest.fn();
-delete window.location;
-window.location = location;
-
-const localStorageMock = jest.fn(() => {
-  let store = {};
-  return {
-    getItem: (key) => (store[key] ?? null),
-    setItem: (key, value) => {
-      store[key] = value.toString();
-    },
-    clear: () => {
-      store = {};
-    },
-    removeItem: (key) => {
-      delete store[key];
-    },
-  };
-})();
-Object.defineProperty(window, 'localStorage', { value: localStorageMock });