[tooltip] add test story

Author: Valeria-Zimnitskaya

stories/components/tooltip/tests/Tooltip.stories.tsx

@@ -4,6 +4,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import TooltipInteractionsExample from './examples/basic_usage';
 import InteractiveInTooltipsExample from './examples/interactive-in-tooltip';
 import TooltipStatesExample from './examples/tooltip-styles';
+import ValidationErrorsExample from './examples/validation-error';
 
 const meta: Meta<typeof Tooltip> = {
   title: 'Components/Tooltip/Tests',
@@ -24,3 +25,7 @@ export const TooltipStates: Story = {
 export const TooltipInteractions: Story = {
   render: TooltipInteractionsExample,
 };
+
+export const ValidationErrors: Story = {
+  render: ValidationErrorsExample,
+};

stories/components/tooltip/tests/examples/validation-error.tsx

@@ -0,0 +1,34 @@
+import { Box, Flex } from '@semcore/ui/base-components';
+import Button from '@semcore/ui/button';
+import Radio, { RadioGroup } from '@semcore/ui/radio';
+import Tooltip from '@semcore/ui/tooltip';
+import React from 'react';
+
+const Demo = () => {
+  const [isVisible, setIsVisible] = React.useState(false);
+
+  return (
+    <Flex direction='column'>
+      <RadioGroup aria-label='RadioGroup example' size='m'>
+        <Tooltip visible={isVisible} theme='warning'>
+          <Tooltip.Trigger>
+            <Radio
+              label='Value 1'
+              state={isVisible ? 'invalid' : 'normal'}
+              value='1'
+            />
+          </Tooltip.Trigger>
+          <Tooltip.Popper>Choose option!</Tooltip.Popper>
+        </Tooltip>
+        <Radio label='Value 2' mb={3} state='normal' value='2' />
+      </RadioGroup>
+      <Button onClick={() => setIsVisible(!isVisible)}>
+        Show validation error
+      </Button>
+    </Flex>
+  );
+};
+
+export default Demo;
+
+export const App = () => <Demo />;