From c38ca1cf960af0f788b2c093793d8a5dbcec40ae Mon Sep 17 00:00:00 2001
From: Arturo Castillo Delgado <arturo.castillo@elastic.co>
Date: Wed, 4 Dec 2024 13:25:04 +0100
Subject: [PATCH] [EuiModal] Unit test for button placement

---
 packages/eui/src/components/modal/modal.test.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/eui/src/components/modal/modal.test.tsx b/packages/eui/src/components/modal/modal.test.tsx
index d2843fdef27..3a79e0f082e 100644
--- 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');
+    });
+  });
 });