test: add regression test case

elastic · Nov 13, 2024 · 228d157 · 228d157
1 parent badbb7d
commit 228d157
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/packages/eui/src/components/datagrid/body/header/draggable_columns.spec.tsx b/packages/eui/src/components/datagrid/body/header/draggable_columns.spec.tsx
@@ -12,6 +12,7 @@
 
 import React, { useState } from 'react';
 import { EuiDataGrid, EuiDataGridProps } from '../../index';
+import { EuiModal, EuiModalBody } from '../../../modal';
 
 describe('draggable columns', () => {
   const columns = [
@@ -284,4 +285,40 @@ describe('draggable columns', () => {
       cy.get('[data-popover-open]').should('not.exist');
     });
   });
+
+  describe('inside a modal', () => {
+    it('should execute column actions on click', () => {
+      cy.realMount(
+        <EuiModal onClose={() => {}}>
+          <EuiModalBody>
+            <StatefulDataGrid />
+          </EuiModalBody>
+        </EuiModal>
+      );
+
+      cy.get('[data-test-subj=dataGridHeaderCell-a]').realHover();
+      cy.wait(50); // wait until actions button transition is progressed enough for the button to be clickable
+      cy.get('[data-test-subj=dataGridHeaderCellActionButton-a]').realClick();
+      cy.get('[data-popover-open]').should('have.focus');
+
+      cy.get(
+        '.euiListGroupItem:last-child .euiListGroupItem__button'
+      ).realClick();
+
+      cy.get('[data-test-subj=dataGridHeaderCell-a]').should(
+        'have.attr',
+        'data-gridcell-column-index',
+        '1'
+      );
+      cy.get('[data-test-subj=dataGridHeaderCell-b]').should(
+        'have.attr',
+        'data-gridcell-column-index',
+        '0'
+      );
+
+      cy.get('[data-test-subj=euiDataGridHeaderColumnActions]').should(
+        'not.exist'
+      );
+    });
+  });
 });