Navigation: Basic e2e tests for docked mega menu (#77000)

* Navigation: Basic e2e tests for docked mega menu * give mega menu an e2e selector * make existing tests narrower so menu doesn't default to docked. add test for auto docking at large viewport * use new selector in nondocked menu
2023-10-24 15:56:00 +00:00
parent 2c2d8bcc74
commit ec84caf389
6 changed files with 62 additions and 4 deletions
@@ -0,0 +1,47 @@
+import { e2e } from '../utils';
+import { fromBaseUrl } from '../utils/support/url';
+
+describe('Docked Navigation', () => {
+  beforeEach(() => {
+    cy.viewport(1280, 800);
+    e2e.flows.login(Cypress.env('USERNAME'), Cypress.env('PASSWORD'));
+
+    cy.visit(fromBaseUrl('/'), {
+      onBeforeLoad(window) {
+        window.localStorage.setItem('grafana.featureToggles', 'dockedMegaMenu=1');
+      },
+    });
+  });
+
+  it('should remain docked when reloading the page', () => {
+    // Expand, then dock the mega menu
+    cy.get('[aria-label="Toggle menu"]').click();
+    cy.get('[aria-label="Dock menu"]').click();
+
+    e2e.components.NavMenu.Menu().should('be.visible');
+
+    cy.reload();
+    e2e.components.NavMenu.Menu().should('be.visible');
+  });
+
+  it('should remain docked when navigating to another page', () => {
+    // Expand, then dock the mega menu
+    cy.get('[aria-label="Toggle menu"]').click();
+    cy.get('[aria-label="Dock menu"]').click();
+
+    cy.contains('a', 'Administration').click();
+    e2e.components.NavMenu.Menu().should('be.visible');
+
+    cy.contains('a', 'Users').click();
+    e2e.components.NavMenu.Menu().should('be.visible');
+  });
+
+  it('should become docked at larger viewport sizes', () => {
+    e2e.components.NavMenu.Menu().should('not.exist');
+
+    cy.viewport(1920, 1080);
+    cy.reload();
+
+    e2e.components.NavMenu.Menu().should('be.visible');
+  });
+});