test(EuiSuperUpdateButton): compare default component output against a snapshot

tkajtoch · tkajtoch · commit 5ccf14414d89 · 2024-03-18T14:30:12.000+01:00
diff --git a/src/components/date_picker/super_date_picker/__snapshots__/super_update_button.test.tsx.snap b/src/components/date_picker/super_date_picker/__snapshots__/super_update_button.test.tsx.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EuiSuperUpdateButton is rendered 1`] = `
+<div>
+  <span
+    class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
+  >
+    <button
+      class="euiButton euiSuperUpdateButton emotion-euiButtonDisplay-m-fill-primary"
+      style="min-inline-size: 118px;"
+      type="button"
+    >
+      <span
+        class="emotion-euiButtonDisplayContent"
+      >
+        <span
+          color="inherit"
+          data-euiicon-type="refresh"
+        />
+        Refresh
+      </span>
+    </button>
+  </span>
+</div>
+`;
diff --git a/src/components/date_picker/super_date_picker/super_update_button.test.tsx b/src/components/date_picker/super_date_picker/super_update_button.test.tsx
@@ -37,15 +37,19 @@ describe('EuiSuperUpdateButton', () => {
   );
 
   it('is rendered', () => {
-    const { container } = render(<EuiSuperUpdateButton onClick={noop} />);
+    const { container, getByRole } = render(
+      <EuiSuperUpdateButton onClick={noop} />
+    );
 
     const tooltipWrapper = container.querySelector('.euiToolTipAnchor');
     expect(tooltipWrapper).toBeInTheDocument();
 
-    const button = within(tooltipWrapper as HTMLElement).getByRole('button');
+    const button = getByRole('button');
     expect(button).toBeInTheDocument();
     expect(button).toHaveClass('euiSuperUpdateButton');
     expect(button).toHaveTextContent('Refresh');
+
+    expect(container).toMatchSnapshot();
   });
 
   describe('props', () => {
