add tests for filtering

Signed-off-by: Mark Dunphy <markd@spotify.com>

plugins/catalog-react/src/alpha/blueprints/EntityContextMenuItemBlueprint.test.tsx

@@ -13,7 +13,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import {
+  createExtensionTester,
+  renderInTestApp,
+  TestApiProvider,
+} from '@backstage/frontend-test-utils';
 import { EntityContextMenuItemBlueprint } from './EntityContextMenuItemBlueprint';
+import { screen, waitFor } from '@testing-library/react';
+import { EntityProvider } from '@backstage/plugin-catalog-react';
+
+jest.mock('../../hooks/useEntityContextMenu', () => ({
+  useEntityContextMenu: () => ({
+    onMenuClose: jest.fn(),
+  }),
+}));
 
 describe('EntityContextMenuItemBlueprint', () => {
   const data = [
@@ -64,4 +77,63 @@ describe('EntityContextMenuItemBlueprint', () => {
       }
     `);
   });
+
+  it('should filter items based on the filter function', async () => {
+    const extension = EntityContextMenuItemBlueprint.make({
+      name: 'test',
+      params: {
+        icon: <span>Icon</span>,
+        filter: e => e.kind.toLowerCase() === 'component',
+        useProps: () => ({
+          title: 'Test',
+          onClick: () => {},
+        }),
+      },
+    });
+
+    renderInTestApp(
+      <EntityProvider
+        entity={{
+          apiVersion: 'v1',
+          kind: 'API',
+          metadata: { name: 'test' },
+        }}
+      >
+        <ul>{createExtensionTester(extension).reactElement()}</ul>
+      </EntityProvider>,
+    );
+
+    await waitFor(() => {
+      expect(screen.queryByText('Test')).not.toBeInTheDocument();
+    });
+  });
+
+  it('should render a menu item', async () => {
+    const extension = EntityContextMenuItemBlueprint.make({
+      name: 'test',
+      params: {
+        icon: <span>Icon</span>,
+        useProps: () => ({
+          title: 'Test',
+          onClick: () => {},
+        }),
+      },
+    });
+
+    renderInTestApp(
+      <EntityProvider
+        entity={{
+          apiVersion: 'v1',
+          kind: 'Component',
+          metadata: { name: 'test' },
+        }}
+      >
+        <ul>{createExtensionTester(extension).reactElement()}</ul>
+      </EntityProvider>,
+    );
+
+    await waitFor(() => {
+      expect(screen.getByText('Test')).toBeInTheDocument();
+    });
+  });
 });

plugins/catalog-react/src/alpha/blueprints/EntityContextMenuItemBlueprint.tsx

@@ -26,6 +26,7 @@ import ListItemText from '@material-ui/core/ListItemText';
 import { useEntityContextMenu } from '../../hooks/useEntityContextMenu';
 import type { Entity } from '@backstage/catalog-model';
 import { useEntity } from '../../hooks/useEntity';
+
 /** @alpha */
 export type UseProps = () =>
   | {