feat(react): add hidden story for Pagination tooltip hover VRT (#22154)

riddhybansal · web-flow · commit 51dab5662b00 · 2026-05-04T14:03:08.000Z
* feat(react): add hidden story for Pagination tooltip hover VRT

* fix: added delay for chromatic
diff --git a/packages/react/src/components/Pagination/Pagination.stories.js b/packages/react/src/components/Pagination/Pagination.stories.js
@@ -9,6 +9,7 @@ import Pagination from './Pagination';
 import React from 'react';
 import { action } from 'storybook/actions';
 import mdx from './Pagination.mdx';
+import userEvent from '@testing-library/user-event';
 
 const props = () => ({
   disabled: false,
@@ -150,6 +151,20 @@ Default.argTypes = {
   },
 };
 
+export const TooltipHover = {
+  ...Default,
+  tags: ['!autodocs', '!dev'],
+  parameters: {
+    chromatic: { delay: 100 },
+  },
+  play: async ({ canvasElement }) => {
+    const nextButton = canvasElement.querySelector(
+      '.cds--pagination__button--forward'
+    );
+    await userEvent.hover(nextButton);
+  },
+};
+
 export const MultiplePaginationComponents = (args) => {
   return (
     <div>
