React 16/17 snapshots

- gets me every time...
elastic · Nov 21, 2023 · 43e5426 · 43e5426
1 parent 44cb0f4
commit 43e5426
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 88 deletions.
diff --git a/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_selector.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`useDataGridColumnSelector columnSelector [React 16] renders a toolbar b
   data-test-subj="dataGridColumnSelectorPopover"
 >
   <button
-    class="euiButtonEmpty euiDataGrid__controlBtn emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
+    class="euiButtonEmpty euiDataGridToolbarControl emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text-EuiDataGridToolbarControl"
     data-test-subj="dataGridColumnSelectorButton"
     type="button"
   >
@@ -18,28 +18,16 @@ exports[`useDataGridColumnSelector columnSelector [React 16] renders a toolbar b
         data-euiicon-type="tableDensityNormal"
       />
       <span
-        class="eui-textTruncate euiButtonEmpty__text"
+        class="euiDataGridToolbarControl__text eui-textTruncate"
       >
-        <div
-          class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
-        >
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            Columns
-          </div>
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            <span
-              aria-label="Active: 2"
-              class="euiNotificationBadge emotion-euiNotificationBadge-s-subdued"
-              role="marquee"
-            >
-              2
-            </span>
-          </div>
-        </div>
+        Columns
+      </span>
+      <span
+        aria-label="- Active: 2"
+        class="euiNotificationBadge euiDataGridToolbarControl__badge emotion-euiNotificationBadge-s-subdued-EuiDataGridToolbarControl"
+        role="marquee"
+      >
+        2
       </span>
     </span>
   </button>
@@ -310,7 +298,7 @@ exports[`useDataGridColumnSelector columnSelector [React 17] renders a toolbar b
   data-test-subj="dataGridColumnSelectorPopover"
 >
   <button
-    class="euiButtonEmpty euiDataGrid__controlBtn emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
+    class="euiButtonEmpty euiDataGridToolbarControl emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text-EuiDataGridToolbarControl"
     data-test-subj="dataGridColumnSelectorButton"
     type="button"
   >
@@ -322,28 +310,16 @@ exports[`useDataGridColumnSelector columnSelector [React 17] renders a toolbar b
         data-euiicon-type="tableDensityNormal"
       />
       <span
-        class="eui-textTruncate euiButtonEmpty__text"
+        class="euiDataGridToolbarControl__text eui-textTruncate"
       >
-        <div
-          class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
-        >
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            Columns
-          </div>
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            <span
-              aria-label="Active: 2"
-              class="euiNotificationBadge emotion-euiNotificationBadge-s-subdued"
-              role="marquee"
-            >
-              2
-            </span>
-          </div>
-        </div>
+        Columns
+      </span>
+      <span
+        aria-label="- Active: 2"
+        class="euiNotificationBadge euiDataGridToolbarControl__badge emotion-euiNotificationBadge-s-subdued-EuiDataGridToolbarControl"
+        role="marquee"
+      >
+        2
       </span>
     </span>
   </button>

diff --git a/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap b/src/components/datagrid/controls/__snapshots__/column_sorting.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`useDataGridColumnSorting columnSorting [React 16] renders a toolbar but
   data-test-subj="dataGridColumnSortingPopover"
 >
   <button
-    class="euiButtonEmpty euiDataGrid__controlBtn emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
+    class="euiButtonEmpty euiDataGridToolbarControl emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text-EuiDataGridToolbarControl"
     data-test-subj="dataGridColumnSortingButton"
     type="button"
   >
@@ -18,28 +18,16 @@ exports[`useDataGridColumnSorting columnSorting [React 16] renders a toolbar but
         data-euiicon-type="sortable"
       />
       <span
-        class="eui-textTruncate euiButtonEmpty__text"
+        class="euiDataGridToolbarControl__text eui-textTruncate"
       >
-        <div
-          class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
-        >
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            Sort fields
-          </div>
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            <span
-              aria-label="Active: 1"
-              class="euiNotificationBadge emotion-euiNotificationBadge-s-subdued"
-              role="marquee"
-            >
-              1
-            </span>
-          </div>
-        </div>
+        Sort fields
+      </span>
+      <span
+        aria-label="- Active: 1"
+        class="euiNotificationBadge euiDataGridToolbarControl__badge emotion-euiNotificationBadge-s-subdued-EuiDataGridToolbarControl"
+        role="marquee"
+      >
+        1
       </span>
     </span>
   </button>
@@ -288,7 +276,7 @@ exports[`useDataGridColumnSorting columnSorting [React 17] renders a toolbar but
   data-test-subj="dataGridColumnSortingPopover"
 >
   <button
-    class="euiButtonEmpty euiDataGrid__controlBtn emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text"
+    class="euiButtonEmpty euiDataGridToolbarControl emotion-euiButtonDisplay-euiButtonEmpty-xs-empty-text-EuiDataGridToolbarControl"
     data-test-subj="dataGridColumnSortingButton"
     type="button"
   >
@@ -300,28 +288,16 @@ exports[`useDataGridColumnSorting columnSorting [React 17] renders a toolbar but
         data-euiicon-type="sortable"
       />
       <span
-        class="eui-textTruncate euiButtonEmpty__text"
+        class="euiDataGridToolbarControl__text eui-textTruncate"
       >
-        <div
-          class="euiFlexGroup emotion-euiFlexGroup-s-flexStart-center-row"
-        >
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            Sort fields
-          </div>
-          <div
-            class="euiFlexItem emotion-euiFlexItem-growZero"
-          >
-            <span
-              aria-label="Active: 1"
-              class="euiNotificationBadge emotion-euiNotificationBadge-s-subdued"
-              role="marquee"
-            >
-              1
-            </span>
-          </div>
-        </div>
+        Sort fields
+      </span>
+      <span
+        aria-label="- Active: 1"
+        class="euiNotificationBadge euiDataGridToolbarControl__badge emotion-euiNotificationBadge-s-subdued-EuiDataGridToolbarControl"
+        role="marquee"
+      >
+        1
       </span>
     </span>
   </button>