Fix and enhance SubscriptionsPage tests

Add comprehensive tests for loading and empty states

Author: nofaralfasi

webpack/scenes/Subscriptions/__tests__/SubscriptionsPage.test.js

@@ -280,6 +280,161 @@ describe('subscriptions page', () => {
     expect(pageWithLoadingOrg.find('PermissionDenied')).toHaveLength(0);
   });
 
+  it('should render loading state when subscriptions are loading', () => {
+    const loadingSubscriptionsState = {
+      ...successState,
+      loading: true,
+      results: [],
+    };
+
+    const loadingPage = mount(<SubscriptionsPage
+      setModalOpen={noop}
+      setModalClosed={noop}
+      organization={organization}
+      subscriptions={loadingSubscriptionsState}
+      subscriptionTableSettings={settingsSuccessState}
+      loadTables={loadTables}
+      loadTableColumns={mockLoadTableColumns}
+      createColumns={createColumns}
+      updateColumns={updateColumns}
+      loadSubscriptions={mockLoadSubscriptions}
+      loadAvailableQuantities={loadAvailableQuantities}
+      pingUpstreamSubscriptions={pingUpstreamSubscriptions}
+      checkSimpleContentAccessEligible={checkSimpleContentAccessEligible}
+      updateQuantity={updateQuantity}
+      handleStartTask={handleStartTask}
+      handleFinishedTask={handleFinishedTask}
+      pollTaskUntilDone={noop}
+      pollBulkSearch={noop}
+      pollTasks={pollTasks}
+      cancelPollTasks={noop}
+      deleteSubscriptions={() => {}}
+      resetTasks={noop}
+      uploadManifest={noop}
+      deleteManifest={noop}
+      refreshManifest={noop}
+      updateSearchQuery={noop}
+      openManageManifestModal={noop}
+      closeManageManifestModal={noop}
+      openDeleteModal={noop}
+      closeDeleteModal={noop}
+      disableDeleteButton={noop}
+      enableDeleteButton={noop}
+    />);
+
+    expect(loadingPage.find('SubscriptionsTable')).toHaveLength(1);
+    loadingPage.unmount();
+  });
+
+  it('should render empty state when manifest is imported but no subscriptions', () => {
+    const emptySubscriptionsState = {
+      ...successState,
+      loading: false,
+      results: [],
+    };
+
+    const emptyPage = mount(<SubscriptionsPage
+      setModalOpen={noop}
+      setModalClosed={noop}
+      organization={organization}
+      subscriptions={emptySubscriptionsState}
+      subscriptionTableSettings={settingsSuccessState}
+      loadTables={loadTables}
+      loadTableColumns={mockLoadTableColumns}
+      createColumns={createColumns}
+      updateColumns={updateColumns}
+      loadSubscriptions={mockLoadSubscriptions}
+      loadAvailableQuantities={loadAvailableQuantities}
+      pingUpstreamSubscriptions={pingUpstreamSubscriptions}
+      checkSimpleContentAccessEligible={checkSimpleContentAccessEligible}
+      updateQuantity={updateQuantity}
+      handleStartTask={handleStartTask}
+      handleFinishedTask={handleFinishedTask}
+      pollTaskUntilDone={noop}
+      pollBulkSearch={noop}
+      pollTasks={pollTasks}
+      cancelPollTasks={noop}
+      deleteSubscriptions={() => {}}
+      resetTasks={noop}
+      uploadManifest={noop}
+      deleteManifest={noop}
+      refreshManifest={noop}
+      updateSearchQuery={noop}
+      openManageManifestModal={noop}
+      closeManageManifestModal={noop}
+      openDeleteModal={noop}
+      closeDeleteModal={noop}
+      disableDeleteButton={noop}
+      enableDeleteButton={noop}
+      isManifestImported
+    />);
+
+    // SubscriptionsTable should receive empty state props
+    const subscriptionsTable = emptyPage.find('SubscriptionsTable');
+    expect(subscriptionsTable).toHaveLength(1);
+    expect(subscriptionsTable.prop('emptyState')).toMatchObject({
+      header: 'There are no Subscriptions to display',
+      description: 'Add subscriptions using the Add Subscriptions button.',
+    });
+    emptyPage.unmount();
+  });
+
+  it('should render empty state prompting manifest import when no manifest', () => {
+    const emptySubscriptionsState = {
+      ...successState,
+      loading: false,
+      results: [],
+    };
+
+    const emptyPage = mount(<SubscriptionsPage
+      setModalOpen={noop}
+      setModalClosed={noop}
+      organization={organization}
+      subscriptions={emptySubscriptionsState}
+      subscriptionTableSettings={settingsSuccessState}
+      loadTables={loadTables}
+      loadTableColumns={mockLoadTableColumns}
+      createColumns={createColumns}
+      updateColumns={updateColumns}
+      loadSubscriptions={mockLoadSubscriptions}
+      loadAvailableQuantities={loadAvailableQuantities}
+      pingUpstreamSubscriptions={pingUpstreamSubscriptions}
+      checkSimpleContentAccessEligible={checkSimpleContentAccessEligible}
+      updateQuantity={updateQuantity}
+      handleStartTask={handleStartTask}
+      handleFinishedTask={handleFinishedTask}
+      pollTaskUntilDone={noop}
+      pollBulkSearch={noop}
+      pollTasks={pollTasks}
+      cancelPollTasks={noop}
+      deleteSubscriptions={() => {}}
+      resetTasks={noop}
+      uploadManifest={noop}
+      deleteManifest={noop}
+      refreshManifest={noop}
+      updateSearchQuery={noop}
+      openManageManifestModal={noop}
+      closeManageManifestModal={noop}
+      openDeleteModal={noop}
+      closeDeleteModal={noop}
+      disableDeleteButton={noop}
+      enableDeleteButton={noop}
+      isManifestImported={false}
+    />);
+
+    // SubscriptionsTable should receive empty state with manifest import prompt
+    const subscriptionsTable = emptyPage.find('SubscriptionsTable');
+    expect(subscriptionsTable).toHaveLength(1);
+    expect(subscriptionsTable.prop('emptyState')).toMatchObject({
+      header: 'There are no Subscriptions to display',
+      description: 'Import a subscription manifest to give hosts access to Red Hat content.',
+      action: expect.objectContaining({
+        title: 'Import a Manifest',
+      }),
+    });
+    emptyPage.unmount();
+  });
+
   it('should poll tasks when org changes', async () => {
     await act(async () => {
       page.setProps({ organization: { id: 1 } });