@openedx/frontend-app-authn 1.0.0-alpha.0 → 1.0.0-alpha.10

package/src/login/tests/AccountActivationMessage.test.jsx

@@ -1,122 +0,0 @@
-import { CurrentAppProvider, injectIntl, IntlProvider, mergeAppConfig } from '@openedx/frontend-base';
-import {
-  render, screen,
-} from '@testing-library/react';
-
-
-import { appId } from '../../constants';
-import { ACCOUNT_ACTIVATION_MESSAGE } from '../data/constants';
-import AccountActivationMessage from '../AccountActivationMessage';
-
-const IntlAccountActivationMessage = injectIntl(AccountActivationMessage);
-const providerWrapper = children => (
-  <IntlProvider locale="en">
-    <CurrentAppProvider appId={appId}>
-      {children}
-    </CurrentAppProvider>
-  </IntlProvider>
-);
-
-describe('AccountActivationMessage', () => {
-  beforeEach(() => {
-    mergeAppConfig({
-      MARKETING_EMAILS_OPT_IN: '',
-    });
-  });
-
-  it('should match account already activated message', () => {
-    render(providerWrapper(
-      <IntlAccountActivationMessage messageType={ACCOUNT_ACTIVATION_MESSAGE.INFO} />
-    ));
-
-    const expectedMessage = 'This account has already been activated.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#account-activation-message' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match account activated success message', () => {
-    render(providerWrapper(
-      <IntlAccountActivationMessage messageType={ACCOUNT_ACTIVATION_MESSAGE.SUCCESS} />
-    ));
-
-    const expectedMessage = 'Success! You have activated your account.'
-      + 'You will now receive email updates and alerts from us related to '
-      + 'the courses you are enrolled in. Sign in to continue.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#account-activation-message' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match account activation error message', () => {
-    render(providerWrapper(
-      <IntlAccountActivationMessage messageType={ACCOUNT_ACTIVATION_MESSAGE.ERROR} />
-    ));
-
-    const expectedMessage = 'Your account could not be activated'
-      + 'Something went wrong, please contact support to resolve this issue.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#account-activation-message' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should not display anything for invalid message type', () => {
-    const { container } = render(providerWrapper(
-      <IntlAccountActivationMessage messageType="invalid-message" />
-    ));
-
-    const accountActivationMessage = container.querySelectorAll('#account-activation-message');
-    expect(accountActivationMessage[0]).toBe(undefined);
-  });
-});
-
-describe('EmailConfirmationMessage', () => {
-  beforeEach(() => {
-    mergeAppConfig({
-      MARKETING_EMAILS_OPT_IN: 'true',
-    });
-  });
-
-  it('should match email already confirmed message', () => {
-    render(providerWrapper(
-      <IntlAccountActivationMessage messageType={ACCOUNT_ACTIVATION_MESSAGE.INFO} />
-    ));
-
-    const expectedMessage = 'This account has already been activated.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#account-activation-message' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match email confirmation success message', () => {
-    render(providerWrapper(
-      <IntlAccountActivationMessage messageType={ACCOUNT_ACTIVATION_MESSAGE.SUCCESS} />
-    ));
-    const expectedMessage = 'Success! You have activated your account.You will now receive email updates and alerts from us related to the courses you are enrolled in. Sign in to continue.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#account-activation-message' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match email confirmation error message', () => {
-    render(providerWrapper(
-      <IntlAccountActivationMessage messageType={ACCOUNT_ACTIVATION_MESSAGE.ERROR} />
-    ));
-    const expectedMessage = 'Your account could not be activated'
-      + 'Something went wrong, please contact support to resolve this issue.';
-    expect(screen.getByText(
-      '',
-      { selector: '#account-activation-message' },
-    ).textContent).toBe(expectedMessage);
-  });
-});

package/src/login/tests/ChangePasswordPrompt.test.jsx

@@ -1,75 +0,0 @@
-import { getSiteConfig, injectIntl, IntlProvider } from '@openedx/frontend-base';
-import {
-  fireEvent, render, screen,
-} from '@testing-library/react';
-import { act } from 'react-dom/test-utils';
-import { MemoryRouter } from 'react-router-dom';
-
-import { RESET_PAGE } from '../../data/constants';
-import ChangePasswordPrompt from '../ChangePasswordPrompt';
-
-const IntlChangePasswordPrompt = injectIntl(ChangePasswordPrompt);
-const mockedNavigator = jest.fn();
-
-jest.mock('react-router-dom', () => ({
-  ...(jest.requireActual('react-router-dom')),
-  useNavigate: () => mockedNavigator,
-}));
-
-describe('ChangePasswordPromptTests', () => {
-  let props = {};
-
-  beforeAll(() => {
-    Object.defineProperty(window, 'matchMedia', {
-      writable: true,
-      value: jest.fn().mockImplementation(query => ({
-        matches: query,
-      })),
-    });
-  });
-
-  it('[nudge modal] should redirect to next url when user clicks close button', () => {
-    const dashboardUrl = getSiteConfig().baseUrl.concat('/dashboard');
-    props = {
-      variant: 'nudge',
-      redirectUrl: dashboardUrl,
-    };
-
-    delete window.location;
-    window.location = { href: getSiteConfig().baseUrl };
-
-    render(
-      <IntlProvider locale="en">
-        <MemoryRouter>
-          <IntlChangePasswordPrompt {...props} />
-        </MemoryRouter>
-      </IntlProvider>,
-    );
-
-    fireEvent.click(screen.getByText('Close'));
-    expect(window.location.href).toBe(dashboardUrl);
-  });
-
-  it('[block modal] should redirect to reset password page when user clicks outside modal', async () => {
-    props = {
-      variant: 'block',
-    };
-
-    render(
-      <IntlProvider locale="en">
-        <MemoryRouter>
-          <IntlChangePasswordPrompt {...props} />
-        </MemoryRouter>
-      </IntlProvider>,
-    );
-
-    await act(async () => {
-      await fireEvent.click(screen.getByText(
-        '',
-        { selector: '.pgn__modal-backdrop' },
-      ));
-    });
-
-    expect(mockedNavigator).toHaveBeenCalledWith(RESET_PAGE);
-  });
-});

package/src/login/tests/LoginFailure.test.jsx

@@ -1,323 +0,0 @@
-import { CurrentAppProvider, injectIntl, IntlProvider } from '@openedx/frontend-base';
-import {
-  render, screen,
-} from '@testing-library/react';
-import { MemoryRouter } from 'react-router-dom';
-
-import { appId } from '../../constants';
-import {
-  ACCOUNT_LOCKED_OUT,
-  ALLOWED_DOMAIN_LOGIN_ERROR,
-  FAILED_LOGIN_ATTEMPT,
-  FORBIDDEN_REQUEST,
-  INACTIVE_USER,
-  INCORRECT_EMAIL_PASSWORD,
-  INTERNAL_SERVER_ERROR,
-  INVALID_FORM,
-  NON_COMPLIANT_PASSWORD_EXCEPTION,
-  NUDGE_PASSWORD_CHANGE,
-  REQUIRE_PASSWORD_CHANGE,
-  TPA_AUTHENTICATION_FAILURE,
-} from '../data/constants';
-import LoginFailureMessage from '../LoginFailure';
-
-jest.mock('@openedx/frontend-base', () => ({
-  ...jest.requireActual('@openedx/frontend-base'),
-  getAuthService: jest.fn(),
-}));
-
-const IntlLoginFailureMessage = injectIntl(LoginFailureMessage);
-const providerWrapper = children => (
-  <IntlProvider locale="en">
-    <CurrentAppProvider appId={appId}>
-      {children}
-    </CurrentAppProvider>
-  </IntlProvider>
-);
-
-describe('LoginFailureMessage', () => {
-  let props = {};
-
-  beforeAll(() => {
-    Object.defineProperty(window, 'matchMedia', {
-      writable: true,
-      value: jest.fn().mockImplementation(query => ({
-        matches: query,
-      })),
-    });
-  });
-
-  it('should match non compliant password error message', () => {
-    props = {
-      errorCode: NON_COMPLIANT_PASSWORD_EXCEPTION,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.We recently changed our password requirements'
-      + 'Your current password does not meet the new security requirements. We just sent a '
-      + 'password-reset message to the email address associated with this account. '
-      + 'Thank you for helping us keep your data safe.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match inactive user error message', () => {
-    props = {
-      context: {
-        email: 'text@example.com',
-        platformName: 'openedX',
-        supportLink: 'http://support.openedx.test',
-      },
-      errorCode: INACTIVE_USER,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.In order to sign in, you need to activate your account. '
-      + 'We just sent an activation link to text@example.com. If you do not receive an email, '
-      + 'check your spam folders or contact openedX support.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-
-    expect(screen.getByRole('link', { name: 'contact openedX support' }).getAttribute('href')).toBe('http://support.openedx.test');
-  });
-
-  it('test match failed login attempt error', () => {
-    props = {
-      context: {
-        email: 'text@example.com',
-        remainingAttempts: 3,
-        allowedFailureAttempts: 6,
-        resetLink: '/reset',
-      },
-      errorCode: FAILED_LOGIN_ATTEMPT,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.The username, email or password you entered is incorrect. '
-      + 'You have 3 more sign in attempts before your account is temporarily locked.If you\'ve forgotten your password, click here to reset it.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('test match failed login error first attempt', () => {
-    props = {
-      context: {
-        email: 'text@example.com',
-        failureCount: 1,
-        resetLink: '/reset',
-      },
-      errorCode: INCORRECT_EMAIL_PASSWORD,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.The username, email, or password you entered is incorrect. Please try again.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('test match user account locked out', () => {
-    props = {
-      errorCode: ACCOUNT_LOCKED_OUT,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.To protect your account, it\'s been temporarily locked. Try again in 30 minutes.To be on the safe side, you can reset your password before trying again.';
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('test match failed login error second attempt', () => {
-    props = {
-      context: {
-        email: 'text@example.com',
-        failureCount: 2,
-        resetLink: '/reset',
-      },
-      errorCode: INCORRECT_EMAIL_PASSWORD,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.The username, email, or password you entered is incorrect. Please try again or reset your password.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match rate limit error message', () => {
-    props = {
-      errorCode: FORBIDDEN_REQUEST,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.Too many failed login attempts. Try again later.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match internal server error message', () => {
-    props = {
-      errorCode: INTERNAL_SERVER_ERROR,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.An error has occurred. Try refreshing the page, or check your internet connection.';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match invalid form error message', () => {
-    props = {
-      errorCode: INVALID_FORM,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.Please fill in the fields below.';
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match internal server of error message', () => {
-    props = {
-      errorCode: 'invalid-error-code',
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessage = 'We couldn\'t sign you in.An error has occurred. Try refreshing the page, or check your internet connection.';
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toBe(expectedMessage);
-  });
-
-  it('should match tpa authentication failed error message', () => {
-    props = {
-      errorCode: TPA_AUTHENTICATION_FAILURE,
-      errorCount: 0,
-      context: { errorMessage: 'An error occurred' },
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const expectedMessageSubstring = 'We are sorry, you are not authorized to access';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toContain(expectedMessageSubstring);
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toContain('An error occurred');
-  });
-
-  it('should show modal that nudges users to change password', () => {
-    props = {
-      errorCode: NUDGE_PASSWORD_CHANGE,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<MemoryRouter><IntlLoginFailureMessage {...props} /></MemoryRouter>));
-
-    const message = 'Our system detected that your password is vulnerable. '
-      + 'We recommend you change it so that your account stays secure.';
-    expect(screen.getByText(
-      'Password security',
-      { selector: '.pgn__modal-title' },
-    ).textContent).toEqual('Password security');
-    expect(screen.getByText(
-      '',
-      { selector: '.pgn__modal-body' },
-    ).textContent).toEqual(message);
-  });
-
-  it('should show modal that requires users to change password', () => {
-    props = {
-      errorCode: REQUIRE_PASSWORD_CHANGE,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<MemoryRouter><IntlLoginFailureMessage {...props} /></MemoryRouter>));
-
-    expect(screen.getByText(
-      'Password change required',
-      { selector: '.pgn__modal-title' },
-    ).textContent).toEqual('Password change required');
-    expect(screen.getByText(
-      '',
-      { selector: '.pgn__modal-body' },
-    ).textContent).toEqual(
-      'Our system detected that your password is vulnerable. '
-      + 'Change your password so that your account stays secure.',
-    );
-  });
-
-  it('should show message if staff user try to login through password', () => {
-    props = {
-      context: {
-        email: 'text@example.com',
-        allowedDomain: 'test.com',
-        provider: 'Google',
-        tpaHint: 'google-auth2',
-      },
-      errorCode: ALLOWED_DOMAIN_LOGIN_ERROR,
-      errorCount: 0,
-    };
-
-    render(providerWrapper(<IntlLoginFailureMessage {...props} />));
-
-    const errorMessage = "We couldn't sign you in.As test.com user, You must login with your test.com Google account.";
-    const url = 'http://localhost:8000/dashboard/?tpa_hint=google-auth2';
-
-    expect(screen.getByText(
-      '',
-      { selector: '#login-failure-alert' },
-    ).textContent).toContain(errorMessage);
-
-    expect(screen.getByRole('link', { name: 'Google account' }).getAttribute('href')).toBe(url);
-  });
-});