@openedx/frontend-app-learner-dashboard 1.0.0-alpha.5 → 1.0.0-alpha.6

package/src/containers/UnenrollConfirmModal/index.test.jsx

@@ -1,78 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { formatMessage } from '@src/testUtils';
-
-import { IntlProvider } from '@openedx/frontend-base';
-import { UnenrollConfirmModal } from '.';
-
-import * as hooks from './hooks';
-import messages from './components/messages';
-
-jest.mock('./hooks', () => ({
-  __esModule: true,
-  modalStates: jest.requireActual('./hooks').modalStates,
-  useUnenrollData: jest.fn(),
-}));
-
-describe('UnenrollConfirmModal component', () => {
-  const hookProps = {
-    confirm: jest.fn().mockName('hooks.confirm'),
-    reason: {
-      isSkipped: false,
-      reasonProps: 'other',
-    },
-    close: jest.fn().mockName('hooks.close'),
-    closeAndRefresh: jest.fn().mockName('hooks.closeAndRefresh'),
-    modalState: hooks.modalStates.confirm,
-  };
-  const closeModal = jest.fn().mockName('closeModal');
-  const cardId = 'cardId';
-  const props = {
-    closeModal,
-    show: true,
-    cardId,
-  };
-  it('hooks called with closeModal and cardId', () => {
-    hooks.useUnenrollData.mockReturnValueOnce(hookProps);
-    render(<IntlProvider><UnenrollConfirmModal {...props} /></IntlProvider>);
-    expect(hooks.useUnenrollData).toHaveBeenCalledWith({ closeModal, cardId });
-  });
-  it('modalStates.confirm display correct component and to have class shadow', () => {
-    hooks.useUnenrollData.mockReturnValueOnce(hookProps);
-    render(<IntlProvider><UnenrollConfirmModal {...props} /></IntlProvider>);
-    const confirmHeader = screen.getByText(formatMessage(messages.confirmHeader));
-    expect(confirmHeader).toBeInTheDocument();
-    const dialogContainer = screen.getByRole('dialog').firstElementChild;
-    expect(dialogContainer).toHaveClass('shadow');
-  });
-  it('modalStates.finished, reason given, display correct component', () => {
-    hooks.useUnenrollData.mockReturnValueOnce({ ...hookProps, modalState: hooks.modalStates.finished });
-    render(<IntlProvider><UnenrollConfirmModal {...props} /></IntlProvider>);
-    const finishHeading = screen.getByText(formatMessage(messages.finishHeading));
-    expect(finishHeading).toBeInTheDocument();
-    const thanksMsg = screen.getByText((text) => text.includes('Thank you'));
-    expect(thanksMsg).toBeInTheDocument();
-    expect(thanksMsg.innerHTML).toContain(formatMessage(messages.finishThanksText));
-  });
-  it('modalStates.finished, reason skipped', () => {
-    hooks.useUnenrollData.mockReturnValueOnce({
-      ...hookProps,
-      modalState: hooks.modalStates.finished,
-      reason: { isSkipped: true },
-    });
-    render(<IntlProvider><UnenrollConfirmModal {...props} /></IntlProvider>);
-    const finishHeading = screen.getByText(formatMessage(messages.finishHeading));
-    expect(finishHeading).toBeInTheDocument();
-    const thanksMsg = screen.queryByText((text) => text.includes('Thank you'));
-    expect(thanksMsg).toBeNull();
-    const finishMsg = screen.getByText(formatMessage(messages.finishText));
-    expect(finishMsg).toBeInTheDocument();
-  });
-  it('modalStates.reason, should display correct component with no shadow', () => {
-    hooks.useUnenrollData.mockReturnValueOnce({ ...hookProps, modalState: hooks.modalStates.reason });
-    render(<IntlProvider><UnenrollConfirmModal {...props} /></IntlProvider>);
-    const reasonHeading = screen.getByText(formatMessage(messages.reasonHeading));
-    expect(reasonHeading).toBeInTheDocument();
-    const dialogContainer = screen.getByRole('dialog').firstElementChild;
-    expect(dialogContainer).not.toHaveClass('shadow');
-  });
-});

package/src/data/constants/app.test.js

@@ -1,12 +0,0 @@
-import * as constants from './app';
-
-jest.unmock('./app');
-
-describe('app constants', () => {
-  test('locationId returns trimmed pathname', () => {
-    const old = window.location;
-    window.location = { pathName: '/somePath.jpg' };
-    expect(constants.locationId).toEqual(window.location.pathname.slice(1));
-    window.location = old;
-  });
-});

package/src/data/constants/course.js

@@ -1,17 +0,0 @@
-// Constants related to courses
-export const COURSE_MODES = {
-  VERIFIED: 'verified',
-  PROFESSIONAL: 'professional',
-  NO_ID_PROFESSIONAL: 'no-id-professional',
-  AUDIT: 'audit',
-  HONOR: 'honor',
-  EXECUTIVE_EDUCATION: 'executive-education',
-  PAID_EXECUTIVE_EDUCATION: 'paid-executive-education',
-  UNPAID_EXECUTIVE_EDUCATION: 'unpaid-executive-education',
-};
-
-export const EXECUTIVE_EDUCATION_COURSE_MODES = [
-  COURSE_MODES.EXECUTIVE_EDUCATION,
-  COURSE_MODES.PAID_EXECUTIVE_EDUCATION,
-  COURSE_MODES.UNPAID_EXECUTIVE_EDUCATION,
-];

package/src/data/constants/files.js

@@ -1,20 +0,0 @@
-import { StrictDict } from 'utils';
-
-export const FileTypes = StrictDict({
-  pdf: 'pdf',
-  jpg: 'jpg',
-  jpeg: 'jpeg',
-  png: 'png',
-  bmp: 'bmp',
-  txt: 'txt',
-  gif: 'gif',
-  jfif: 'jfif',
-  pjpeg: 'pjpeg',
-  pjp: 'pjp',
-  svg: 'svg',
-});
-
-export const downloadSingleLimit = 1610612736; // 1.5GB
-export const downloadAllLimit = 10737418240; // 10GB
-
-export default FileTypes;

package/src/data/constants/htmlKeys.js

@@ -1,21 +0,0 @@
-import { StrictDict } from 'utils';
-
-export const buttonStates = StrictDict({
-  default: 'default',
-  pending: 'pending',
-  error: 'error',
-});
-
-export const htmlProps = StrictDict({
-  disabled: 'disabled',
-  href: 'href',
-  onClick: 'onClick',
-  onChange: 'onChange',
-  onBlur: 'onBlur',
-  size: 'size',
-});
-
-export default {
-  buttonStates,
-  htmlProps,
-};

package/src/data/constants/requests.js

@@ -1,34 +0,0 @@
-import { StrictDict } from '../../utils';
-
-export const RequestStates = StrictDict({
-  inactive: 'inactive',
-  pending: 'pending',
-  completed: 'completed',
-  failed: 'failed',
-});
-
-export const RequestKeys = StrictDict({
-  initialize: 'initialize',
-  refreshList: 'refreshList',
-  newEntitlementEnrollment: 'newEntitlementEnrollment',
-  leaveEntitlementEnrollment: 'leaveEntitlementEnrollment',
-  switchEntitlementSession: 'switchEntitlementSession',
-  unenrollFromCourse: 'unenrollFromCourse',
-  updateEmailSettings: 'updateEmailSettings',
-  enrollEntitlementSession: 'enrollEntitlementSession',
-  leaveEntitlementSession: 'leaveEntitlementSession',
-  recommendedCourses: 'recommendedCourses',
-});
-
-export const ErrorCodes = StrictDict({
-  missingParam: 'ERR_MISSING_PARAM',
-});
-
-export const ErrorStatuses = StrictDict({
-  badRequest: 400,
-  unauthorized: 401,
-  forbidden: 403,
-  notFound: 404,
-  conflict: 409,
-  serverError: 500,
-});

package/src/data/contexts/GlobalDataContext.jsx

@@ -1,15 +0,0 @@
-import { createContext } from 'react';
-
-const GlobalDataContext = createContext({
-  emailConfirmation: {
-    isNeeded: false,
-    sendEmailUrl: '',
-  },
-  platformSettings: {
-    courseSearchUrl: '',
-  },
-  setEmailConfirmation: null,
-  setPlatformSettings: null,
-});
-
-export default GlobalDataContext;

package/src/data/contexts/GlobalDataProvider.jsx

@@ -1,23 +0,0 @@
-import { useState, useMemo } from 'react';
-
-import GlobalDataContext from './GlobalDataContext';
-
-export default function GlobalDataProvider({ children }) {
-  const [emailConfirmation, setEmailConfirmation] = useState({ isNeeded: false, sendEmailUrl: '' });
-  const [platformSettings, setPlatformSettings] = useState({ courseSearchUrl: '' });
-
-  const value = useMemo(() => ({
-    emailConfirmation,
-    platformSettings,
-    setEmailConfirmation,
-    setPlatformSettings,
-  }), [emailConfirmation, platformSettings]);
-
-  return (
-    <GlobalDataContext.Provider value={value}>
-      {children}
-    </GlobalDataContext.Provider>
-  );
-}
-
-

package/src/data/contexts/MasqueradeUserContext.jsx

@@ -1,16 +0,0 @@
-import { createContext } from 'react';
-
-const MasqueradeUserContext = createContext({
-  masqueradeUser: undefined,
-  masqueradeIsSuccess: undefined,
-  masqueradeIsPending: undefined,
-  masqueradeIsError: undefined,
-  masqueradeError: undefined,
-  setMasqueradeUser: undefined,
-  setMasqueradeIsSuccess: undefined,
-  setMasqueradeIsPending: undefined,
-  setMasqueradeIsError: undefined,
-  setMasqueradeError: undefined,
-});
-
-export default MasqueradeUserContext;

package/src/data/contexts/MasqueradeUserProvider.jsx

@@ -1,31 +0,0 @@
-import { useState, useMemo } from 'react';
-
-import MasqueradeUserContext from './MasqueradeUserContext';
-
-export default function MasqueradeUserProvider({ children }) {
-  const [masqueradeUser, setMasqueradeUser] = useState(null);
-  const [masqueradeIsSuccess, setMasqueradeIsSuccess] = useState(false);
-  const [masqueradeIsPending, setMasqueradeIsPending] = useState(false);
-  const [masqueradeIsError, setMasqueradeIsError] = useState(false);
-  const [masqueradeError, setMasqueradeError] = useState(null);
-
-  const value = useMemo(() => ({
-    masqueradeUser,
-    masqueradeIsPending,
-    masqueradeIsSuccess,
-    masqueradeIsError,
-    masqueradeError,
-    setMasqueradeUser,
-    setMasqueradeIsPending,
-    setMasqueradeIsSuccess,
-    setMasqueradeIsError,
-    setMasqueradeError,
-  }), [masqueradeUser, masqueradeIsSuccess, masqueradeIsPending, masqueradeIsError, masqueradeError]);
-
-  return (
-    <MasqueradeUserContext.Provider value={value}>
-      {children}
-    </MasqueradeUserContext.Provider>
-  );
-}
-

package/src/data/redux/app/reducer.js

@@ -1,81 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-
-import { StrictDict } from '../../../utils';
-
-const initialState = {
-  pageNumber: 1,
-  courseData: {},
-  entitlement: [],
-  emailConfirmation: {},
-  enterpriseDashboard: {},
-  platformSettings: {},
-  suggestedCourses: [],
-  selectSessionModal: {},
-  filters: [],
-};
-
-export const cardId = (val) => `card-${val}`;
-
-export const today = Date.now();
-
-/**
- * Creates a redux slice with actions to load dashboard data and manage visual layout
- */
-const app = createSlice({
-  name: 'app',
-  initialState,
-  reducers: {
-    loadCourses: (state, { payload: { courses } }) => ({
-      ...state,
-      courseData: courses.reduce(
-        (obj, curr, index) => {
-          const out = { ...curr, cardId: cardId(index) };
-          if (out.enrollment.lastEnrolled === null) {
-            out.enrollment.lastEnrolled = today;
-          }
-          return { ...obj, [cardId(index)]: out };
-        },
-        {},
-      ),
-    }),
-    loadGlobalData: (state, { payload }) => ({
-      ...state,
-      emailConfirmation: payload.emailConfirmation,
-      enterpriseDashboard: payload.enterpriseDashboard,
-      platformSettings: payload.platformSettings,
-      suggestedCourses: payload.suggestedCourses,
-      socialShareSettings: payload.socialShareSettings,
-    }),
-    updateSelectSessionModal: (state, { payload }) => ({
-      ...state,
-      selectSessionModal: { cardId: payload },
-    }),
-    setPageNumber: (state, { payload }) => ({ ...state, pageNumber: payload }),
-    setFilters: (state, { payload }) => ({
-      ...state,
-      filters: payload,
-    }),
-    addFilter: (state, { payload }) => ({
-      ...state,
-      filters: [...state.filters, payload],
-    }),
-    removeFilter: (state, { payload }) => ({
-      ...state,
-      filters: state.filters.filter(item => item !== payload),
-    }),
-    clearFilters: (state) => ({
-      ...state,
-      filters: [],
-    }),
-  },
-});
-
-const actions = StrictDict(app.actions);
-
-const { reducer } = app;
-
-export {
-  actions,
-  initialState,
-  reducer,
-};

package/src/data/redux/app/reducer.test.js

@@ -1,124 +0,0 @@
-import {
-  cardId,
-  initialState,
-  reducer,
-  actions,
-  today,
-} from './reducer';
-
-describe('app reducer', () => {
-  describe('reducers', () => {
-    beforeEach(() => {
-      jest.useFakeTimers();
-    });
-    it('returns initial state', () => {
-      expect(reducer(undefined, {})).toEqual(initialState);
-    });
-    const initialFilter = 'initial filter';
-    const testState = {
-      ...initialState,
-      enrollments: [],
-      courseData: {
-      },
-      entitlement: [],
-      filters: [initialFilter],
-    };
-    describe('action handlers', () => {
-      describe('loadCourses', () => {
-        const courseIds = [
-          'course-1',
-          'course-2',
-          'course-3',
-        ];
-        const entitlementIds = [
-          'entitlement-course-1',
-          'entitlement-course-2',
-        ];
-        const enrollmentData = [
-          {
-            courseRun: { cardId: courseIds[0] },
-            course: 1,
-            some: 'data',
-            enrollment: { lastEnrolled: 'test-last-enrolled' },
-          },
-          {
-            courseRun: { cardId: courseIds[1] },
-            course: 2,
-            some: 'other data',
-            enrollment: { lastEnrolled: 'test-last-enrolled' },
-          },
-          {
-            courseRun: { cardId: courseIds[2] },
-            course: 3,
-            some: 'still different data',
-            enrollment: { lastEnrolled: 'test-last-enrolled' },
-          },
-        ];
-        const entitlementData = [
-          {
-            courseRun: { cardId: entitlementIds[0] },
-            course: 4,
-            some: 'STILL different data',
-            enrollment: { lastEnrolled: null },
-          },
-          {
-            courseRun: { cardId: entitlementIds[1] },
-            course: 5,
-            some: 'still DIFFERENT data',
-            enrollment: { lastEnrolled: null },
-          },
-        ];
-        let out;
-        beforeEach(() => {
-          out = reducer(testState, actions.loadCourses({
-            courses: [...enrollmentData, ...entitlementData],
-          }));
-        });
-        it('loads object keyed by courseRun ids into courseData field', () => {
-          expect(out.courseData).toEqual({
-            [cardId(0)]: { ...enrollmentData[0], cardId: cardId(0) },
-            [cardId(1)]: { ...enrollmentData[1], cardId: cardId(1) },
-            [cardId(2)]: {
-              ...enrollmentData[2],
-              cardId: cardId(2),
-            },
-            [cardId(3)]: {
-              ...entitlementData[0],
-              cardId: cardId(3),
-              enrollment: { lastEnrolled: today },
-            },
-            [cardId(4)]: {
-              ...entitlementData[1],
-              cardId: cardId(4),
-              enrollment: { lastEnrolled: today },
-            },
-          });
-        });
-      });
-      describe('filters', () => {
-        const newFilter = 'new filter';
-        let out;
-        beforeEach(() => {
-          out = reducer(testState, {});
-        });
-        it('overwrites the filters object when using setFilters', () => {
-          expect(out.filters).toEqual([initialFilter]);
-          out = reducer(testState, actions.setFilters([newFilter]));
-          expect(out.filters).toEqual([newFilter]);
-        });
-        it('adds a filter when using addFilter', () => {
-          out = reducer(testState, actions.addFilter(newFilter));
-          expect(out.filters).toEqual([initialFilter, newFilter]);
-        });
-        it('removes a filter when using removeFilter', () => {
-          out = reducer(testState, actions.removeFilter(initialFilter));
-          expect(out.filters).toEqual([]);
-        });
-        it('clears the filters when using clearFilters', () => {
-          out = reducer(testState, actions.clearFilters());
-          expect(out.filters).toEqual([]);
-        });
-      });
-    });
-  });
-});

package/src/data/redux/app/selectors/appSelectors.js

@@ -1,23 +0,0 @@
-import { createSelector } from 'reselect';
-
-import { StrictDict } from '../../../../utils';
-
-import simpleSelectors from './simpleSelectors';
-import * as module from './appSelectors';
-
-export const numCourses = createSelector(
-  [simpleSelectors.courseData],
-  (courseData) => Object.keys(courseData).length,
-);
-export const hasCourses = createSelector([module.numCourses], (num) => num > 0);
-
-export const showSelectSessionModal = createSelector(
-  [simpleSelectors.selectSessionModal],
-  (data) => data.cardId != null,
-);
-
-export default StrictDict({
-  numCourses,
-  hasCourses,
-  showSelectSessionModal,
-});

package/src/data/redux/app/selectors/appSelectors.test.js

@@ -1,28 +0,0 @@
-import simpleSelectors from './simpleSelectors';
-import * as appSelectors from './appSelectors';
-
-describe('basic app selectors', () => {
-  describe('numCourses', () => {
-    it('returns the number of courses in the courseData object', () => {
-      const { preSelectors, cb } = appSelectors.numCourses;
-      expect(preSelectors).toEqual([simpleSelectors.courseData]);
-      expect(cb({ course1: 'data', course2: 'data', course3: 'data' })).toEqual(3);
-    });
-  });
-  describe('hasCourses', () => {
-    it('returns true iff numCourses is greater than 0', () => {
-      const { preSelectors, cb } = appSelectors.hasCourses;
-      expect(preSelectors).toEqual([appSelectors.numCourses]);
-      expect(cb(3)).toEqual(true);
-      expect(cb(0)).toEqual(false);
-    });
-  });
-  describe('showSelectSessionModal', () => {
-    it('returns true if the selectSessionModal cardId is not null', () => {
-      const { preSelectors, cb } = appSelectors.showSelectSessionModal;
-      expect(preSelectors).toEqual([simpleSelectors.selectSessionModal]);
-      expect(cb({ cardId: 'test' })).toEqual(true);
-      expect(cb({ data: 'test' })).toEqual(false);
-    });
-  });
-});