fix(catalog): tests

plugins/catalog/src/components/CatalogPage/CatalogPage.test.tsx

@@ -44,6 +44,7 @@ describe('CatalogPage', () => {
           kind: 'Component',
           spec: {
             owner: 'tools@example.com',
+            type: 'service',
           },
         },
         {
@@ -54,6 +55,7 @@ describe('CatalogPage', () => {
           kind: 'Component',
           spec: {
             owner: 'not-tools@example.com',
+            type: 'service',
           },
         },
       ] as Entity[]),
@@ -83,7 +85,6 @@ describe('CatalogPage', () => {
       ),
     );
     await waitFor(() => screen.getByText(/All Services \(2\)/));
-    expect(screen.getByText(/All Services \(2\)/)).toBeInTheDocument();
   });
   it('should filter by owner', async () => {
     render(
@@ -102,6 +103,5 @@ describe('CatalogPage', () => {
     );
     fireEvent.click(screen.getByText(/Owned/));
     await waitFor(() => screen.getByText(/Owned \(1\)/));
-    expect(screen.getByText(/Owned \(1\)/)).toBeInTheDocument();
   });
 });

plugins/catalog/src/components/CatalogPage/CatalogPage.tsx

@@ -61,11 +61,10 @@ export const CatalogPage: FC<{}> = () => {
     error,
     loading,
     selectedFilter,
+    setSelectedFilter,
     toggleStarredEntity,
     isStarredEntity,
-    setSelectedFilter,
-    selectedTypeFilter: selectedTab,
-    selectTypeFilter: setSelectedTab,
+    selectTypeFilter,
   } = useEntities();
 
   const filteredEntities = entitiesByFilter[selectedFilter ?? EntityGroup.ALL];
@@ -123,7 +122,7 @@ export const CatalogPage: FC<{}> = () => {
       <HeaderTabs
         tabs={labeledEntityTypes}
         onChange={(index: Number) => {
-          setSelectedTab(labeledEntityTypes[index as number].id);
+          selectTypeFilter(labeledEntityTypes[index as number].id);
         }}
       />
       <Content>