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

package/src/containers/CourseCard/components/CourseCardMenu/SocialShareMenu.test.jsx

@@ -1,206 +0,0 @@
-import { IntlProvider } from '@openedx/frontend-base';
-import { render, screen } from '@testing-library/react';
-import { when } from 'jest-when';
-import track from '@src/tracking';
-import { reduxHooks } from '@src/hooks';
-import MasqueradeUserContext from '@src/data/contexts/MasqueradeUserContext';
-
-import { useEmailSettings } from './hooks';
-import SocialShareMenu from './SocialShareMenu';
-import messages from './messages';
-
-jest.mock('@src/tracking', () => ({
-  socialShare: 'test-social-share-key',
-}));
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useCardCourseData: jest.fn(),
-    useCardEnrollmentData: jest.fn(),
-    useCardSocialSettingsData: jest.fn(),
-    useTrackCourseEvent: jest.fn((...args) => ({ trackCourseEvent: args })),
-  },
-}));
-jest.mock('./hooks', () => ({
-  useEmailSettings: jest.fn(),
-}));
-
-const props = {
-  cardId: 'test-card-id',
-  emailSettings: { show: jest.fn() },
-};
-
-const mockHook = (fn, returnValue, options = {}) => {
-  if (options.isCardHook) {
-    when(fn).calledWith(props.cardId).mockReturnValue(returnValue);
-  } else {
-    when(fn).calledWith().mockReturnValue(returnValue);
-  }
-};
-
-const courseName = 'test-course-name';
-
-const socialShare = {
-  facebook: {
-    isEnabled: true,
-    shareUrl: 'facebook-share-url',
-    socialBrand: 'facebook-social-brand',
-  },
-  twitter: {
-    isEnabled: true,
-    shareUrl: 'twitter-share-url',
-    socialBrand: 'twitter-social-brand',
-  },
-};
-
-const mockHooks = (returnVals = {}) => {
-  mockHook(
-    reduxHooks.useCardEnrollmentData,
-    {
-      isEmailEnabled: !!returnVals.isEmailEnabled,
-      isExecEd2UCourse: !!returnVals.isExecEd2UCourse,
-    },
-    { isCardHook: true },
-  );
-  mockHook(reduxHooks.useCardCourseData, { courseName }, { isCardHook: true });
-  mockHook(
-    reduxHooks.useCardSocialSettingsData,
-    {
-      facebook: { ...socialShare.facebook, isEnabled: !!returnVals.facebook?.isEnabled },
-      twitter: { ...socialShare.twitter, isEnabled: !!returnVals.twitter?.isEnabled },
-    },
-    { isCardHook: true },
-  );
-};
-
-const renderComponent = (isMasquerading = false) => render(
-  <IntlProvider locale="en">
-    <MasqueradeUserContext.Provider value={{ isMasquerading }}>
-      <SocialShareMenu {...props} />
-    </MasqueradeUserContext.Provider>
-  </IntlProvider>,
-);
-
-describe('SocialShareMenu', () => {
-  describe('behavior', () => {
-    beforeEach(() => {
-      mockHooks();
-      renderComponent();
-    });
-    it('initializes local hooks', () => {
-      when(useEmailSettings).expectCalledWith();
-    });
-    it('initializes redux hook data ', () => {
-      when(reduxHooks.useCardEnrollmentData).expectCalledWith(props.cardId);
-      when(reduxHooks.useCardCourseData).expectCalledWith(props.cardId);
-      when(reduxHooks.useCardSocialSettingsData).expectCalledWith(props.cardId);
-      when(reduxHooks.useTrackCourseEvent).expectCalledWith(track.socialShare, props.cardId, 'twitter');
-      when(reduxHooks.useTrackCourseEvent).expectCalledWith(track.socialShare, props.cardId, 'facebook');
-    });
-  });
-  describe('render', () => {
-    it('renders null if exec ed course', () => {
-      mockHooks({ isExecEd2UCourse: true });
-      renderComponent();
-      const emailSettingsButton = screen.queryByRole('button', { name: messages.emailSettings.defaultMessage });
-      expect(emailSettingsButton).toBeNull();
-      const facebookShareButton = screen.queryByRole('button', { name: 'facebook' });
-      expect(facebookShareButton).toBeNull();
-      const twitterShareButton = screen.queryByRole('button', { name: 'twitter' });
-      expect(twitterShareButton).toBeNull();
-    });
-    const testEmailSettingsDropdown = (isMasquerading = false) => {
-      describe('email settings dropdown', () => {
-        it('renders', () => {
-          const emailSettingsButton = screen.getByRole('button', { name: messages.emailSettings.defaultMessage });
-          expect(emailSettingsButton).toBeInTheDocument();
-        });
-        if (isMasquerading) {
-          it('is disabled', () => {
-            const emailSettingsButton = screen.getByRole('button', { name: messages.emailSettings.defaultMessage });
-            expect(emailSettingsButton).toBeInTheDocument();
-            expect(emailSettingsButton).toHaveAttribute('aria-disabled', 'true');
-            expect(emailSettingsButton).toHaveClass('disabled');
-          });
-        } else {
-          it('is enabled', () => {
-            const emailSettingsButton = screen.getByRole('button', { name: messages.emailSettings.defaultMessage });
-            expect(emailSettingsButton).toBeEnabled();
-          });
-        }
-      });
-    };
-    const testFacebookShareButton = () => {
-      it('renders facebook share button', () => {
-        const facebookShareButton = screen.getByRole('button', { name: 'facebook' });
-        expect(facebookShareButton).toBeInTheDocument();
-      });
-    };
-    const testTwitterShareButton = () => {
-      it('renders twitter share button', () => {
-        const twitterShareButton = screen.getByRole('button', { name: 'twitter' });
-        expect(twitterShareButton).toBeInTheDocument();
-      });
-    };
-    describe('all enabled', () => {
-      beforeEach(() => {
-        mockHooks({
-          facebook: { isEnabled: true },
-          twitter: { isEnabled: true },
-          isEmailEnabled: true,
-        });
-        renderComponent();
-      });
-      testEmailSettingsDropdown();
-      testFacebookShareButton();
-      testTwitterShareButton();
-    });
-    describe('only email enabled', () => {
-      beforeEach(() => {
-        jest.clearAllMocks();
-        mockHooks({ isEmailEnabled: true });
-        renderComponent();
-      });
-      testEmailSettingsDropdown();
-      it('does not render facebook or twitter controls', () => {
-        const facebookShareButton = screen.queryByRole('button', { name: 'facebook' });
-        expect(facebookShareButton).toBeNull();
-        const twitterShareButton = screen.queryByRole('button', { name: 'twitter' });
-        expect(twitterShareButton).toBeNull();
-      });
-    });
-    describe('masquerading', () => {
-      beforeEach(() => {
-        mockHooks({ isEmailEnabled: true });
-        renderComponent(true);
-      });
-      testEmailSettingsDropdown(true);
-    });
-    describe('only facebook enabled', () => {
-      beforeEach(() => {
-        mockHooks({ facebook: { isEnabled: true } });
-        renderComponent();
-      });
-      testFacebookShareButton();
-      it('does not render email or twitter controls', () => {
-        const emailSettingsButton = screen.queryByRole('button', { name: messages.emailSettings.defaultMessage });
-        expect(emailSettingsButton).toBeNull();
-        const twitterShareButton = screen.queryByRole('button', { name: 'twitter' });
-        expect(twitterShareButton).toBeNull();
-      });
-    });
-    describe('only twitter enabled', () => {
-      beforeEach(() => {
-        mockHooks({ twitter: { isEnabled: true } });
-        renderComponent();
-      });
-      testTwitterShareButton();
-      it('does not render email or facebook controls', () => {
-        const emailSettingsButton = screen.queryByRole('button', { name: messages.emailSettings.defaultMessage });
-        expect(emailSettingsButton).toBeNull();
-        const facebookShareButton = screen.queryByRole('button', { name: 'facebook' });
-        expect(facebookShareButton).toBeNull();
-      });
-    });
-  });
-});

package/src/containers/CourseCard/components/CourseCardMenu/hooks.js

@@ -1,59 +0,0 @@
-import { useState } from 'react';
-
-import { reduxHooks } from '../../../../hooks';
-import track from '../../../../tracking';
-import { StrictDict } from '../../../../utils';
-
-export const state = StrictDict({
-  isUnenrollConfirmVisible: (val) => useState(val), // eslint-disable-line
-  isEmailSettingsVisible: (val) => useState(val), // eslint-disable-line
-});
-
-export const useUnenrollData = () => {
-  const [isVisible, setIsVisible] = state.isUnenrollConfirmVisible(false);
-  return {
-    show: () => setIsVisible(true),
-    hide: () => setIsVisible(false),
-    isVisible,
-  };
-};
-
-export const useEmailSettings = () => {
-  const [isVisible, setIsVisible] = state.isEmailSettingsVisible(false);
-  return {
-    show: () => setIsVisible(true),
-    hide: () => setIsVisible(false),
-    isVisible,
-  };
-};
-
-export const useHandleToggleDropdown = (cardId) => {
-  const trackCourseEvent = reduxHooks.useTrackCourseEvent(
-    track.course.courseOptionsDropdownClicked,
-    cardId,
-  );
-  return (isOpen) => {
-    if (isOpen) {
-      trackCourseEvent();
-    }
-  };
-};
-
-export const useOptionVisibility = (cardId) => {
-  const { isEnrolled, isEmailEnabled } = reduxHooks.useCardEnrollmentData(cardId);
-  const { twitter, facebook } = reduxHooks.useCardSocialSettingsData(cardId);
-  const { isEarned } = reduxHooks.useCardCertificateData(cardId);
-
-  const shouldShowUnenrollItem = isEnrolled && !isEarned;
-  const shouldShowDropdown = (
-    shouldShowUnenrollItem
-    || isEmailEnabled
-    || facebook.isEnabled
-    || twitter.isEnabled
-  );
-
-  return {
-    shouldShowUnenrollItem,
-    shouldShowDropdown,
-  };
-};

package/src/containers/CourseCard/components/CourseCardMenu/hooks.test.js

@@ -1,146 +0,0 @@
-import { reduxHooks } from '@src/hooks';
-import track from '@src/tracking';
-import { MockUseState } from '@src/testUtils';
-
-import * as hooks from './hooks';
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useCardCertificateData: jest.fn(),
-    useCardEnrollmentData: jest.fn(),
-    useCardSocialSettingsData: jest.fn(),
-    useTrackCourseEvent: jest.fn(),
-  },
-}));
-
-const trackCourseEvent = jest.fn();
-reduxHooks.useTrackCourseEvent.mockReturnValue(trackCourseEvent);
-const cardId = 'test-card-id';
-let out;
-
-const state = new MockUseState(hooks);
-
-describe('CourseCardMenu hooks', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-    state.mock();
-  });
-  describe('useUnenrollData', () => {
-    beforeEach(() => {
-      out = hooks.useUnenrollData();
-    });
-    describe('behavior', () => {
-      it('initializes isUnenrollConfirmVisible state to false', () => {
-        state.expectInitializedWith(state.keys.isUnenrollConfirmVisible, false);
-      });
-    });
-    describe('output', () => {
-      test('show sets state value to true', () => {
-        out.show();
-        expect(state.setState.isUnenrollConfirmVisible).toHaveBeenCalledWith(true);
-      });
-      test('hide sets state value to false', () => {
-        out.hide();
-        expect(state.setState.isUnenrollConfirmVisible).toHaveBeenCalledWith(false);
-      });
-    });
-  });
-
-  describe('useEmailSettings', () => {
-    beforeEach(() => {
-      out = hooks.useEmailSettings();
-    });
-    describe('behavior', () => {
-      it('initializes isEmailSettingsVisible state to false', () => {
-        state.expectInitializedWith(state.keys.isEmailSettingsVisible, false);
-      });
-    });
-    describe('output', () => {
-      test('show sets state value to true', () => {
-        out.show();
-        expect(state.setState.isEmailSettingsVisible).toHaveBeenCalledWith(true);
-      });
-      test('hide sets state value to false', () => {
-        out.hide();
-        expect(state.setState.isEmailSettingsVisible).toHaveBeenCalledWith(false);
-      });
-    });
-  });
-
-  describe('useHandleToggleDropdown', () => {
-    beforeEach(() => {
-      out = hooks.useHandleToggleDropdown(cardId);
-    });
-    describe('behavior', () => {
-      it('initializes course event tracker with event name and card ID', () => {
-        expect(reduxHooks.useTrackCourseEvent).toHaveBeenCalledWith(
-          track.course.courseOptionsDropdownClicked,
-          cardId,
-        );
-      });
-    });
-    describe('returned method', () => {
-      it('calls trackCourseEvent iff true is passed', () => {
-        out(false);
-        expect(trackCourseEvent).not.toHaveBeenCalled();
-        out(true);
-        expect(trackCourseEvent).toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('useOptionVisibility', () => {
-    const mockReduxHooks = (returnVals = {}) => {
-      reduxHooks.useCardSocialSettingsData.mockReturnValueOnce({
-        facebook: { isEnabled: !!returnVals.facebook?.isEnabled },
-        twitter: { isEnabled: !!returnVals.twitter?.isEnabled },
-      });
-      reduxHooks.useCardEnrollmentData.mockReturnValueOnce({
-        isEnrolled: !!returnVals.isEnrolled,
-        isEmailEnabled: !!returnVals.isEmailEnabled,
-      });
-      reduxHooks.useCardCertificateData.mockReturnValueOnce({
-        isEarned: !!returnVals.isEarned,
-      });
-    };
-    describe('shouldShowUnenrollItem', () => {
-      it('returns true if enrolled and not earned', () => {
-        mockReduxHooks({ isEnrolled: true });
-        expect(hooks.useOptionVisibility(cardId).shouldShowUnenrollItem).toEqual(true);
-      });
-      it('returns false if not enrolled', () => {
-        mockReduxHooks();
-        expect(hooks.useOptionVisibility(cardId).shouldShowUnenrollItem).toEqual(false);
-      });
-      it('returns false if enrolled but also earned', () => {
-        mockReduxHooks({ isEarned: true });
-        expect(hooks.useOptionVisibility(cardId).shouldShowUnenrollItem).toEqual(false);
-      });
-    });
-
-    describe('shouldShowDropdown', () => {
-      it('returns false if not enrolled and both email and socials are disabled', () => {
-        mockReduxHooks();
-        expect(hooks.useOptionVisibility(cardId).shouldShowDropdown).toEqual(false);
-      });
-      it('returns false if enrolled but already earned, and both email and socials are disabled', () => {
-        mockReduxHooks({ isEnrolled: true, isEarned: true });
-        expect(hooks.useOptionVisibility(cardId).shouldShowDropdown).toEqual(false);
-      });
-      it('returns true if either social is enabled', () => {
-        mockReduxHooks({ facebook: { isEnabled: true } });
-        expect(hooks.useOptionVisibility(cardId).shouldShowDropdown).toEqual(true);
-        mockReduxHooks({ twitter: { isEnabled: true } });
-        expect(hooks.useOptionVisibility(cardId).shouldShowDropdown).toEqual(true);
-      });
-      it('returns true if email is enabled', () => {
-        mockReduxHooks({ isEmailEnabled: true });
-        expect(hooks.useOptionVisibility(cardId).shouldShowDropdown).toEqual(true);
-      });
-      it('returns true if enrolled and not earned', () => {
-        mockReduxHooks({ isEnrolled: true });
-        expect(hooks.useOptionVisibility(cardId).shouldShowDropdown).toEqual(true);
-      });
-    });
-  });
-});

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

@@ -1,84 +0,0 @@
-import { useContext } from 'react';
-import PropTypes from 'prop-types';
-
-import { useIntl } from '@openedx/frontend-base';
-import { Dropdown, Icon, IconButton } from '@openedx/paragon';
-import { MoreVert } from '@openedx/paragon/icons';
-
-import MasqueradeUserContext from '../../../../data/contexts/MasqueradeUserContext';
-import EmailSettingsModal from '../../../../containers/EmailSettingsModal';
-import UnenrollConfirmModal from '../../../../containers/UnenrollConfirmModal';
-import { reduxHooks } from '../../../../hooks';
-
-import SocialShareMenu from './SocialShareMenu';
-import {
-  useEmailSettings,
-  useUnenrollData,
-  useHandleToggleDropdown,
-  useOptionVisibility,
-} from './hooks';
-
-import messages from './messages';
-
-export const testIds = {
-  unenrollModalToggle: 'unenrollModalToggle',
-};
-
-export const CourseCardMenu = ({ cardId }) => {
-  const { formatMessage } = useIntl();
-
-  const emailSettings = useEmailSettings();
-  const unenrollModal = useUnenrollData();
-  const handleToggleDropdown = useHandleToggleDropdown(cardId);
-  const { shouldShowUnenrollItem, shouldShowDropdown } = useOptionVisibility(cardId);
-  const { isMasquerading } = useContext(MasqueradeUserContext);
-  const { isEmailEnabled } = reduxHooks.useCardEnrollmentData(cardId);
-
-  if (!shouldShowDropdown) {
-    return null;
-  }
-
-  return (
-    <>
-      <Dropdown onToggle={handleToggleDropdown}>
-        <Dropdown.Toggle
-          id={`course-actions-dropdown-${cardId}`}
-          as={IconButton}
-          src={MoreVert}
-          iconAs={Icon}
-          variant="primary"
-          alt={formatMessage(messages.dropdownAlt)}
-        />
-        <Dropdown.Menu>
-          {shouldShowUnenrollItem && (
-            <Dropdown.Item
-              disabled={isMasquerading}
-              onClick={unenrollModal.show}
-              data-testid={testIds.unenrollModalToggle}
-            >
-              {formatMessage(messages.unenroll)}
-            </Dropdown.Item>
-          )}
-          <SocialShareMenu cardId={cardId} emailSettings={emailSettings} />
-        </Dropdown.Menu>
-      </Dropdown>
-      <UnenrollConfirmModal
-        show={unenrollModal.isVisible}
-        closeModal={unenrollModal.hide}
-        cardId={cardId}
-      />
-      {isEmailEnabled && (
-        <EmailSettingsModal
-          show={emailSettings.isVisible}
-          closeModal={emailSettings.hide}
-          cardId={cardId}
-        />
-      )}
-    </>
-  );
-};
-CourseCardMenu.propTypes = {
-  cardId: PropTypes.string.isRequired,
-};
-
-export default CourseCardMenu;

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

@@ -1,180 +0,0 @@
-import { when } from 'jest-when';
-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 MasqueradeUserContext from '@src/data/contexts/MasqueradeUserContext';
-import * as hooks from './hooks';
-import CourseCardMenu from '.';
-import messages from './messages';
-
-jest.mock('@src/hooks', () => ({
-  reduxHooks: {
-    useCardEnrollmentData: jest.fn(),
-  },
-}));
-jest.mock('./SocialShareMenu', () => jest.fn(() => <div>SocialShareMenu</div>));
-jest.mock('@src/containers/EmailSettingsModal', () => jest.fn(() => <div>EmailSettingsModal</div>));
-jest.mock('@src/containers/UnenrollConfirmModal', () => jest.fn(() => <div>UnenrollConfirmModal</div>));
-jest.mock('./hooks', () => ({
-  useEmailSettings: jest.fn(),
-  useUnenrollData: jest.fn(),
-  useHandleToggleDropdown: jest.fn(),
-  useOptionVisibility: jest.fn(),
-}));
-
-const props = {
-  cardId: 'test-card-id',
-};
-
-const emailSettings = {
-  isVisible: false,
-  show: jest.fn().mockName('emailSettingShow'),
-  hide: jest.fn().mockName('emailSettingHide'),
-};
-
-const unenrollData = {
-  isVisible: false,
-  show: jest.fn().mockName('unenrollShow'),
-  hide: jest.fn().mockName('unenrollHide'),
-};
-
-const mockHook = (fn, returnValue, options = {}) => {
-  if (options.isCardHook) {
-    when(fn).calledWith(props.cardId).mockReturnValue(returnValue);
-  } else {
-    when(fn).calledWith().mockReturnValue(returnValue);
-  }
-};
-
-const handleToggleDropdown = jest.fn().mockName('hooks.handleToggleDropdown');
-
-const mockHooks = (returnVals = {}) => {
-  mockHook(
-    hooks.useEmailSettings,
-    returnVals.emailSettings ? returnVals.emailSettings : emailSettings,
-  );
-  mockHook(
-    hooks.useUnenrollData,
-    returnVals.unenrollData ? returnVals.unenrollData : unenrollData,
-  );
-  mockHook(hooks.useHandleToggleDropdown, handleToggleDropdown, { isCardHook: true });
-  mockHook(
-    hooks.useOptionVisibility,
-    {
-      shouldShowUnenrollItem: !!returnVals.shouldShowUnenrollItem,
-      shouldShowDropdown: !!returnVals.shouldShowDropdown,
-    },
-    { isCardHook: true },
-  );
-  mockHook(
-    reduxHooks.useCardEnrollmentData,
-    { isEmailEnabled: !!returnVals.isEmailEnabled },
-    { isCardHook: true },
-  );
-};
-
-const renderComponent = (isMasquerading = false) => render(
-  <IntlProvider locale="en">
-    <MasqueradeUserContext.Provider value={{ isMasquerading }}>
-      <CourseCardMenu {...props} />
-    </MasqueradeUserContext.Provider>
-  </IntlProvider>
-);
-
-describe('CourseCardMenu', () => {
-  describe('hooks', () => {
-    beforeEach(() => {
-      mockHooks();
-      renderComponent();
-    });
-    it('initializes local hooks', () => {
-      when(hooks.useEmailSettings).expectCalledWith();
-      when(hooks.useUnenrollData).expectCalledWith();
-      when(hooks.useHandleToggleDropdown).expectCalledWith(props.cardId);
-      when(hooks.useOptionVisibility).expectCalledWith(props.cardId);
-    });
-    it('initializes redux hook data ', () => {
-      when(reduxHooks.useCardEnrollmentData).expectCalledWith(props.cardId);
-    });
-  });
-  describe('render', () => {
-    it('renders null if showDropdown is false', () => {
-      mockHooks();
-      renderComponent();
-      const dropdown = screen.queryByRole('button', { name: messages.dropdownAlt.defaultMessage });
-      expect(dropdown).toBeNull();
-    });
-    describe('show dropdown', () => {
-      describe('hide unenroll item and disable email', () => {
-        it('displays Dropdown and renders SocialShareMenu and UnenrollConfirmModal', async () => {
-          mockHooks({
-            shouldShowDropdown: true,
-          });
-          renderComponent();
-          const user = userEvent.setup();
-          const dropdown = screen.getByRole('button', { name: messages.dropdownAlt.defaultMessage });
-          expect(dropdown).toBeInTheDocument();
-          await user.click(dropdown);
-          const unenrollOption = screen.queryByRole('button', { name: messages.unenroll.defaultMessage });
-          expect(unenrollOption).toBeNull();
-          const socialShareMenu = screen.getByText('SocialShareMenu');
-          expect(socialShareMenu).toBeInTheDocument();
-          const unenrollConfirmModal = screen.getByText('UnenrollConfirmModal');
-          expect(unenrollConfirmModal).toBeInTheDocument();
-          const emailSettingsModal = screen.queryByText('EmailSettingsModal');
-          expect(emailSettingsModal).toBeNull();
-        });
-      });
-      describe('show unenroll and enable email', () => {
-        const hookProps = {
-          shouldShowDropdown: true,
-          isEmailEnabled: true,
-          shouldShowUnenrollItem: true,
-        };
-        describe('unenroll modal toggle', () => {
-          describe('not masquerading', () => {
-            it('renders all components', async () => {
-              mockHooks(hookProps);
-              renderComponent();
-
-              const user = userEvent.setup();
-              const dropdown = screen.getByRole('button', { name: messages.dropdownAlt.defaultMessage });
-              expect(dropdown).toBeInTheDocument();
-              await user.click(dropdown);
-
-              const unenrollOption = screen.getByRole('button', { name: messages.unenroll.defaultMessage });
-              expect(unenrollOption).toBeInTheDocument();
-              const socialShareMenu = screen.getByText('SocialShareMenu');
-              expect(socialShareMenu).toBeInTheDocument();
-              const unenrollConfirmModal = screen.getByText('UnenrollConfirmModal');
-              expect(unenrollConfirmModal).toBeInTheDocument();
-              const emailSettingsModal = screen.getByText('EmailSettingsModal');
-              expect(emailSettingsModal).toBeInTheDocument();
-            });
-          });
-          describe('masquerading', () => {
-            it('renders but unenroll is disabled', async () => {
-              mockHooks({ ...hookProps });
-              renderComponent(true);
-
-              const user = userEvent.setup();
-              const dropdown = screen.getByRole('button', { name: messages.dropdownAlt.defaultMessage });
-              expect(dropdown).toBeInTheDocument();
-              await user.click(dropdown);
-              const unenrollOption = screen.getByRole('button', { name: messages.unenroll.defaultMessage });
-              expect(unenrollOption).toBeInTheDocument();
-              expect(unenrollOption).toHaveAttribute('aria-disabled', 'true');
-              const socialShareMenu = screen.getByText('SocialShareMenu');
-              expect(socialShareMenu).toBeInTheDocument();
-              const unenrollConfirmModal = screen.getByText('UnenrollConfirmModal');
-              expect(unenrollConfirmModal).toBeInTheDocument();
-              const emailSettingsModal = screen.getByText('EmailSettingsModal');
-              expect(emailSettingsModal).toBeInTheDocument();
-            });
-          });
-        });
-      });
-    });
-  });
-});