[EuiModal] Unit test for button placement

elastic · Dec 4, 2024 · c38ca1c · c38ca1c
1 parent cccecc6
commit c38ca1c
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/eui/src/components/modal/modal.test.tsx b/packages/eui/src/components/modal/modal.test.tsx
@@ -12,6 +12,7 @@ import { requiredProps } from '../../test';
 import { shouldRenderCustomStyles } from '../../test/internal';
 
 import { EuiModal } from './modal';
+import { EuiHeader } from '../header';
 
 describe('EuiModal', () => {
   shouldRenderCustomStyles(<EuiModal onClose={() => {}}>children</EuiModal>);
@@ -80,4 +81,18 @@ describe('EuiModal', () => {
       expect(modalB.getAttribute('style')).toEqual('max-inline-size: 50%;');
     });
   });
+
+  describe('reading order', () => {
+    test('button is placed after header', () => {
+      const { getByTestSubject } = render(
+        <EuiModal onClose={() => null}>
+          <EuiHeader data-test-subj="header">Title</EuiHeader>
+          children
+        </EuiModal>
+      );
+
+      const header = getByTestSubject('header');
+      expect(header.nextElementSibling?.tagName).toBe('BUTTON');
+    });
+  });
 });