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

package/src/containers/CourseCard/components/CourseCardActions/ActionButton/hooks.test.js

@@ -1,48 +0,0 @@
-import { useWindowSize, breakpoints } from '@openedx/paragon';
-import useIsCollapsed from './hooks';
-
-jest.mock('@openedx/paragon', () => ({
-  ...jest.requireActual('@openedx/paragon'),
-  useWindowSize: jest.fn(),
-  breakpoints: {
-    extraSmall: {
-      minWidth: 0,
-      maxWidth: 575,
-    },
-    small: {
-      minWidth: 576,
-      maxWidth: 767,
-    },
-    medium: {
-      minWidth: 768,
-      maxWidth: 991,
-    },
-    large: {
-      minWidth: 992,
-      maxWidth: 1199,
-    },
-    extraLarge: {
-      minWidth: 1200,
-      maxWidth: 100000,
-    },
-  },
-}));
-
-describe('useIsCollapsed', () => {
-  it('returns true only when it is between medium and small', () => {
-    // make sure all three breakpoints gap is large enough for test
-    expect(
-      (breakpoints.large.maxWidth - 1)
-      > (breakpoints.medium.maxWidth - 1)
-      && (breakpoints.medium.maxWidth - 1)
-      > (breakpoints.small.maxWidth - 1),
-    ).toBe(true);
-
-    useWindowSize.mockReturnValue({ width: breakpoints.large.maxWidth - 1 });
-    expect(useIsCollapsed()).toEqual(false);
-    useWindowSize.mockReturnValue({ width: breakpoints.medium.maxWidth - 1 });
-    expect(useIsCollapsed()).toEqual(true);
-    useWindowSize.mockReturnValue({ width: breakpoints.small.maxWidth - 1 });
-    expect(useIsCollapsed()).toEqual(false);
-  });
-});

package/src/containers/CourseCard/components/CourseCardActions/ActionButton/index.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Button } from '@openedx/paragon';
-
-import useIsCollapsed from './hooks';
-
-export const ActionButton = (props) => {
-  const isSmall = useIsCollapsed();
-  return (
-    <Button
-      {...props}
-      {...isSmall && { size: 'sm' }}
-    />
-  );
-};
-
-export default ActionButton;

package/src/containers/CourseCard/components/CourseCardActions/ActionButton/index.test.jsx

@@ -1,28 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import ActionButton from '.';
-
-import useIsCollapsed from './hooks';
-
-jest.mock('./hooks', () => jest.fn());
-
-describe('ActionButton', () => {
-  const props = {
-    className: 'custom-class',
-    children: 'Test',
-  };
-
-  it('is collapsed', async () => {
-    useIsCollapsed.mockReturnValue(true);
-    render(<ActionButton {...props} />);
-    const button = screen.getByRole('button', { name: 'Test' });
-    expect(button).toHaveClass('btn-sm', 'custom-class');
-  });
-
-  it('is not collapsed', () => {
-    useIsCollapsed.mockReturnValue(false);
-    render(<ActionButton {...props} />);
-    const button = screen.getByRole('button', { name: 'Test' });
-    expect(button).toBeInTheDocument();
-    expect(button).not.toHaveClass('size', 'sm');
-  });
-});

package/src/containers/CourseCard/components/CourseCardActions/BeginCourseButton.jsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-
-import track from '../../../../tracking';
-import { reduxHooks } from '../../../../hooks';
-
-import useActionDisabledState from '../hooks';
-import ActionButton from './ActionButton';
-import messages from './messages';
-
-export const BeginCourseButton = ({ cardId }) => {
-  const { formatMessage } = useIntl();
-  const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);
-  const execEdTrackingParam = reduxHooks.useCardExecEdTrackingParam(cardId);
-  const { disableBeginCourse } = useActionDisabledState(cardId);
-
-  const handleClick = reduxHooks.useTrackCourseEvent(
-    track.course.enterCourseClicked,
-    cardId,
-    homeUrl + execEdTrackingParam,
-  );
-  return (
-    <ActionButton
-      disabled={disableBeginCourse}
-      as="a"
-      href="#"
-      onClick={handleClick}
-    >
-      {formatMessage(messages.beginCourse)}
-    </ActionButton>
-  );
-};
-BeginCourseButton.propTypes = {
-  cardId: PropTypes.string.isRequired,
-};
-export default BeginCourseButton;

package/src/containers/CourseCard/components/CourseCardActions/BeginCourseButton.test.jsx

@@ -1,89 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { IntlProvider } from '@openedx/frontend-base';
-import { reduxHooks } from '@src/hooks';
-import track from '@src/tracking';
-import useActionDisabledState from '../hooks';
-import BeginCourseButton from './BeginCourseButton';
-
-jest.mock('@src/tracking', () => ({
-  course: {
-    enterCourseClicked: jest.fn().mockName('segment.enterCourseClicked'),
-  },
-}));
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useCardCourseRunData: jest.fn(),
-    useCardExecEdTrackingParam: jest.fn(),
-    useTrackCourseEvent: jest.fn(),
-  },
-}));
-
-jest.mock('../hooks', () => jest.fn(() => ({ disableBeginCourse: false })));
-
-jest.mock('./ActionButton/hooks', () => jest.fn(() => false));
-
-const homeUrl = 'home-url';
-reduxHooks.useCardCourseRunData.mockReturnValue({ homeUrl });
-const execEdPath = (cardId) => `exec-ed-tracking-path=${cardId}`;
-reduxHooks.useCardExecEdTrackingParam.mockImplementation(execEdPath);
-reduxHooks.useTrackCourseEvent.mockImplementation(
-  (eventName, cardId, url) => ({ trackCourseEvent: { eventName, cardId, url } }),
-);
-
-const props = {
-  cardId: 'cardId',
-};
-
-const renderComponent = () => render(<IntlProvider locale="en"><BeginCourseButton {...props} /></IntlProvider>);
-
-describe('BeginCourseButton', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-  describe('initiliaze hooks', () => {
-    it('initializes course run data with cardId', () => {
-      renderComponent();
-      expect(reduxHooks.useCardCourseRunData).toHaveBeenCalledWith(props.cardId);
-    });
-    it('loads exec education path param', () => {
-      renderComponent();
-      expect(reduxHooks.useCardExecEdTrackingParam).toHaveBeenCalledWith(props.cardId);
-    });
-    it('loads disabled states for begin action from action hooks', () => {
-      renderComponent();
-      expect(useActionDisabledState).toHaveBeenCalledWith(props.cardId);
-    });
-  });
-  describe('behavior', () => {
-    describe('disabled', () => {
-      it('should be disabled', () => {
-        useActionDisabledState.mockReturnValueOnce({ disableBeginCourse: true });
-        renderComponent();
-        const button = screen.getByRole('button', { name: 'Begin Course' });
-        expect(button).toHaveClass('disabled');
-        expect(button).toHaveAttribute('aria-disabled', 'true');
-      });
-    });
-    describe('enabled', () => {
-      it('should be enabled', () => {
-        renderComponent();
-        const button = screen.getByRole('button', { name: 'Begin Course' });
-        expect(button).not.toHaveClass('disabled');
-        expect(button).not.toHaveAttribute('aria-disabled', 'true');
-      });
-      it('should track enter course clicked event on click, with exec ed param', async () => {
-        renderComponent();
-        const user = userEvent.setup();
-        const button = screen.getByRole('button', { name: 'Begin Course' });
-        user.click(button);
-        expect(reduxHooks.useTrackCourseEvent).toHaveBeenCalledWith(
-          track.course.enterCourseClicked,
-          props.cardId,
-          homeUrl + execEdPath(props.cardId),
-        );
-      });
-    });
-  });
-});

package/src/containers/CourseCard/components/CourseCardActions/ResumeButton.jsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-
-import track from '../../../../tracking';
-import { reduxHooks } from '../../../../hooks';
-
-import useActionDisabledState from '../hooks';
-import ActionButton from './ActionButton';
-import messages from './messages';
-
-export const ResumeButton = ({ cardId }) => {
-  const { formatMessage } = useIntl();
-  const { resumeUrl } = reduxHooks.useCardCourseRunData(cardId);
-  const execEdTrackingParam = reduxHooks.useCardExecEdTrackingParam(cardId);
-  const { disableResumeCourse } = useActionDisabledState(cardId);
-
-  const handleClick = reduxHooks.useTrackCourseEvent(
-    track.course.enterCourseClicked,
-    cardId,
-    resumeUrl + execEdTrackingParam,
-  );
-  return (
-    <ActionButton
-      disabled={disableResumeCourse}
-      as="a"
-      href="#"
-      onClick={handleClick}
-    >
-      {formatMessage(messages.resume)}
-    </ActionButton>
-  );
-};
-ResumeButton.propTypes = {
-  cardId: PropTypes.string.isRequired,
-};
-export default ResumeButton;

package/src/containers/CourseCard/components/CourseCardActions/ResumeButton.test.jsx

@@ -1,84 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { IntlProvider } from '@openedx/frontend-base';
-
-import { reduxHooks } from '@src/hooks';
-import track from '@src/tracking';
-import useActionDisabledState from '../hooks';
-import ResumeButton from './ResumeButton';
-
-jest.mock('@src/tracking', () => ({
-  course: {
-    enterCourseClicked: jest.fn().mockName('segment.enterCourseClicked'),
-  },
-}));
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useCardCourseRunData: jest.fn(),
-    useCardExecEdTrackingParam: jest.fn(),
-    useTrackCourseEvent: jest.fn(),
-  },
-}));
-jest.mock('../hooks', () => jest.fn(() => ({ disableResumeCourse: false })));
-
-jest.mock('./ActionButton/hooks', () => jest.fn(() => false));
-
-const resumeUrl = 'resume-url';
-reduxHooks.useCardCourseRunData.mockReturnValue({ resumeUrl });
-const execEdPath = (cardId) => `exec-ed-tracking-path=${cardId}`;
-reduxHooks.useCardExecEdTrackingParam.mockImplementation(execEdPath);
-reduxHooks.useTrackCourseEvent.mockImplementation(
-  (eventName, cardId, url) => ({ trackCourseEvent: { eventName, cardId, url } }),
-);
-
-describe('ResumeButton', () => {
-  const props = {
-    cardId: 'cardId',
-  };
-  describe('initialize hooks', () => {
-    beforeEach(() => render(<IntlProvider locale="en"><ResumeButton {...props} /></IntlProvider>));
-    it('initializes course run data with cardId', () => {
-      expect(reduxHooks.useCardCourseRunData).toHaveBeenCalledWith(props.cardId);
-    });
-    it('loads exec education path param', () => {
-      expect(reduxHooks.useCardExecEdTrackingParam).toHaveBeenCalledWith(props.cardId);
-    });
-    it('loads disabled states for resume action from action hooks', () => {
-      expect(useActionDisabledState).toHaveBeenCalledWith(props.cardId);
-    });
-  });
-  describe('behavior', () => {
-    describe('disabled', () => {
-      beforeEach(() => {
-        useActionDisabledState.mockReturnValueOnce({ disableResumeCourse: true });
-      });
-      it('should be disabled', () => {
-        render(<IntlProvider locale="en"><ResumeButton {...props} /></IntlProvider>);
-        const button = screen.getByRole('button', { name: 'Resume' });
-        expect(button).toHaveClass('disabled');
-        expect(button).toHaveAttribute('aria-disabled', 'true');
-      });
-    });
-    describe('enabled', () => {
-      it('should be enabled', () => {
-        render(<IntlProvider locale="en"><ResumeButton {...props} /></IntlProvider>);
-        const button = screen.getByRole('button', { name: 'Resume' });
-        expect(button).toBeInTheDocument();
-        expect(button).not.toHaveClass('disabled');
-        expect(button).not.toHaveAttribute('aria-disabled', 'true');
-      });
-      it('should track enter course clicked event on click, with exec ed param', async () => {
-        render(<IntlProvider locale="en"><ResumeButton {...props} /></IntlProvider>);
-        const user = userEvent.setup();
-        const button = screen.getByRole('button', { name: 'Resume' });
-        user.click(button);
-        expect(reduxHooks.useTrackCourseEvent).toHaveBeenCalledWith(
-          track.course.enterCourseClicked,
-          props.cardId,
-          resumeUrl + execEdPath(props.cardId),
-        );
-      });
-    });
-  });
-});

package/src/containers/CourseCard/components/CourseCardActions/SelectSessionButton.jsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-
-import { reduxHooks } from '../../../../hooks';
-
-import useActionDisabledState from '../hooks';
-import ActionButton from './ActionButton';
-import messages from './messages';
-
-export const SelectSessionButton = ({ cardId }) => {
-  const { formatMessage } = useIntl();
-  const { disableSelectSession } = useActionDisabledState(cardId);
-  const openSessionModal = reduxHooks.useUpdateSelectSessionModalCallback(cardId);
-  return (
-    <ActionButton
-      disabled={disableSelectSession}
-      onClick={openSessionModal}
-    >
-      {formatMessage(messages.selectSession)}
-    </ActionButton>
-  );
-};
-SelectSessionButton.propTypes = {
-  cardId: PropTypes.string.isRequired,
-};
-export default SelectSessionButton;

package/src/containers/CourseCard/components/CourseCardActions/SelectSessionButton.test.jsx

@@ -1,43 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { IntlProvider } from '@openedx/frontend-base';
-
-import { reduxHooks } from '@src/hooks';
-import useActionDisabledState from '../hooks';
-
-import SelectSessionButton from './SelectSessionButton';
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useUpdateSelectSessionModalCallback: jest.fn(),
-  },
-}));
-jest.mock('../hooks', () => jest.fn(() => ({ disableSelectSession: false })));
-
-jest.mock('./ActionButton/hooks', () => jest.fn(() => false));
-
-describe('SelectSessionButton', () => {
-  const props = { cardId: 'cardId' };
-  it('default render', () => {
-    render(<IntlProvider locale="en"><SelectSessionButton {...props} /></IntlProvider>);
-    const button = screen.getByRole('button', { name: 'Select Session' });
-    expect(button).toBeInTheDocument();
-  });
-  describe('if useActionDisabledState is false', () => {
-    it('should disabled Select Session', () => {
-      useActionDisabledState.mockReturnValueOnce({ disableSelectSession: true });
-      render(<IntlProvider locale="en"><SelectSessionButton {...props} /></IntlProvider>);
-      const button = screen.getByRole('button', { name: 'Select Session' });
-      expect(button).toBeDisabled();
-    });
-  });
-  describe('on click', () => {
-    it('should call openSessionModal', async () => {
-      render(<IntlProvider locale="en"><SelectSessionButton {...props} /></IntlProvider>);
-      const user = userEvent.setup();
-      const button = screen.getByRole('button', { name: 'Select Session' });
-      await user.click(button);
-      expect(reduxHooks.useUpdateSelectSessionModalCallback).toHaveBeenCalledWith(props.cardId);
-    });
-  });
-});

package/src/containers/CourseCard/components/CourseCardActions/ViewCourseButton.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-
-import track from '../../../../tracking';
-import { reduxHooks } from '../../../../hooks';
-
-import useActionDisabledState from '../hooks';
-import ActionButton from './ActionButton';
-import messages from './messages';
-
-export const ViewCourseButton = ({ cardId }) => {
-  const { formatMessage } = useIntl();
-  const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);
-  const { disableViewCourse } = useActionDisabledState(cardId);
-
-  const handleClick = reduxHooks.useTrackCourseEvent(
-    track.course.enterCourseClicked,
-    cardId,
-    homeUrl,
-  );
-  return (
-    <ActionButton
-      disabled={disableViewCourse}
-      as="a"
-      href="#"
-      onClick={handleClick}
-    >
-      {formatMessage(messages.viewCourse)}
-    </ActionButton>
-  );
-};
-ViewCourseButton.propTypes = {
-  cardId: PropTypes.string.isRequired,
-};
-export default ViewCourseButton;

package/src/containers/CourseCard/components/CourseCardActions/ViewCourseButton.test.jsx

@@ -1,55 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { IntlProvider } from '@openedx/frontend-base';
-
-import track from '@src/tracking';
-import { reduxHooks } from '@src/hooks';
-import useActionDisabledState from '../hooks';
-import ViewCourseButton from './ViewCourseButton';
-
-jest.mock('@src/tracking', () => ({
-  course: {
-    enterCourseClicked: jest.fn().mockName('segment.enterCourseClicked'),
-  },
-}));
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useCardCourseRunData: jest.fn(() => ({ homeUrl: 'homeUrl' })),
-    useTrackCourseEvent: jest.fn(),
-  },
-}));
-jest.mock('../hooks', () => jest.fn(() => ({ disableViewCourse: false })));
-
-jest.mock('./ActionButton/hooks', () => jest.fn(() => false));
-
-const defaultProps = { cardId: 'cardId' };
-const homeUrl = 'homeUrl';
-
-describe('ViewCourseButton', () => {
-  it('learner can view course', async () => {
-    render(<IntlProvider locale="en"><ViewCourseButton {...defaultProps} /></IntlProvider>);
-    const button = screen.getByRole('button', { name: 'View Course' });
-    expect(button).toBeInTheDocument();
-    expect(button).not.toHaveClass('disabled');
-    expect(button).not.toHaveAttribute('aria-disabled', 'true');
-  });
-  it('calls trackCourseEvent on click', async () => {
-    render(<IntlProvider locale="en"><ViewCourseButton {...defaultProps} /></IntlProvider>);
-    const user = userEvent.setup();
-    const button = screen.getByRole('button', { name: 'View Course' });
-    await user.click(button);
-    expect(reduxHooks.useTrackCourseEvent).toHaveBeenCalledWith(
-      track.course.enterCourseClicked,
-      defaultProps.cardId,
-      homeUrl,
-    );
-  });
-  it('learner cannot view course', () => {
-    useActionDisabledState.mockReturnValueOnce({ disableViewCourse: true });
-    render(<IntlProvider locale="en"><ViewCourseButton {...defaultProps} /></IntlProvider>);
-    const button = screen.getByRole('button', { name: 'View Course' });
-    expect(button).toHaveClass('disabled');
-    expect(button).toHaveAttribute('aria-disabled', 'true');
-  });
-});

package/src/containers/CourseCard/components/CourseCardActions/index.jsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { ActionRow } from '@openedx/paragon';
-
-import { reduxHooks } from '../../../../hooks';
-import CourseCardActionSlot from '../../../../slots/CourseCardActionSlot';
-
-import SelectSessionButton from './SelectSessionButton';
-import BeginCourseButton from './BeginCourseButton';
-import ResumeButton from './ResumeButton';
-import ViewCourseButton from './ViewCourseButton';
-
-export const CourseCardActions = ({ cardId }) => {
-  const { isEntitlement, isFulfilled } = reduxHooks.useCardEntitlementData(cardId);
-  const {
-    hasStarted,
-  } = reduxHooks.useCardEnrollmentData(cardId);
-  const { isArchived } = reduxHooks.useCardCourseRunData(cardId);
-
-  return (
-    <ActionRow data-test-id="CourseCardActions">
-      <CourseCardActionSlot cardId={cardId} />
-      {isEntitlement && (isFulfilled
-        ? <ViewCourseButton cardId={cardId} />
-        : <SelectSessionButton cardId={cardId} />
-      )}
-      {(isArchived && !isEntitlement) && (
-        <ViewCourseButton cardId={cardId} />
-      )}
-      {!(isArchived || isEntitlement) && (hasStarted
-        ? <ResumeButton cardId={cardId} />
-        : <BeginCourseButton cardId={cardId} />
-      )}
-    </ActionRow>
-  );
-};
-CourseCardActions.propTypes = {
-  cardId: PropTypes.string.isRequired,
-};
-
-export default CourseCardActions;

package/src/containers/CourseCard/components/CourseCardActions/index.test.jsx

@@ -1,95 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { reduxHooks } from '@src/hooks';
-
-import CourseCardActions from '.';
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useCardCourseRunData: jest.fn(),
-    useCardEnrollmentData: jest.fn(),
-    useCardEntitlementData: jest.fn(),
-    useMasqueradeData: jest.fn(),
-  },
-}));
-
-jest.mock('@src/slots/CourseCardActionSlot', () => jest.fn(() => <div>CourseCardActionSlot</div>));
-jest.mock('./SelectSessionButton', () => jest.fn(() => <div>SelectSessionButton</div>));
-jest.mock('./ViewCourseButton', () => jest.fn(() => <div>ViewCourseButton</div>));
-jest.mock('./BeginCourseButton', () => jest.fn(() => <div>BeginCourseButton</div>));
-jest.mock('./ResumeButton', () => jest.fn(() => <div>ResumeButton</div>));
-
-const cardId = 'test-card-id';
-const props = { cardId };
-
-describe('CourseCardActions', () => {
-  const mockHooks = ({
-    isEntitlement = false,
-    isExecEd2UCourse = false,
-    isFulfilled = false,
-    isArchived = false,
-    isVerified = false,
-    hasStarted = false,
-    isMasquerading = false,
-  } = {}) => {
-    reduxHooks.useCardEntitlementData.mockReturnValueOnce({ isEntitlement, isFulfilled });
-    reduxHooks.useCardCourseRunData.mockReturnValueOnce({ isArchived });
-    reduxHooks.useCardEnrollmentData.mockReturnValueOnce({ isExecEd2UCourse, isVerified, hasStarted });
-    reduxHooks.useMasqueradeData.mockReturnValueOnce({ isMasquerading });
-  };
-  const renderComponent = () => render(<CourseCardActions {...props} />);
-  describe('hooks', () => {
-    it('initializes redux hooks', () => {
-      mockHooks();
-      renderComponent();
-      expect(reduxHooks.useCardEntitlementData).toHaveBeenCalledWith(cardId);
-      expect(reduxHooks.useCardEnrollmentData).toHaveBeenCalledWith(cardId);
-      expect(reduxHooks.useCardCourseRunData).toHaveBeenCalledWith(cardId);
-    });
-  });
-  describe('output', () => {
-    describe('entitlement course', () => {
-      it('renders ViewCourseButton if fulfilled', () => {
-        mockHooks({ isEntitlement: true, isFulfilled: true });
-        renderComponent();
-        const ViewCourseButton = screen.getByText('ViewCourseButton');
-        expect(ViewCourseButton).toBeInTheDocument();
-      });
-      it('renders SelectSessionButton if not fulfilled', () => {
-        mockHooks({ isEntitlement: true });
-        renderComponent();
-        const SelectSessionButton = screen.getByText('SelectSessionButton');
-        expect(SelectSessionButton).toBeInTheDocument();
-      });
-    });
-    describe('not entitlement, verified, or exec ed', () => {
-      it('renders CourseCardActionSlot and ViewCourseButton for archived courses', () => {
-        mockHooks({ isArchived: true });
-        renderComponent();
-        const CourseCardActionSlot = screen.getByText('CourseCardActionSlot');
-        expect(CourseCardActionSlot).toBeInTheDocument();
-        const ViewCourseButton = screen.getByText('ViewCourseButton');
-        expect(ViewCourseButton).toBeInTheDocument();
-      });
-      describe('unstarted courses', () => {
-        it('renders CourseCardActionSlot and BeginCourseButton', () => {
-          mockHooks();
-          renderComponent();
-          const CourseCardActionSlot = screen.getByText('CourseCardActionSlot');
-          expect(CourseCardActionSlot).toBeInTheDocument();
-          const BeginCourseButton = screen.getByText('BeginCourseButton');
-          expect(BeginCourseButton).toBeInTheDocument();
-        });
-      });
-      describe('active courses (started, and not archived)', () => {
-        it('renders CourseCardActionSlot and ResumeButton', () => {
-          mockHooks({ hasStarted: true });
-          renderComponent();
-          const CourseCardActionSlot = screen.getByText('CourseCardActionSlot');
-          expect(CourseCardActionSlot).toBeInTheDocument();
-          const ResumeButton = screen.getByText('ResumeButton');
-          expect(ResumeButton).toBeInTheDocument();
-        });
-      });
-    });
-  });
-});

package/src/containers/CourseCard/components/CourseCardActions/messages.js

@@ -1,26 +0,0 @@
-import { defineMessages } from '@openedx/frontend-base';
-
-const messages = defineMessages({
-  beginCourse: {
-    id: 'learner-dash.courseCard.actions.beginCourse',
-    description: 'Course card begin-course button text',
-    defaultMessage: 'Begin Course',
-  },
-  resume: {
-    id: 'learner-dash.courseCard.actions.resume',
-    description: 'Course card resume button text',
-    defaultMessage: 'Resume',
-  },
-  viewCourse: {
-    id: 'learner-dash.courseCard.actions.viewCourse',
-    description: 'Course card view-course button text',
-    defaultMessage: 'View Course',
-  },
-  selectSession: {
-    id: 'learner-dash.courseCard.actions.selectSession',
-    description: 'Course card select-session button text',
-    defaultMessage: 'Select Session',
-  },
-});
-
-export default messages;