From de500a4a119bc157d344989d80fc4acb50d542e8 Mon Sep 17 00:00:00 2001
From: Davis McPhee <davis.mcphee@elastic.co>
Date: Sat, 13 Jan 2024 20:47:33 -0400
Subject: [PATCH] Update unit tests and snapshots

---
 .../column_sorting.test.tsx.snap              | 58 ++++++++++---------
 .../column_sorting_draggable.test.tsx.snap    | 58 ++++++++++---------
 .../column_sorting_draggable.test.tsx         | 20 ++++---
 3 files changed, 76 insertions(+), 60 deletions(-)

diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
index cd7eee17d4da..6571fc668d8b 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -690,42 +690,48 @@ exports[`useDataGridColumnSorting columnSorting [React 18] renders a toolbar but
                 <div
                   class="euiButtonGroup__buttons emotion-euiButtonGroup__buttons-fullWidth-compressed"
                 >
-                  <button
-                    aria-pressed="true"
-                    class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-fill-text"
-                    data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
-                    title="Low-High"
-                    type="button"
+                  <span
+                    class="euiToolTipAnchor euiButtonGroupButton__tooltipAnchor euiButtonGroupButton__tooltipAnchor-isSelected emotion-euiToolTipAnchor-inlineBlock-euiButtonGroupButtonTooltipAnchor-compressed"
                   >
-                    <span
-                      class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+                    <button
+                      aria-pressed="true"
+                      class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
+                      data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                      type="button"
                     >
                       <span
-                        class="eui-textTruncate emotion-euiButtonGroupButton__text"
-                        data-text="Low-High"
+                        class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
                       >
-                        Low-High
+                        <span
+                          class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                          data-text="Low-High"
+                        >
+                          Low-High
+                        </span>
                       </span>
-                    </span>
-                  </button>
-                  <button
-                    aria-pressed="false"
-                    class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-empty-text"
-                    data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
-                    title="High-Low"
-                    type="button"
+                    </button>
+                  </span>
+                  <span
+                    class="euiToolTipAnchor euiButtonGroupButton__tooltipAnchor emotion-euiToolTipAnchor-inlineBlock-euiButtonGroupButtonTooltipAnchor-compressed"
                   >
-                    <span
-                      class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+                    <button
+                      aria-pressed="false"
+                      class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
+                      data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                      type="button"
                     >
                       <span
-                        class="eui-textTruncate emotion-euiButtonGroupButton__text"
-                        data-text="High-Low"
+                        class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
                       >
-                        High-Low
+                        <span
+                          class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                          data-text="High-Low"
+                        >
+                          High-Low
+                        </span>
                       </span>
-                    </span>
-                  </button>
+                    </button>
+                  </span>
                 </div>
               </fieldset>
             </div>
diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
index 23050b9a8fab..1da25143ab39 100644
--- a/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
+++ b/src/components/datagrid/controls/__snapshots__/column_sorting_draggable.test.tsx.snap
@@ -379,42 +379,48 @@ exports[`EuiDataGridColumnSortingDraggable [React 18] renders an EuiDraggable co
           <div
             class="euiButtonGroup__buttons emotion-euiButtonGroup__buttons-fullWidth-compressed"
           >
-            <button
-              aria-pressed="true"
-              class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-fill-text"
-              data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
-              title="Low-High"
-              type="button"
+            <span
+              class="euiToolTipAnchor euiButtonGroupButton__tooltipAnchor euiButtonGroupButton__tooltipAnchor-isSelected emotion-euiToolTipAnchor-inlineBlock-euiButtonGroupButtonTooltipAnchor-compressed"
             >
-              <span
-                class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+              <button
+                aria-pressed="true"
+                class="euiButtonGroupButton euiButtonGroupButton-isSelected emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-fill-text"
+                data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-asc"
+                type="button"
               >
                 <span
-                  class="eui-textTruncate emotion-euiButtonGroupButton__text"
-                  data-text="Low-High"
+                  class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
                 >
-                  Low-High
+                  <span
+                    class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                    data-text="Low-High"
+                  >
+                    Low-High
+                  </span>
                 </span>
-              </span>
-            </button>
-            <button
-              aria-pressed="false"
-              class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-compressed-empty-text"
-              data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
-              title="High-Low"
-              type="button"
+              </button>
+            </span>
+            <span
+              class="euiToolTipAnchor euiButtonGroupButton__tooltipAnchor emotion-euiToolTipAnchor-inlineBlock-euiButtonGroupButtonTooltipAnchor-compressed"
             >
-              <span
-                class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
+              <button
+                aria-pressed="false"
+                class="euiButtonGroupButton emotion-euiButtonDisplay-s-defaultMinWidth-euiButtonGroupButton-empty-text"
+                data-test-subj="euiDataGridColumnSorting-sortColumn-columnA-desc"
+                type="button"
               >
                 <span
-                  class="eui-textTruncate emotion-euiButtonGroupButton__text"
-                  data-text="High-Low"
+                  class="emotion-euiButtonDisplayContent-euiButtonGroupButton__content-compressed"
                 >
-                  High-Low
+                  <span
+                    class="eui-textTruncate emotion-euiButtonGroupButton__text"
+                    data-text="High-Low"
+                  >
+                    High-Low
+                  </span>
                 </span>
-              </span>
-            </button>
+              </button>
+            </span>
           </div>
         </fieldset>
       </div>
diff --git a/src/components/datagrid/controls/column_sorting_draggable.test.tsx b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
index 0f275b4a79c6..2b7909451357 100644
--- a/src/components/datagrid/controls/column_sorting_draggable.test.tsx
+++ b/src/components/datagrid/controls/column_sorting_draggable.test.tsx
@@ -106,13 +106,15 @@ describe('EuiDataGridColumnSortingDraggable', () => {
       );
 
       expect(
-        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-asc')
-          .title
+        getByTestSubject(
+          'euiDataGridColumnSorting-sortColumn-columnA-asc'
+        )?.querySelector('[data-text]')?.textContent
       ).toEqual('A-Z');
 
       expect(
-        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-desc')
-          .title
+        getByTestSubject(
+          'euiDataGridColumnSorting-sortColumn-columnA-desc'
+        )?.querySelector('[data-text]')?.textContent
       ).toEqual('Z-A');
     });
 
@@ -131,13 +133,15 @@ describe('EuiDataGridColumnSortingDraggable', () => {
       );
 
       expect(
-        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-asc')
-          .title
+        getByTestSubject(
+          'euiDataGridColumnSorting-sortColumn-columnA-asc'
+        )?.querySelector('[data-text]')?.textContent
       ).toEqual('False-True');
 
       expect(
-        getByTestSubject('euiDataGridColumnSorting-sortColumn-columnA-desc')
-          .title
+        getByTestSubject(
+          'euiDataGridColumnSorting-sortColumn-columnA-desc'
+        )?.querySelector('[data-text]')?.textContent
       ).toEqual('True-False');
     });
   });