elastic
diff --git a/‎packages/eui/.loki/reference/chrome_desktop_Display_EuiToolTip_Dark_Mode.png‎
13.8 KB b/‎packages/eui/.loki/reference/chrome_desktop_Display_EuiToolTip_Dark_Mode.png‎
13.8 KB
diff --git a/‎packages/eui/.loki/reference/chrome_desktop_Display_EuiToolTip_High_Contrast_Mode.png‎
11.4 KB b/‎packages/eui/.loki/reference/chrome_desktop_Display_EuiToolTip_High_Contrast_Mode.png‎
11.4 KB
diff --git a/‎packages/eui/.loki/reference/chrome_desktop_Display_EuiToolTip_Playground.png‎
-125 Bytes b/‎packages/eui/.loki/reference/chrome_desktop_Display_EuiToolTip_Playground.png‎
-125 Bytes
diff --git a/‎packages/eui/.loki/reference/chrome_mobile_Display_EuiToolTip_Dark_Mode.png‎
20.7 KB b/‎packages/eui/.loki/reference/chrome_mobile_Display_EuiToolTip_Dark_Mode.png‎
20.7 KB
diff --git a/‎packages/eui/.loki/reference/chrome_mobile_Display_EuiToolTip_High_Contrast_Mode.png‎
15.9 KB b/‎packages/eui/.loki/reference/chrome_mobile_Display_EuiToolTip_High_Contrast_Mode.png‎
15.9 KB
diff --git a/‎packages/eui/.loki/reference/chrome_mobile_Display_EuiToolTip_Playground.png‎
-171 Bytes b/‎packages/eui/.loki/reference/chrome_mobile_Display_EuiToolTip_Playground.png‎
-171 Bytes
diff --git a/‎packages/eui/src/components/tool_tip/tool_tip.stories.tsx‎
Lines changed: 30 additions & 1 deletion b/‎packages/eui/src/components/tool_tip/tool_tip.stories.tsx‎
Lines changed: 30 additions & 1 deletion
@@ -10,7 +10,8 @@ import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { enableFunctionToggleControls } from '../../../.storybook/utils';
-import { LOKI_SELECTORS } from '../../../.storybook/loki';
+import { LOKI_SELECTORS, lokiPlayDecorator } from '../../../.storybook/loki';
+import { sleep } from '../../test';
 import { EuiFlexGroup } from '../flex';
 import { EuiButton } from '../button';
 import { EuiToolTip, EuiToolTipProps } from './tool_tip';
@@ -71,4 +72,32 @@ export const Playground: Story = {
   //     });
   //   });
   // }),
+  play: lokiPlayDecorator(async () => {
+    // Reduce VRT flakiness/screenshots before tooltip is fully visible
+    await sleep(300);
+  }),
+};
+
+/**
+ * VRT only stories
+ */
+
+export const DarkMode: Story = {
+  tags: ['vrt-only'],
+  globals: { colorMode: 'dark' },
+  ...Playground,
+  args: {
+    ...Playground.args,
+    position: 'bottom',
+  },
+};
+
+export const HighContrastMode: Story = {
+  tags: ['vrt-only'],
+  globals: { highContrastMode: true, colorMode: 'dark' },
+  ...Playground,
+  args: {
+    ...Playground.args,
+    position: 'left',
+  },
 };