diff --git a/src/components/Text/__stories__/Text.stories.tsx b/src/components/Text/__stories__/Text.stories.tsx
index 8c7d2e5ff2..f79eb836ed 100644
--- a/src/components/Text/__stories__/Text.stories.tsx
+++ b/src/components/Text/__stories__/Text.stories.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 
 import type {Meta, StoryObj} from '@storybook/react';
 
+import {Button} from '../../Button';
+import {TextInput} from '../../controls';
 import {Flex} from '../../layout';
 import {Text, colorText, text} from '../index';
 
@@ -101,3 +103,45 @@ export const WordBreak: Story = {
         wordBreak: 'break-all',
     },
 };
+
+const LabelWithControlledFocusStory = () => {
+    const ref = React.useRef<HTMLLabelElement>(null); // don't delete this ref - needed to check currect react html type inshurance
+    const id = 'some-id';
+
+    return (
+        <Flex gap="5">
+            <Text as="label" htmlFor={id} ref={ref}>
+                Click on label to control text input
+            </Text>
+            <TextInput id={id} />
+        </Flex>
+    );
+};
+
+export const LabelWithControlledFocus: Story = {
+    render: () => <LabelWithControlledFocusStory />,
+
+    args: {},
+};
+
+const WithCustomElementRenderStory = () => {
+    return (
+        <Flex direction={'column'} gap="5">
+            <Text as="code">
+                {
+                    '<Text as={Button} size={\'m\'} view="action" color="danger-heavy" variant="header-1">Hello World!</Text>'
+                }
+            </Text>
+
+            <Text as={Button} size={'m'} view="action" color="danger-heavy" variant="header-1">
+                Hello World!
+            </Text>
+        </Flex>
+    );
+};
+
+export const WithCustomElementRender: Story = {
+    render: () => <WithCustomElementRenderStory />,
+
+    args: {},
+};
diff --git a/src/components/Text/__tests__/Text.test.tsx b/src/components/Text/__tests__/Text.test.tsx
deleted file mode 100644
index ca93be8b14..0000000000
--- a/src/components/Text/__tests__/Text.test.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-
-import {render} from '../../../../test-utils/utils';
-import {Button} from '../../Button';
-import {Text} from '../Text';
-
-describe('Text', () => {
-    describe('should return expected html', () => {
-        test('if no props passed', () => {
-            const {container} = render(<Text>Hello World!</Text>);
-
-            expect(container).toMatchSnapshot();
-        });
-
-        test('if qa attr passed and variant changed', () => {
-            const {container} = render(
-                <Text qa="test" variant={'caption-1'}>
-                    Hello World!
-                </Text>,
-            );
-
-            expect(container).toMatchSnapshot();
-        });
-
-        test('if html attributes passed and changed default html tag and with typed ref', () => {
-            const ComponentWithRef = () => {
-                const ref = React.useRef<HTMLLabelElement>(null);
-
-                return (
-                    <Text as="label" htmlFor="some-id" ref={ref}>
-                        Hello World!
-                    </Text>
-                );
-            };
-
-            const {container} = render(<ComponentWithRef />);
-
-            expect(container).toMatchSnapshot();
-        });
-
-        test('if passed props what converted to classNames and styles', () => {
-            const {container} = render(
-                <Text
-                    style={{width: 200}}
-                    ellipsisLines={2}
-                    ellipsis={true}
-                    whiteSpace="break-spaces"
-                    wordBreak="break-word"
-                >
-                    Hello World!
-                </Text>,
-            );
-
-            expect(container).toMatchSnapshot();
-        });
-
-        test('with another component substitution', () => {
-            const {container} = render(
-                <Text as={Button} size={'m'} view="action">
-                    Hello World!
-                </Text>,
-            );
-
-            expect(container).toMatchSnapshot();
-        });
-    });
-});
diff --git a/src/components/Text/__tests__/__snapshots__/Text.test.tsx.snap b/src/components/Text/__tests__/__snapshots__/Text.test.tsx.snap
deleted file mode 100644
index d8d2075752..0000000000
--- a/src/components/Text/__tests__/__snapshots__/Text.test.tsx.snap
+++ /dev/null
@@ -1,59 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Text should return expected html if html attributes passed and changed default html tag and with typed ref 1`] = `
-<div>
-  <label
-    class="g-text g-text_variant_body-1"
-    for="some-id"
-  >
-    Hello World!
-  </label>
-</div>
-`;
-
-exports[`Text should return expected html if no props passed 1`] = `
-<div>
-  <span
-    class="g-text g-text_variant_body-1"
-  >
-    Hello World!
-  </span>
-</div>
-`;
-
-exports[`Text should return expected html if passed props what converted to classNames and styles 1`] = `
-<div>
-  <span
-    class="g-text g-text_variant_body-1 g-text_ellipsis g-text_ws_break-spaces g-text_wb_break-word g-text_ellipsis-lines"
-    style="width: 200px;"
-  >
-    Hello World!
-  </span>
-</div>
-`;
-
-exports[`Text should return expected html if qa attr passed and variant changed 1`] = `
-<div>
-  <span
-    class="g-text g-text_variant_caption-1"
-    data-qa="test"
-  >
-    Hello World!
-  </span>
-</div>
-`;
-
-exports[`Text should return expected html with another component substitution 1`] = `
-<div>
-  <button
-    class="g-button g-button_view_action g-button_size_m g-button_pin_round-round g-text g-text_variant_body-1"
-    type="button"
-  >
-    <span
-      class="g-button__text"
-    >
-      Hello World!
-    </span>
-  </button>
-</div>
-`;