added test for application launcher

frontend/src/__tests__/cypress/cypress/e2e/appLauncher/AppLauncher.cy.ts

@@ -0,0 +1,22 @@
+import { mockDashboardConfig, mockDscStatus, mockStatus } from '~/__mocks__';
+import { mockComponents } from '~/__mocks__/mockComponents';
+import { applicationLauncher } from '~/__tests__/cypress/cypress/pages/appLauncher';
+
+describe('App launcher', () => {
+  beforeEach(() => {
+    cy.intercept('/api/dsc/status', mockDscStatus({}));
+    cy.intercept('/api/status', mockStatus());
+    cy.intercept('/api/config', mockDashboardConfig({}));
+    cy.intercept('/api/components', mockComponents());
+    applicationLauncher.visit();
+  });
+  it('Validate clicking on App Launcher opens menu', () => {
+    applicationLauncher.visit();
+    applicationLauncher.toggleAppLauncherButton();
+    const applicationLauncherMenuGroup = applicationLauncher.getApplicationLauncherMenuGroup(
+      'Open Data Hub Applications',
+    );
+    applicationLauncherMenuGroup.shouldHaveApplicationLauncherItem('OpenShift Cluster Manager');
+    applicationLauncher.toggleAppLauncherButton();
+  });
+});

frontend/src/__tests__/cypress/cypress/pages/appLauncher.ts

@@ -0,0 +1,34 @@
+import { Contextual } from './components/Contextual';
+
+class ApplicationLauncherMenuGroup extends Contextual<HTMLElement> {
+  shouldHaveApplicationLauncherItem(name: string) {
+    this.find().findAllByTestId('application-launcher-item').contains(name).should('exist');
+    return this;
+  }
+}
+
+class ApplicationLauncher {
+  visit() {
+    cy.visit('/explore');
+    this.wait();
+  }
+
+  private wait() {
+    cy.findByTestId('explore-applications').should('be.visible');
+    cy.testA11y();
+  }
+
+  toggleAppLauncherButton() {
+    cy.findByTestId('application-launcher')
+      .findByRole('button', { name: 'Application launcher' })
+      .click();
+  }
+
+  getApplicationLauncherMenuGroup(name: string) {
+    return new ApplicationLauncherMenuGroup(() =>
+      cy.findAllByTestId('application-launcher-group').contains(name).parents(),
+    );
+  }
+}
+
+export const applicationLauncher = new ApplicationLauncher();

frontend/src/app/AppLauncher.tsx

@@ -130,6 +130,7 @@ const AppLauncher: React.FC = () => {
   const renderApplicationLauncherGroup = (section: Section, sectionIndex: number) => {
     const appItems = section.actions.map((action) => (
       <ApplicationLauncherItem
+        data-testid="application-launcher-item"
         key={action.label}
         href={action.href}
         isExternal
@@ -144,13 +145,18 @@ const AppLauncher: React.FC = () => {
       appItems.push(<ApplicationLauncherSeparator key={`separator-${sectionIndex}`} />);
     }
     return (
-      <ApplicationLauncherGroup key={section.label} label={section.label}>
+      <ApplicationLauncherGroup
+        key={section.label}
+        label={section.label}
+        data-testid="application-launcher-group"
+      >
         {appItems}
       </ApplicationLauncherGroup>
     );
   };
   return (
     <ApplicationLauncher
+      data-testid="application-launcher"
       aria-label="Application launcher"
       onSelect={onSelect}
       onToggle={onToggle}