feat: removes Upgrade Notification as default content

As a follow-up to
https://github.com/openedx/frontend-app-learning/pull/1368, remove the
UpgradeNotification component from the sidebar's default content.

src/courseware/course/Course.test.jsx

@@ -148,18 +148,6 @@ describe('Course', () => {
     });
   });
 
-  it('displays notification trigger and toggles active class on click', async () => {
-    render(<Course {...mockData} />, { wrapWithRouter: true });
-
-    waitFor(() => {
-      const notificationTrigger = screen.getByRole('button', { name: /Show notification tray/i });
-      expect(notificationTrigger).toBeInTheDocument();
-      expect(notificationTrigger.parentNode).not.toHaveClass('sidebar-active', { exact: true });
-      fireEvent.click(notificationTrigger);
-      expect(notificationTrigger.parentNode).toHaveClass('sidebar-active');
-    });
-  });
-
   it('handles click to open/close discussions sidebar', async () => {
     await setupDiscussionSidebar();
 

src/courseware/course/new-sidebar/sidebars/discussions-notifications/notifications/NotificationsWidget.test.tsx

@@ -9,7 +9,7 @@ import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { breakpoints } from '@openedx/paragon';
 
 import {
-  initializeMockApp, render, screen, within, act, fireEvent, waitFor,
+  initializeMockApp, render, screen, act, fireEvent, waitFor,
 } from '../../../../../../setupTest';
 import initializeStore from '../../../../../../store';
 import { appendBrowserTimezoneToUrl, executeThunk } from '../../../../../../utils';
@@ -93,27 +93,6 @@ describe('NotificationsWidget', () => {
     expect(screen.getByTestId('notification_widget_slot')).toBeInTheDocument();
   });
 
-  it('renders upgrade card', async () => {
-    const contextData: Partial<SidebarContextData> = {
-      currentSidebar: ID,
-      courseId,
-      hideNotificationbar: false,
-      isNotificationbarAvailable: true,
-    };
-    await fetchAndRender(
-      <SidebarContext.Provider value={contextData as SidebarContextData}>
-        <NotificationsWidget />
-      </SidebarContext.Provider>,
-    );
-
-    // The Upgrade Notification should be inside the PluginSlot.
-    const UpgradeNotification = document.querySelector('.upgrade-notification');
-    expect(UpgradeNotification).toBeInTheDocument();
-
-    expect(screen.getByRole('link', { name: 'Upgrade for $149' })).toBeInTheDocument();
-    expect(screen.queryByText('You have no new notifications at this time.')).not.toBeInTheDocument();
-  });
-
   it('renders no notifications bar if no verified mode', async () => {
     setMetadata({ verified_mode: null });
     const contextData: Partial<SidebarContextData> = {
@@ -130,44 +109,6 @@ describe('NotificationsWidget', () => {
     expect(screen.queryByText('Notifications')).not.toBeInTheDocument();
   });
 
-  it.each([
-    {
-      description: 'close the notification widget.',
-      enabledInContext: true,
-      testId: 'notification-widget',
-    },
-    {
-      description: 'close the sidebar when the notification widget is closed, and the discussion widget is unavailable.',
-      enabledInContext: false,
-      testId: 'sidebar-DISCUSSIONS_NOTIFICATIONS',
-    },
-  ])('successfully %s', async ({ enabledInContext, testId }) => {
-    const userVerifiedMode = Factory.build('verifiedMode');
-
-    await setupDiscussionSidebar({
-      verifiedMode: userVerifiedMode,
-      enabledInContext,
-      isNewDiscussionSidebarViewEnabled: true,
-    });
-
-    const sidebarButton = screen.getByRole('button', { name: /Show sidebar tray/i });
-
-    await act(async () => {
-      fireEvent.click(sidebarButton);
-    });
-
-    const notificationWidget = await waitFor(() => screen.getByTestId('notification-widget'));
-    const closeNotificationButton = within(notificationWidget).getByRole('button', { name: /Close/i });
-
-    await act(async () => {
-      fireEvent.click(closeNotificationButton);
-    });
-
-    await waitFor(() => {
-      expect(screen.queryByTestId(testId)).not.toBeInTheDocument();
-    });
-  });
-
   it('marks notification as seen 3 seconds later', async () => {
     const onNotificationSeen = jest.fn();
     const contextData: Partial<SidebarContextData> = {

src/courseware/course/new-sidebar/sidebars/discussions-notifications/notifications/NotificationsWidget.tsx

@@ -3,7 +3,6 @@ import React, { useContext, useEffect, useMemo } from 'react';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { PluginSlot } from '@openedx/frontend-plugin-framework';
 import { useModel } from '../../../../../../generic/model-store';
-import UpgradeNotification from '../../../../../../generic/upgrade-notification/UpgradeNotification';
 import { WIDGETS } from '../../../../../../constants';
 import SidebarContext from '../../../SidebarContext';
 
@@ -21,17 +20,11 @@ const NotificationsWidget = () => {
   const course = useModel('coursewareMeta', courseId);
 
   const {
-    accessExpiration,
-    contentTypeGatingEnabled,
     end,
     enrollmentEnd,
     enrollmentMode,
     enrollmentStart,
-    marketingUrl,
-    offer,
     start,
-    timeOffsetMillis,
-    userTimezone,
     verificationStatus,
   } = course;
 
@@ -83,23 +76,7 @@ const NotificationsWidget = () => {
           setNotificationCurrentState: setUpgradeNotificationCurrentState,
           toggleSidebar: onToggleSidebar,
         }}
-      >
-        <UpgradeNotification
-          offer={offer}
-          verifiedMode={verifiedMode}
-          accessExpiration={accessExpiration}
-          contentTypeGatingEnabled={contentTypeGatingEnabled}
-          marketingUrl={marketingUrl}
-          upsellPageName="in_course"
-          userTimezone={userTimezone}
-          shouldDisplayBorder={false}
-          timeOffsetMillis={timeOffsetMillis}
-          courseId={courseId}
-          org={org}
-          setupgradeNotificationCurrentState={setUpgradeNotificationCurrentState}
-          toggleSidebar={onToggleSidebar}
-        />
-      </PluginSlot>
+      />
     </div>
   );
 };

src/courseware/course/sidebar/sidebars/notifications/NotificationTray.jsx

@@ -5,7 +5,6 @@ import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { PluginSlot } from '@openedx/frontend-plugin-framework';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 import { useModel } from '@src/generic/model-store';
-import UpgradeNotification from '../../../../../generic/upgrade-notification/UpgradeNotification';
 
 import messages from '../../../messages';
 import SidebarBase from '../../common/SidebarBase';
@@ -23,17 +22,11 @@ const NotificationTray = ({ intl }) => {
   const course = useModel('coursewareMeta', courseId);
 
   const {
-    accessExpiration,
-    contentTypeGatingEnabled,
     end,
     enrollmentEnd,
     enrollmentMode,
     enrollmentStart,
-    marketingUrl,
-    offer,
     start,
-    timeOffsetMillis,
-    userTimezone,
     verificationStatus,
   } = course;
 
@@ -90,23 +83,7 @@ const NotificationTray = ({ intl }) => {
               notificationCurrentState: upgradeNotificationCurrentState,
               setNotificationCurrentState: setUpgradeNotificationCurrentState,
             }}
-          >
-            <UpgradeNotification
-              offer={offer}
-              verifiedMode={verifiedMode}
-              accessExpiration={accessExpiration}
-              contentTypeGatingEnabled={contentTypeGatingEnabled}
-              marketingUrl={marketingUrl}
-              upsellPageName="in_course"
-              userTimezone={userTimezone}
-              shouldDisplayBorder={false}
-              timeOffsetMillis={timeOffsetMillis}
-              courseId={courseId}
-              org={org}
-              upgradeNotificationCurrentState={upgradeNotificationCurrentState}
-              setupgradeNotificationCurrentState={setUpgradeNotificationCurrentState}
-            />
-          </PluginSlot>
+          />
         ) : (
           <p className="p-3 small">{intl.formatMessage(messages.noNotificationsMessage)}</p>
         )}

src/courseware/course/sidebar/sidebars/notifications/NotificationTray.test.jsx

@@ -94,26 +94,6 @@ describe('NotificationTray', () => {
     expect(screen.getByTestId('notification_tray_slot')).toBeInTheDocument();
   });
 
-  it('renders upgrade card', async () => {
-    await fetchAndRender(
-      <SidebarContext.Provider value={{
-        currentSidebar: ID,
-        courseId,
-      }}
-      >
-        <NotificationTray />
-      </SidebarContext.Provider>,
-    );
-
-    expect(document.querySelector('.upgrade-notification')).toBeInTheDocument();
-
-    expect(screen.getByRole('link', { name: 'Upgrade for $149' }))
-      .toBeInTheDocument();
-    expect(screen.queryByText('You have no new notifications at this time.'))
-      .not
-      .toBeInTheDocument();
-  });
-
   it('renders no notifications message if no verified mode', async () => {
     setMetadata({ verified_mode: null });
     await fetchAndRender(