diff --git a/src/components/learner-credit-management/search/CatalogSearch.jsx b/src/components/learner-credit-management/search/CatalogSearch.jsx index 753f6ced65..bde723051e 100644 --- a/src/components/learner-credit-management/search/CatalogSearch.jsx +++ b/src/components/learner-credit-management/search/CatalogSearch.jsx @@ -16,12 +16,13 @@ const CatalogSearch = () => { data: subsidyAccessPolicy, } = useSubsidyAccessPolicy(subsidyAccessPolicyId); const searchFilters = `enterprise_catalog_uuids:${subsidyAccessPolicy.catalogUuid} AND content_type:course`; + const displayName = subsidyAccessPolicy.displayName ? `${subsidyAccessPolicy.displayName} catalog` : 'Overview'; return (
diff --git a/src/components/learner-credit-management/tests/BudgetDetailPage.test.jsx b/src/components/learner-credit-management/tests/BudgetDetailPage.test.jsx index 4264b686f4..253b0768c2 100644 --- a/src/components/learner-credit-management/tests/BudgetDetailPage.test.jsx +++ b/src/components/learner-credit-management/tests/BudgetDetailPage.test.jsx @@ -502,23 +502,27 @@ describe('', () => { expect(modalPopupContents.getByText(expectedModalPopupContent, { exact: false })).toBeInTheDocument(); }); - it('renders with catalog tab active on initial load for assignable budgets', async () => { + it.each([ + { displayName: null }, + { displayName: 'Test Budget Display Name' }, + ])('renders with catalog tab active on initial load for assignable budgets with %s display name', ({ displayName }) => { useParams.mockReturnValue({ budgetId: mockSubsidyAccessPolicyUUID, activeTabKey: 'catalog', }); useSubsidyAccessPolicy.mockReturnValue({ isInitialLoading: false, - data: mockAssignableSubsidyAccessPolicy, + data: { ...mockAssignableSubsidyAccessPolicy, displayName }, }); useBudgetDetailActivityOverview.mockReturnValueOnce({ isLoading: false, data: mockEmptyStateBudgetDetailActivityOverview, }); renderWithRouter(); - + const expectedDisplayName = displayName ? `${displayName} catalog` : 'Overview'; // Catalog tab exists and is active expect(screen.getByText('Catalog').getAttribute('aria-selected')).toBe('true'); + expect(screen.getByText(expectedDisplayName, { selector: 'h3' })); }); it('hides catalog tab when budget is not assignable', () => {