Update unit tests and snapshots

elastic · Jan 14, 2024 · de500a4 · de500a4
1 parent ce38128
commit de500a4
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 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
@@ -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
@@ -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
@@ -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');
     });
   });