diff --git a/semcore/base-components/__tests__/Grid.test.jsx b/semcore/base-components/__tests__/Grid.test.jsx
index 01e3771f6f..fafaca4ae1 100644
--- a/semcore/base-components/__tests__/Grid.test.jsx
+++ b/semcore/base-components/__tests__/Grid.test.jsx
@@ -1,17 +1,22 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup } from '@semcore/testing-utils/testing-library';
 import { describe, beforeEach } from '@semcore/testing-utils/vitest';
-import React from 'react';
 
 import { Col, Row } from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('Grid', () => {
   beforeEach(cleanup);
-  shouldSupportClassName(Row);
-  shouldSupportRef(Row);
 
-  shouldSupportClassName(Col, Row);
-  shouldSupportRef(Col, Row);
+  runComponentContractTests({
+    Component: Row,
+    expectedDataUiName: 'Row',
+    preset: 'root',
+  });
+
+  runComponentContractTests({
+    Component: Col,
+    Wrapper: Row,
+    expectedDataUiName: 'Row.Col',
+    preset: 'root',
+  });
 });
diff --git a/semcore/base-components/__tests__/flex-box.test.jsx b/semcore/base-components/__tests__/flex-box.test.jsx
index 30f9b76007..07ce544cfe 100644
--- a/semcore/base-components/__tests__/flex-box.test.jsx
+++ b/semcore/base-components/__tests__/flex-box.test.jsx
@@ -1,17 +1,22 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import { Box, Flex } from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
+const SpanTag = function SpanTag(props) {
+  return <span {...props} />;
+};
 
 describe('Flex', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Flex);
-  shouldSupportRef(Flex);
+  runComponentContractTests({
+    Component: Flex,
+    expectedDataUiName: 'Flex',
+    preset: 'root',
+  });
 
   test.concurrent('Verify supports css property', async () => {
     const MAP_CSS = {
@@ -80,28 +85,15 @@ describe('Flex', () => {
 describe('Box', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Box);
-  shouldSupportRef(Box);
-
-  test('Verify \'tag\' prop', () => {
-    const { getByTestId } = render(
-      <Box tag='span' data-testid='box'>
-        tag
-      </Box>,
-    );
-    expect(getByTestId('box').tagName).toBe('SPAN');
-  });
-
-  test('Verify \'tag\' prop component', () => {
-    const Span = function (props) {
-      return <span {...props} />;
-    };
-    const { getByTestId } = render(
-      <Box tag={Span} data-testid='box'>
-        tag
-      </Box>,
-    );
-    expect(getByTestId('box').tagName).toBe('SPAN');
+  runComponentContractTests({
+    Component: Box,
+    expectedDataUiName: 'Box',
+    preset: 'root',
+    include: ['tag'],
+    tagCases: [
+      { tag: 'button', expectedTagName: 'BUTTON' },
+      { tag: SpanTag, name: 'SpanTag', expectedTagName: 'SPAN' },
+    ],
   });
 
   test('Verify clear non html props', () => {
diff --git a/semcore/base-components/__tests__/scroll-area.test.tsx b/semcore/base-components/__tests__/scroll-area.test.tsx
index a828080131..43d0ede511 100644
--- a/semcore/base-components/__tests__/scroll-area.test.tsx
+++ b/semcore/base-components/__tests__/scroll-area.test.tsx
@@ -1,12 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, render, fireEvent, waitFor } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import { ScrollArea, eventCalculate } from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('ScrollArea', () => {
   beforeEach(cleanup);
 
@@ -25,8 +23,11 @@ describe('ScrollArea', () => {
     ).toBe(1);
   });
 
-  shouldSupportClassName(ScrollArea);
-  shouldSupportRef(ScrollArea);
+  runComponentContractTests({
+    Component: ScrollArea,
+    expectedDataUiName: 'ScrollArea',
+    preset: 'root',
+  });
 
   test.concurrent('Verify trigger calculate event on container', () => {
     const { getByTestId } = render(
@@ -84,6 +85,10 @@ describe('ScrollArea', () => {
 describe('ScrollArea.Container', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(ScrollArea.Container, ScrollArea);
-  shouldSupportRef(ScrollArea.Container, ScrollArea);
+  runComponentContractTests({
+    Component: ScrollArea.Container,
+    Wrapper: ScrollArea,
+    expectedDataUiName: 'ScrollArea.Container',
+    preset: 'root',
+  });
 });
diff --git a/semcore/base-trigger/__tests__/index.test.tsx b/semcore/base-trigger/__tests__/index.test.tsx
index a2dc1caa50..03b0283bf9 100644
--- a/semcore/base-trigger/__tests__/index.test.tsx
+++ b/semcore/base-trigger/__tests__/index.test.tsx
@@ -1,5 +1,4 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, render, userEvent } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest';
 import React from 'react';
@@ -10,20 +9,24 @@ describe('BaseTrigger Dependency imports', () => {
   runDependencyCheckTests('base-trigger');
 });
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('BaseTrigger', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(BaseTrigger);
-  shouldSupportRef(BaseTrigger);
+  runComponentContractTests({
+    Component: BaseTrigger,
+    expectedDataUiName: 'BaseTrigger',
+    preset: 'root',
+  });
 });
 
 describe('ButtonTrigger', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(ButtonTrigger);
-  shouldSupportRef(ButtonTrigger);
+  runComponentContractTests({
+    Component: ButtonTrigger,
+    expectedDataUiName: 'ButtonTrigger',
+    preset: 'root',
+  });
 
   test.concurrent('Should work as button with labels', async () => {
     const component = (
@@ -46,13 +49,20 @@ describe('ButtonTrigger', () => {
 describe('FilterTrigger', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(FilterTrigger);
-  shouldSupportRef(FilterTrigger);
+  runComponentContractTests({
+    Component: FilterTrigger,
+    expectedDataUiName: 'FilterTrigger',
+    preset: 'root',
+  });
 });
 
 describe('LinkTrigger', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(LinkTrigger);
-  shouldSupportRef(LinkTrigger);
+  runComponentContractTests({
+    Component: LinkTrigger,
+    props: { children: 'Link trigger' },
+    expectedDataUiName: 'LinkTrigger',
+    preset: 'root',
+  });
 });
diff --git a/semcore/button/__tests__/index.test.tsx b/semcore/button/__tests__/index.test.tsx
index 6df32c40f8..c18a9cdebd 100644
--- a/semcore/button/__tests__/index.test.tsx
+++ b/semcore/button/__tests__/index.test.tsx
@@ -1,15 +1,51 @@
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
-import { render } from '@semcore/testing-utils/testing-library';
-import { expect, test, describe } from '@semcore/testing-utils/vitest';
+import Link from '@semcore/link';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { cleanup, render } from '@semcore/testing-utils/testing-library';
+import { beforeEach, expect, test, describe } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
-import Button from '../src';
+import Button, { ButtonLink } from '../src';
 
 describe('Button Dependency imports', () => {
   runDependencyCheckTests('button');
 });
 
 describe('Button', () => {
+  beforeEach(cleanup);
+
+  runComponentContractTests({
+    Component: Button,
+    props: { children: 'Button' },
+    expectedDataUiName: 'Button',
+    preset: ['root', 'interactive'],
+    include: ['tag'],
+    tagCases: [
+      { tag: 'a', expectedTagName: 'A', props: { href: '#' } },
+      { tag: Link, name: 'Link', expectedTagName: 'A', props: { href: '#' } },
+    ],
+  });
+
+  runComponentContractTests({
+    Component: Button.Text,
+    props: { children: 'Button text' },
+    expectedDataUiName: 'Button.Text',
+    preset: 'root',
+  });
+
+  runComponentContractTests({
+    Component: Button.Addon,
+    props: { children: <span>Addon</span> },
+    expectedDataUiName: 'Button.Addon',
+    preset: 'root',
+  });
+
+  runComponentContractTests({
+    Component: ButtonLink,
+    props: { children: 'ButtonLink' },
+    expectedDataUiName: 'ButtonLink',
+    preset: 'root',
+  });
+
   test('Verify loading attributes', () => {
     const { queryByTestId } = render(
       <Button data-testid='button' loading>
@@ -20,7 +56,7 @@ describe('Button', () => {
     expect(queryByTestId('button')?.querySelectorAll('[data-ui-name="Spin"]')).toHaveLength(1);
   });
 
-  test.concurrent('Verify aria-busy when loading', () => {
+  test('Verify aria-busy when loading', () => {
     const { queryByTestId } = render(
       <Button data-testid='busy-button' loading>
         Text
diff --git a/semcore/card/__tests__/index.test.tsx b/semcore/card/__tests__/index.test.tsx
index 5cc34e472f..8b589d2223 100644
--- a/semcore/card/__tests__/index.test.tsx
+++ b/semcore/card/__tests__/index.test.tsx
@@ -1,12 +1,9 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup } from '@semcore/testing-utils/testing-library';
 import { describe, beforeEach } from '@semcore/testing-utils/vitest';
 
 import Card from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('Card Dependency imports', () => {
   runDependencyCheckTests('card');
 });
@@ -14,12 +11,23 @@ describe('Card Dependency imports', () => {
 describe('Card', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Card);
-  shouldSupportRef(Card);
+  runComponentContractTests({
+    Component: Card,
+    expectedDataUiName: 'Card',
+    preset: 'root',
+  });
 
-  shouldSupportClassName(Card.Title, Card);
-  shouldSupportRef(Card.Title, Card);
+  runComponentContractTests({
+    Component: Card.Title,
+    Wrapper: Card,
+    expectedDataUiName: 'Card.Title',
+    preset: 'root',
+  });
 
-  shouldSupportClassName(Card.Description, Card);
-  shouldSupportRef(Card.Description, Card);
+  runComponentContractTests({
+    Component: Card.Description,
+    Wrapper: Card,
+    expectedDataUiName: 'Card.Description',
+    preset: 'root',
+  });
 });
diff --git a/semcore/carousel/__tests__/index.test.tsx b/semcore/carousel/__tests__/index.test.tsx
index dbcea56bbb..c1cb9ae473 100644
--- a/semcore/carousel/__tests__/index.test.tsx
+++ b/semcore/carousel/__tests__/index.test.tsx
@@ -1,14 +1,11 @@
 import { Box } from '@semcore/base-components';
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Carousel from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('Carousel Dependency imports', () => {
   runDependencyCheckTests('carousel');
 });
@@ -36,8 +33,11 @@ const Indicators = () => (
 describe('Carousel', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Carousel);
-  shouldSupportRef(Carousel);
+  runComponentContractTests({
+    Component: Carousel,
+    expectedDataUiName: 'Carousel',
+    preset: 'root',
+  });
 
   test('Verify control mode', () => {
     const spy = vi.fn();
@@ -97,22 +97,33 @@ describe('Carousel', () => {
 describe('Carousel.Container', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Carousel.Container, Carousel);
-  shouldSupportRef(Carousel.Container, Carousel);
+  runComponentContractTests({
+    Component: Carousel.Container,
+    Wrapper: Carousel,
+    expectedDataUiName: 'Carousel.Container',
+    preset: 'root',
+  });
 });
 
 describe('Carousel.Item', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Carousel.Item, Carousel);
-  shouldSupportRef(Carousel.Item, Carousel);
+  runComponentContractTests({
+    Component: Carousel.Item,
+    Wrapper: Carousel,
+    expectedDataUiName: 'Carousel.Item',
+    preset: 'leaf',
+  });
 });
 
 describe('Carousel.Indicators', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Carousel.Indicators, Carousel);
-  shouldSupportRef(Carousel.Indicators, Carousel);
+  runComponentContractTests({
+    Component: Carousel.Indicators,
+    expectedDataUiName: 'Carousel.Indicators',
+    preset: 'leaf',
+  });
 
   test('Verify call onIndexChange after click', () => {
     const spy = vi.fn();
@@ -191,8 +202,12 @@ describe('Carousel.Indicators', () => {
 describe('Carousel.Prev', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Carousel.Prev, Carousel);
-  shouldSupportRef(Carousel.Prev, Carousel);
+  runComponentContractTests({
+    Component: Carousel.Prev,
+    props: { label: 'Previous slide' },
+    expectedDataUiName: 'Carousel.Prev',
+    preset: 'root',
+  });
 
   test('Verify call onIndexChange after click', () => {
     const spy = vi.fn();
@@ -244,8 +259,12 @@ describe('Carousel.Prev', () => {
 describe('Carousel.Next', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Carousel.Next, Carousel);
-  shouldSupportRef(Carousel.Next, Carousel);
+  runComponentContractTests({
+    Component: Carousel.Next,
+    props: { label: 'Next slide' },
+    expectedDataUiName: 'Carousel.Next',
+    preset: 'root',
+  });
 
   test('Verify call onIndexChange after click', () => {
     const spy = vi.fn();
diff --git a/semcore/checkbox/__tests__/index.test.tsx b/semcore/checkbox/__tests__/index.test.tsx
index 5fd19b1600..cc7f5323ee 100644
--- a/semcore/checkbox/__tests__/index.test.tsx
+++ b/semcore/checkbox/__tests__/index.test.tsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Checkbox from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('Checkbox Dependency imports', () => {
   runDependencyCheckTests('checkbox');
 });
@@ -15,12 +12,26 @@ describe('Checkbox Dependency imports', () => {
 describe('Checkbox', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Checkbox);
-  shouldSupportRef(Checkbox);
-  shouldSupportClassName(Checkbox.Value, Checkbox);
-  shouldSupportRef(Checkbox.Value, Checkbox);
-  shouldSupportClassName(Checkbox.Text, Checkbox);
-  shouldSupportRef(Checkbox.Text, Checkbox);
+  runComponentContractTests({
+    Component: Checkbox,
+    expectedDataUiName: 'Checkbox',
+    preset: 'root',
+  });
+
+  runComponentContractTests({
+    Component: Checkbox.Value,
+    Wrapper: Checkbox,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
+
+  runComponentContractTests({
+    Component: Checkbox.Text,
+    Wrapper: Checkbox,
+    expectedDataUiName: 'Checkbox.Text',
+    preset: 'root',
+  });
 
   test.concurrent(
     'Verify Control has aria-label, aria-labelledby, aria-describedby from root',
diff --git a/semcore/counter/__tests__/index.test.tsx b/semcore/counter/__tests__/index.test.tsx
index a0b3231db0..be2f584f0b 100644
--- a/semcore/counter/__tests__/index.test.tsx
+++ b/semcore/counter/__tests__/index.test.tsx
@@ -1,7 +1,19 @@
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
-import { describe } from '@semcore/testing-utils/vitest';
-import React from 'react';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { cleanup } from '@semcore/testing-utils/testing-library';
+import { beforeEach, describe } from '@semcore/testing-utils/vitest';
+
+import Counter from '../src';
 
 describe('Counter Dependency imports', () => {
   runDependencyCheckTests('counter');
 });
+
+describe('Counter', () => {
+  beforeEach(cleanup);
+
+  runComponentContractTests({
+    Component: Counter,
+    expectedDataUiName: 'Counter',
+    preset: 'root',
+  });
+});
diff --git a/semcore/d3-chart/__tests__/index.test.tsx b/semcore/d3-chart/__tests__/index.test.tsx
index 62b0feea1a..1cdd880952 100644
--- a/semcore/d3-chart/__tests__/index.test.tsx
+++ b/semcore/d3-chart/__tests__/index.test.tsx
@@ -1,6 +1,5 @@
 import Icon from '@semcore/icon/Video/m';
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { render, fireEvent, cleanup, queryAllByAttribute, queryByAttribute, userEvent } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi, afterEach } from '@semcore/testing-utils/vitest';
 import { scaleLinear, scaleBand } from 'd3-scale';
@@ -18,8 +17,6 @@ import {
 import { PlotA11yView } from '../src/a11y/PlotA11yView';
 import { getIndexFromData } from '../src/utils';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 const width = 500;
 const height = 500;
 const date = new Date();
@@ -107,8 +104,13 @@ describe('d3-chart Dependency imports', () => {
 
 describe('Plot', () => {
   beforeEach(cleanup);
-  shouldSupportClassName(PlotTest);
-  shouldSupportRef(PlotTest);
+
+  runComponentContractTests({
+    Component: PlotTest,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
 
   test.concurrent('Should support render null', () => {
     const { queryByText } = render(<Plot>Test</Plot>);
@@ -119,8 +121,13 @@ describe('Plot', () => {
 describe('YAxis', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(YAxis, PlotTest);
-  shouldSupportRef(YAxis, PlotTest);
+  runComponentContractTests({
+    Component: YAxis,
+    Wrapper: PlotTest,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
 
   test(
     'Should support call children function for Grid how many ticks are passed',
@@ -190,8 +197,13 @@ describe('YAxis', () => {
 describe('XAxis', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(XAxis, PlotTest);
-  shouldSupportRef(XAxis, PlotTest);
+  runComponentContractTests({
+    Component: XAxis,
+    Wrapper: PlotTest,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
 
   test.concurrent('should support hover for custom XAxis.Ticks', () => {
     vi.spyOn(window, 'requestAnimationFrame').mockImplementation((cb) => (cb as any)());
diff --git a/semcore/divider/__tests__/index.test.tsx b/semcore/divider/__tests__/index.test.tsx
index 6082e3a7bc..1e9763ae95 100644
--- a/semcore/divider/__tests__/index.test.tsx
+++ b/semcore/divider/__tests__/index.test.tsx
@@ -1,13 +1,9 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup } from '@semcore/testing-utils/testing-library';
 import { describe, beforeEach } from '@semcore/testing-utils/vitest';
-import React from 'react';
 
 import Divider from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('Divider Dependency imports', () => {
   runDependencyCheckTests('divider');
 });
@@ -15,6 +11,9 @@ describe('Divider Dependency imports', () => {
 describe('Divider', () => {
   beforeEach(cleanup);
 
-  shouldSupportRef(Divider);
-  shouldSupportClassName(Divider);
+  runComponentContractTests({
+    Component: Divider,
+    expectedDataUiName: 'Divider',
+    preset: 'leaf',
+  });
 });
diff --git a/semcore/dot/__tests__/index.test.tsx b/semcore/dot/__tests__/index.test.tsx
index fca201ebff..dd9fddfe9f 100644
--- a/semcore/dot/__tests__/index.test.tsx
+++ b/semcore/dot/__tests__/index.test.tsx
@@ -1,14 +1,11 @@
 import Button from '@semcore/button';
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi, afterEach } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Dot from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('dot Dependency imports', () => {
   runDependencyCheckTests('dot');
 });
@@ -24,8 +21,12 @@ describe('Dot', () => {
     vi.restoreAllMocks();
   });
 
-  shouldSupportClassName(Dot, undefined, { 'aria-label': 'test dot' });
-  shouldSupportRef(Dot, undefined, { 'aria-label': 'test dot' });
+  runComponentContractTests({
+    Component: Dot,
+    props: { 'aria-label': 'test dot' },
+    expectedDataUiName: 'Dot',
+    preset: 'root',
+  });
 
   test('Verify no "alert" for screenreaders when hidden', async () => {
     const { queryByTestId } = render(
diff --git a/semcore/feature-popover/__tests__/index.test.jsx b/semcore/feature-popover/__tests__/index.test.jsx
index c2a5d4f872..4c69b4b2d7 100644
--- a/semcore/feature-popover/__tests__/index.test.jsx
+++ b/semcore/feature-popover/__tests__/index.test.jsx
@@ -1,104 +1,41 @@
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
-import { render, cleanup } from '@semcore/testing-utils/testing-library';
-import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest';
+import Button from '@semcore/button';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { describe } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import FeaturePopover from '../src';
 
+const FeaturePopoverWrapper = ({ children }) => <FeaturePopover>{children}</FeaturePopover>;
+const VisibleFeaturePopoverWrapper = ({ children }) => <FeaturePopover visible>{children}</FeaturePopover>;
+
 describe('feature-popover Dependency imports', () => {
   runDependencyCheckTests('feature-popover');
 });
 
 describe('FeaturePopover.Trigger', () => {
-  beforeEach(cleanup);
-
-  test('Verify supports custom className', () => {
-    const { getByTestId } = render(
-      <FeaturePopover>
-        <FeaturePopover.Trigger data-testid='trigger' className='more-than one-class' />
-      </FeaturePopover>,
-    );
-
-    expect(getByTestId('trigger').attributes['class'].value).toContain('more-than one-class');
-  });
-
-  test('Verify supports custom attributes', () => {
-    const { getByTestId } = render(
-      <FeaturePopover>
-        <FeaturePopover.Trigger data-testid='trigger' name='trigger' />
-      </FeaturePopover>,
-    );
-
-    expect(getByTestId('trigger').attributes['name'].value).toBe('trigger');
-  });
-
-  test('Verify supports ref', () => {
-    const ref = React.createRef();
-    render(
-      <FeaturePopover>
-        <FeaturePopover.Trigger tag='button' ref={ref} />
-      </FeaturePopover>,
-    );
-    expect(ref.current.nodeName).toBe('BUTTON');
-  });
-
-  test('Verify supports children', async () => {
-    const component = (
-      <FeaturePopover>
-        <FeaturePopover.Trigger>
-          <p data-testid='child'>Test</p>
-        </FeaturePopover.Trigger>
-      </FeaturePopover>
-    );
-    const { getByTestId } = render(component);
-
-    expect(getByTestId('child')).toBeTruthy();
+  runComponentContractTests({
+    Component: FeaturePopover.Trigger,
+    Wrapper: FeaturePopoverWrapper,
+    props: { children: 'Trigger' },
+    expectedDataUiName: 'FeaturePopover.Trigger',
+    preset: 'root',
+    include: ['tag'],
+    tagCases: [
+      { tag: 'button', expectedTagName: 'BUTTON', props: { type: 'button' } },
+      { tag: Button, name: 'Button', expectedTagName: 'BUTTON' },
+    ],
   });
 });
 
 describe('FeaturePopover.Popper', () => {
-  beforeEach(cleanup);
-
-  test('Verify supports custom className', () => {
-    const { getByTestId } = render(
-      <FeaturePopover visible>
-        <FeaturePopover.Popper data-testid='trigger' className='more-than one-class' />
-      </FeaturePopover>,
-    );
-
-    expect(getByTestId('trigger').attributes['class'].value).toContain('more-than one-class');
-  });
-
-  test('Verify supports custom attributes', () => {
-    const { getByTestId } = render(
-      <FeaturePopover visible>
-        <FeaturePopover.Popper data-testid='trigger' name='trigger' />
-      </FeaturePopover>,
-    );
-
-    expect(getByTestId('trigger').attributes['name'].value).toBe('trigger');
-  });
-
-  test('Verify supports ref', () => {
-    const ref = React.createRef();
-    render(
-      <FeaturePopover visible>
-        <FeaturePopover.Popper tag='div' ref={ref} />
-      </FeaturePopover>,
-    );
-    expect(ref.current.nodeName).toBe('DIV');
-  });
-
-  test('Verify supports children', async () => {
-    const component = (
-      <FeaturePopover visible>
-        <FeaturePopover.Popper>
-          <p data-testid='child'>Test</p>
-        </FeaturePopover.Popper>
-      </FeaturePopover>
-    );
-    const { getByTestId } = render(component);
-
-    expect(getByTestId('child')).toBeTruthy();
+  runComponentContractTests({
+    Component: FeaturePopover.Popper,
+    Wrapper: VisibleFeaturePopoverWrapper,
+    expectedDataUiName: 'FeaturePopover.Popper',
+    preset: 'root',
+    include: ['tag'],
+    tagCases: [
+      { tag: 'section', expectedTagName: 'SECTION' },
+    ],
   });
 });
diff --git a/semcore/feedback-form/__tests__/index.test.jsx b/semcore/feedback-form/__tests__/index.test.jsx
index fdffb364b9..cffa59b1e5 100644
--- a/semcore/feedback-form/__tests__/index.test.jsx
+++ b/semcore/feedback-form/__tests__/index.test.jsx
@@ -1,15 +1,12 @@
 import propsForElement from '@semcore/core/lib/utils/propsForElement';
 import CongratsIllustration from '@semcore/illustration/Congrats';
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { render, fireEvent, cleanup, userEvent } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import FeedbackForm, { FeedbackRating } from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('feedback-form Dependency imports', () => {
   runDependencyCheckTests('feedback-form');
 });
@@ -17,8 +14,11 @@ describe('feedback-form Dependency imports', () => {
 describe('FeedbackForm', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(FeedbackForm);
-  shouldSupportRef(FeedbackForm);
+  runComponentContractTests({
+    Component: FeedbackForm,
+    expectedDataUiName: 'FeedbackForm',
+    preset: 'root',
+  });
 
   test.concurrent('Verify call onSubmit', () => {
     const onSubmit = vi.fn();
@@ -108,8 +108,13 @@ describe('FeedbackForm.Item', () => {
     </FeedbackForm.Item>
   ));
 
-  shouldSupportClassName(Item, FeedbackForm);
-  shouldSupportRef(Item, FeedbackForm);
+  runComponentContractTests({
+    Component: Item,
+    Wrapper: FeedbackForm,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
 });
 
 describe('5-star FeedbackForm', () => {
diff --git a/semcore/fullscreen-modal/__tests__/index.test.tsx b/semcore/fullscreen-modal/__tests__/index.test.tsx
index 21be07fadd..8a63b05194 100644
--- a/semcore/fullscreen-modal/__tests__/index.test.tsx
+++ b/semcore/fullscreen-modal/__tests__/index.test.tsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { render, fireEvent, cleanup, screen } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import FullscreenModal from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('fullscreen-modal Dependency imports', () => {
   runDependencyCheckTests('fullscreen-modal');
 });
@@ -15,8 +12,12 @@ describe('fullscreen-modal Dependency imports', () => {
 describe('FullscreenModal', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(FullscreenModal, React.Fragment, { visible: true });
-  shouldSupportRef(FullscreenModal, React.Fragment, { visible: true });
+  runComponentContractTests({
+    Component: FullscreenModal,
+    props: { visible: true },
+    expectedDataUiName: 'FullscreenModal',
+    preset: 'root',
+  });
 
   test('should support hidden props', () => {
     const { rerender, queryByText } = render(<FullscreenModal>Text</FullscreenModal>);
@@ -72,12 +73,14 @@ describe('FullscreenModal', () => {
 describe('FullscreenModal.Header', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(FullscreenModal.Header, ({ children }: any) => (
-    <FullscreenModal visible>{children}</FullscreenModal>
-  ));
-  shouldSupportRef(FullscreenModal.Header, ({ children }: any) => (
-    <FullscreenModal visible>{children}</FullscreenModal>
-  ));
+  runComponentContractTests({
+    Component: FullscreenModal.Header,
+    Wrapper: ({ children }: any) => (
+      <FullscreenModal visible>{children}</FullscreenModal>
+    ),
+    expectedDataUiName: 'FullscreenModal.Header',
+    preset: 'leaf',
+  });
 
   test('Verify supports title', () => {
     const { queryByText } = render(
diff --git a/semcore/icon/__tests__/index.test.jsx b/semcore/icon/__tests__/index.test.jsx
index 94edb5483b..6c413546c9 100644
--- a/semcore/icon/__tests__/index.test.jsx
+++ b/semcore/icon/__tests__/index.test.jsx
@@ -1,4 +1,4 @@
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { render, cleanup, fireEvent } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
@@ -12,6 +12,12 @@ describe('icon Dependency imports', () => {
 describe('Icon', () => {
   beforeEach(cleanup);
 
+  runComponentContractTests({
+    Component: Icon,
+    preset: 'root',
+    skip: ['dataUiName'],
+  });
+
   test.each(['200', '100%'], 'should support custom width %i', (width) => {
     const { getByTestId } = render(<Icon data-testid='icon' width={width} />);
     expect(getByTestId('icon').attributes['width'].value).toBe(width);
@@ -27,20 +33,6 @@ describe('Icon', () => {
     expect(getByTestId('icon').attributes['viewBox'].value).toBe('1 2 3 4');
   });
 
-  test('should support custom className', () => {
-    const { getByTestId } = render(<Icon data-testid='icon' className='more-than one-class' />);
-    expect(getByTestId('icon').attributes['class'].value).toMatch('more-than one-class');
-  });
-
-  test('should support children', () => {
-    const { getByTestId } = render(
-      <Icon>
-        <p data-testid='child'>Test</p>
-      </Icon>,
-    );
-    expect(getByTestId('child')).toBeTruthy();
-  });
-
   test('should apply mt/mb margin props to style', () => {
     const { getByTestId } = render(
       <Icon data-testid='icon' m={2} mt={3} mr={1} mb={5} ml={4} mx={6} my={7} />,
diff --git a/semcore/inline-input/__tests__/index.test.tsx b/semcore/inline-input/__tests__/index.test.tsx
index fde06bd386..795b5430be 100644
--- a/semcore/inline-input/__tests__/index.test.tsx
+++ b/semcore/inline-input/__tests__/index.test.tsx
@@ -1,5 +1,4 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render, act, userEvent } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
@@ -11,13 +10,21 @@ describe('inline-input Dependency imports', () => {
   runDependencyCheckTests('inline-input');
 });
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('InlineInput', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Input);
-  shouldSupportRef(Input.Value, Input);
+  runComponentContractTests({
+    Component: Input,
+    expectedDataUiName: 'InlineInput',
+    preset: 'root',
+  });
+
+  runComponentContractTests({
+    Component: Input.Value,
+    Wrapper: Input,
+    expectedDataUiName: 'InlineInput.Value',
+    preset: 'inputLike',
+  });
 
   test.concurrent('Verify blur behavior', () => {
     vi.useFakeTimers();
diff --git a/semcore/input-mask/__tests__/index.test.tsx b/semcore/input-mask/__tests__/index.test.tsx
index 1140a4fce2..6244331681 100644
--- a/semcore/input-mask/__tests__/index.test.tsx
+++ b/semcore/input-mask/__tests__/index.test.tsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render, userEvent } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import InputMask from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('input-mask Dependency imports', () => {
   runDependencyCheckTests('input-mask');
 });
@@ -15,8 +12,11 @@ describe('input-mask Dependency imports', () => {
 describe('InputMask', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(InputMask);
-  shouldSupportRef(InputMask);
+  runComponentContractTests({
+    Component: InputMask,
+    expectedDataUiName: 'InputMask',
+    preset: 'root',
+  });
 
   test.concurrent('Should renders correctly', async () => {
     const Component = ({ value = '' }) => (
@@ -102,9 +102,15 @@ describe('InputMask', () => {
 describe('InputMask.Value', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(InputMask.Value, InputMask, {
-    title: 'test mask',
-    includeInputProps: ['data-testid'],
+  runComponentContractTests({
+    Component: InputMask.Value,
+    Wrapper: InputMask,
+    props: {
+      title: 'test mask',
+      includeInputProps: ['data-testid'],
+    },
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
   });
-  shouldSupportRef(InputMask.Value, InputMask, { title: 'test mask' });
 });
diff --git a/semcore/input/__tests__/index.test.tsx b/semcore/input/__tests__/index.test.tsx
index 4df9f7f9f4..3bc86390fb 100644
--- a/semcore/input/__tests__/index.test.tsx
+++ b/semcore/input/__tests__/index.test.tsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Input from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('input Dependency imports', () => {
   runDependencyCheckTests('input');
 });
@@ -15,8 +12,11 @@ describe('input Dependency imports', () => {
 describe('Input', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Input);
-  shouldSupportRef(Input);
+  runComponentContractTests({
+    Component: Input,
+    expectedDataUiName: 'Input',
+    preset: 'root',
+  });
 
   test.concurrent('Verify value changes when rerender', () => {
     const { getByTestId, rerender } = render(
@@ -68,8 +68,12 @@ describe('Input', () => {
 describe('Input.Addon', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Input.Value);
-  shouldSupportRef(Input.Value, Input);
+  runComponentContractTests({
+    Component: Input.Value,
+    Wrapper: Input,
+    expectedDataUiName: 'Input.Value',
+    preset: 'inputLike',
+  });
 
   test.concurrent('Verify input focused if click additional element', () => {
     const spy = vi.fn();
diff --git a/semcore/link/__tests__/index.test.tsx b/semcore/link/__tests__/index.test.tsx
index 6d3b089c09..80cda93ca3 100644
--- a/semcore/link/__tests__/index.test.tsx
+++ b/semcore/link/__tests__/index.test.tsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Link from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('link Dependency imports', () => {
   runDependencyCheckTests('link');
 });
@@ -15,16 +12,17 @@ describe('link Dependency imports', () => {
 describe('Link', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Link, React.Fragment, { children: 'Link' });
-  shouldSupportRef(Link, React.Fragment, { children: 'Link' });
-
-  test('Verify supports custom attributes', () => {
-    const { getByTestId } = render(
-      <Link data-testid='link' data-name='test'>
-        Link
-      </Link>,
-    );
-    expect((getByTestId('link').attributes as any)['data-name'].value).toBe('test');
+  runComponentContractTests({
+    Component: Link,
+    Wrapper: React.Fragment,
+    props: { children: 'Link' },
+    expectedDataUiName: 'Link',
+    preset: 'root',
+    include: ['tag'],
+    tagCases: [
+      { tag: 'button', expectedTagName: 'BUTTON', props: { type: 'button' } },
+      { tag: 'span', expectedTagName: 'SPAN' },
+    ],
   });
 
   test('Verify not use ', () => {
@@ -35,23 +33,4 @@ describe('Link', () => {
     );
     expect((getByTestId('link').title)).toBe('');
   });
-
-  test('Verify supports children', async () => {
-    const component = (
-      <Link>
-        <p data-testid='child'>Test</p>
-      </Link>
-    );
-    const { getByTestId } = render(component);
-    expect(getByTestId('child')).toBeTruthy();
-  });
-
-  test('Verify supports change tag name', () => {
-    const { getByTestId } = render(
-      <Link data-testid='link' tag='span'>
-        Link
-      </Link>,
-    );
-    expect(getByTestId('link').tagName).toBe('SPAN');
-  });
 });
diff --git a/semcore/modal/__tests__/index.test.tsx b/semcore/modal/__tests__/index.test.tsx
index e9fed6e586..c9839a00cf 100644
--- a/semcore/modal/__tests__/index.test.tsx
+++ b/semcore/modal/__tests__/index.test.tsx
@@ -1,5 +1,4 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, render, fireEvent, queryByAttribute } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
@@ -7,8 +6,6 @@ import React from 'react';
 import Button from '../../button/src';
 import Modal from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('modal Dependency imports', () => {
   runDependencyCheckTests('modal');
 });
@@ -16,13 +13,19 @@ describe('modal Dependency imports', () => {
 describe('Modal', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Modal.Window, (props: any) => <Modal {...props} visible />);
-  shouldSupportRef(Modal.Window, (props: any) => <Modal {...props} visible />);
-
-  test.concurrent('Verify supports custom attributes', () => {
-    const { getByTestId } = render(<Modal visible data-testid='modal' data-name='modal' />);
+  runComponentContractTests({
+    Component: Modal,
+    props: { visible: true },
+    expectedDataUiName: 'Modal',
+    preset: 'root',
+  });
 
-    expect((getByTestId('modal').attributes as any)['data-name'].value).toBe('modal');
+  runComponentContractTests({
+    Component: Modal.Window,
+    Wrapper: (props: any) => <Modal {...props} visible />,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
   });
 
   test.sequential('Verify onClose event for Escape', () => {
@@ -99,17 +102,6 @@ describe('Modal', () => {
     expect(spy).toBeCalledWith('onOutsideClick', expect.anything());
   });
 
-  test.concurrent('Verify supports children', () => {
-    const component = (
-      <Modal visible>
-        <p data-testid='child'>Test</p>
-      </Modal>
-    );
-    const { getByTestId } = render(component);
-
-    expect(getByTestId('child')).toBeTruthy();
-  });
-
   test.sequential('Verify supports render function for children', async () => {
     const component = <Modal visible>{() => <Modal.Overlay />}</Modal>;
     render(component);
diff --git a/semcore/notice-bubble/__tests__/index.test.tsx b/semcore/notice-bubble/__tests__/index.test.tsx
index c37ebe4457..215ce52869 100644
--- a/semcore/notice-bubble/__tests__/index.test.tsx
+++ b/semcore/notice-bubble/__tests__/index.test.tsx
@@ -1,7 +1,6 @@
 import {
+  runComponentContractTests,
   runDependencyCheckTests,
-  shouldSupportClassName,
-  shouldSupportRef,
 } from '@semcore/testing-utils/shared-tests';
 import {
   render,
@@ -37,8 +36,12 @@ describe('notice-bubble Dependency imports', () => {
 describe('NoticeBubbleContainer', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(TestNoticeBubble);
-  shouldSupportRef(TestNoticeBubble);
+  runComponentContractTests({
+    Component: TestNoticeBubble,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
 
   test('Verify supports rendering outside DOM', () => {
     const { queryByTestId } = render(
diff --git a/semcore/notice/__tests__/index.test.jsx b/semcore/notice/__tests__/index.test.jsx
index f95a5f58c3..5139f3f396 100644
--- a/semcore/notice/__tests__/index.test.jsx
+++ b/semcore/notice/__tests__/index.test.jsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { render, cleanup } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Notice, { NoticeSmart } from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('notice Dependency imports', () => {
   runDependencyCheckTests('notice');
 });
@@ -15,22 +12,10 @@ describe('notice Dependency imports', () => {
 describe('Notice', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Notice);
-  shouldSupportRef(Notice);
-
-  test('Verify supports custom attributes', () => {
-    const { getByTestId } = render(<Notice data-testid='notice' name='notice' />);
-    expect(getByTestId('notice').attributes['name'].value).toBe('notice');
-  });
-
-  test('Verify supports children', () => {
-    const component = (
-      <Notice>
-        <p data-testid='child'>Test</p>
-      </Notice>
-    );
-    const { getByTestId } = render(component);
-    expect(getByTestId('child')).toBeTruthy();
+  runComponentContractTests({
+    Component: Notice,
+    expectedDataUiName: 'Notice',
+    preset: 'root',
   });
 
   test('Verify supports custom close icon', () => {
@@ -72,8 +57,11 @@ describe('Notice', () => {
 describe('NoticeSmart', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(NoticeSmart);
-  shouldSupportRef(NoticeSmart);
+  runComponentContractTests({
+    Component: NoticeSmart,
+    expectedDataUiName: 'NoticeSmart',
+    preset: 'leaf',
+  });
 
   test('Verify renders title and text from props', () => {
     const { container } = render(
diff --git a/semcore/progress-bar/__tests__/index.test.jsx b/semcore/progress-bar/__tests__/index.test.jsx
index 187d856b3e..a3b95cdae4 100644
--- a/semcore/progress-bar/__tests__/index.test.jsx
+++ b/semcore/progress-bar/__tests__/index.test.jsx
@@ -1,13 +1,9 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
-import { cleanup, render } from '@semcore/testing-utils/testing-library';
-import { expect, test, describe, beforeEach } from '@semcore/testing-utils/vitest';
-import React from 'react';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { cleanup } from '@semcore/testing-utils/testing-library';
+import { describe, beforeEach } from '@semcore/testing-utils/vitest';
 
 import ProgressBar from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('progress-bar Dependency imports', () => {
   runDependencyCheckTests('progress-bar');
 });
@@ -15,18 +11,9 @@ describe('progress-bar Dependency imports', () => {
 describe('ProgressBar', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(ProgressBar);
-  shouldSupportRef(ProgressBar);
-
-  test.concurrent('Verify supports children', () => {
-    const component = (
-      <ProgressBar data-testid='parent'>
-        <p>Test</p>
-        <p>Test</p>
-        <p>Test</p>
-      </ProgressBar>
-    );
-    const { getByTestId } = render(component);
-    expect(getByTestId('parent').children.length).toEqual(3);
+  runComponentContractTests({
+    Component: ProgressBar,
+    expectedDataUiName: 'ProgressBar',
+    preset: 'root',
   });
 });
diff --git a/semcore/radio/__tests__/index.test.jsx b/semcore/radio/__tests__/index.test.jsx
index cf5f6b7e9a..1cf909c2fa 100644
--- a/semcore/radio/__tests__/index.test.jsx
+++ b/semcore/radio/__tests__/index.test.jsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Radio, { RadioGroup, inputProps } from '../src/Radio';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('radio Dependency imports', () => {
   runDependencyCheckTests('radio');
 });
@@ -15,12 +12,26 @@ describe('radio Dependency imports', () => {
 describe('Radio', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Radio);
-  shouldSupportRef(Radio);
-  shouldSupportClassName(Radio.Value, Radio);
-  shouldSupportRef(Radio.Value, Radio);
-  shouldSupportClassName(Radio.Text, Radio);
-  shouldSupportRef(Radio.Text, Radio);
+  runComponentContractTests({
+    Component: Radio,
+    expectedDataUiName: 'Radio',
+    preset: 'root',
+  });
+
+  runComponentContractTests({
+    Component: Radio.Value,
+    Wrapper: Radio,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
+
+  runComponentContractTests({
+    Component: Radio.Text,
+    Wrapper: Radio,
+    expectedDataUiName: 'Radio.Text',
+    preset: 'root',
+  });
 
   test.concurrent('Verify supports custom attributes on the input', () => {
     const { getByTestId } = render(
diff --git a/semcore/select/__tests__/index.test.tsx b/semcore/select/__tests__/index.test.tsx
index c170d7240b..b9e4821fc3 100644
--- a/semcore/select/__tests__/index.test.tsx
+++ b/semcore/select/__tests__/index.test.tsx
@@ -1,13 +1,10 @@
-import * as sharedTests from '@semcore/testing-utils/shared-tests';
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render, act, userEvent } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
 
 import Select, { InputSearch } from '../src';
 
-const { shouldSupportClassName, shouldSupportRef } = sharedTests;
-
 describe('select Dependency imports', () => {
   runDependencyCheckTests('select');
 });
@@ -230,8 +227,13 @@ describe('Select Trigger', () => {
 describe('Option.Checkbox', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(Select.Option.Checkbox, Select);
-  shouldSupportRef(Select.Option.Checkbox, Select);
+  runComponentContractTests({
+    Component: Select.Option.Checkbox,
+    Wrapper: Select,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
 
   test('Verify not focused by Tab between Select.Option.Checkbox(deprecated methids regression)', async () => {
     const { getByTestId } = render(
@@ -280,8 +282,13 @@ describe('Option.Checkbox', () => {
 describe('InputSearch', () => {
   beforeEach(cleanup);
 
-  shouldSupportClassName(InputSearch, Select);
-  shouldSupportRef(InputSearch, Select);
+  runComponentContractTests({
+    Component: InputSearch,
+    Wrapper: Select,
+    preset: 'none',
+    include: ['className', 'ref'],
+    refTarget: 'domNode',
+  });
 
   test('Verify calls onChange ones per symbol', async () => {
     const spy = vi.fn();
diff --git a/semcore/spin/__tests__/index.test.tsx b/semcore/spin/__tests__/index.test.tsx
index 09105c8835..27f4a49dd3 100644
--- a/semcore/spin/__tests__/index.test.tsx
+++ b/semcore/spin/__tests__/index.test.tsx
@@ -1,7 +1,19 @@
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
-import { describe } from '@semcore/testing-utils/vitest';
-import * as React from 'react';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { cleanup } from '@semcore/testing-utils/testing-library';
+import { beforeEach, describe } from '@semcore/testing-utils/vitest';
+
+import Spin from '../src';
 
 describe('spin Dependency imports', () => {
   runDependencyCheckTests('spin');
 });
+
+describe('Spin', () => {
+  beforeEach(cleanup);
+
+  runComponentContractTests({
+    Component: Spin,
+    expectedDataUiName: 'Spin',
+    preset: 'leaf',
+  });
+});
diff --git a/semcore/textarea/__tests__/index.test.tsx b/semcore/textarea/__tests__/index.test.tsx
index be6d0e9acd..2ab014cb37 100644
--- a/semcore/textarea/__tests__/index.test.tsx
+++ b/semcore/textarea/__tests__/index.test.tsx
@@ -1,4 +1,4 @@
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import * as React from 'react';
@@ -12,16 +12,16 @@ describe('textarea Dependency imports', () => {
 describe('Textarea', () => {
   beforeEach(cleanup);
 
+  runComponentContractTests({
+    Component: Textarea,
+    expectedDataUiName: 'Textarea',
+    preset: 'inputLike',
+  });
+
   test('Verify supports onChange callback', () => {
     const spyChange = vi.fn();
     const { getByTestId } = render(<Textarea data-testid='textarea' onChange={spyChange} />);
     fireEvent.input(getByTestId('textarea'), { target: { value: 'text' } });
     expect(spyChange).toBeCalledWith('text', expect.any(Object));
   });
-
-  test('Verify supports forwarding ref', () => {
-    const ref = React.createRef<HTMLTextAreaElement>();
-    render(<Textarea ref={ref} />);
-    expect(ref.current?.tagName).toBe('TEXTAREA');
-  });
 });
diff --git a/semcore/tooltip/__tests__/index.test.jsx b/semcore/tooltip/__tests__/index.test.jsx
index c3a508cd77..c2c7d41845 100644
--- a/semcore/tooltip/__tests__/index.test.jsx
+++ b/semcore/tooltip/__tests__/index.test.jsx
@@ -1,4 +1,6 @@
-import { runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
+import Button from '@semcore/button';
+import Link from '@semcore/link';
+import { runComponentContractTests, runDependencyCheckTests } from '@semcore/testing-utils/shared-tests';
 import { cleanup, fireEvent, render, act } from '@semcore/testing-utils/testing-library';
 import { expect, test, describe, beforeEach, vi } from '@semcore/testing-utils/vitest';
 import React from 'react';
@@ -6,6 +8,7 @@ import { waitFor } from 'storybook/test';
 
 import Tooltip, { Hint, DescriptionTooltip } from '../src';
 
+const TooltipWrapper = ({ children }) => <Tooltip>{children}</Tooltip>;
 describe('tooltip Dependency imports', () => {
   runDependencyCheckTests('tooltip');
 });
@@ -13,43 +16,20 @@ describe('tooltip Dependency imports', () => {
 describe('Tooltip', () => {
   beforeEach(cleanup);
 
-  test('Verify supports custom className on Trigger', () => {
-    const { getByTestId } = render(
-      <Tooltip>
-        <Tooltip.Trigger data-testid='trigger' className='custom-class' />
-      </Tooltip>,
-    );
-    expect(getByTestId('trigger').className).toContain('custom-class');
-  });
-
-  test('Verify supports custom attributes on Trigger', () => {
-    const { getByTestId } = render(
-      <Tooltip>
-        <Tooltip.Trigger data-testid='trigger' data-custom='value' />
-      </Tooltip>,
-    );
-    expect(getByTestId('trigger').getAttribute('data-custom')).toBe('value');
-  });
-
-  test('Verify supports ref on Trigger', () => {
-    const ref = React.createRef();
-    render(
-      <Tooltip>
-        <Tooltip.Trigger tag='button' ref={ref} />
-      </Tooltip>,
-    );
-    expect(ref.current.nodeName).toBe('BUTTON');
-  });
-
-  test('Verify renders children inside Trigger', () => {
-    const { getByText } = render(
-      <Tooltip>
-        <Tooltip.Trigger>
-          <span>Child</span>
-        </Tooltip.Trigger>
-      </Tooltip>,
-    );
-    expect(getByText('Child')).toBeTruthy();
+  describe('Tooltip.Trigger', () => {
+    runComponentContractTests({
+      Component: Tooltip.Trigger,
+      Wrapper: TooltipWrapper,
+      props: { children: 'Trigger' },
+      expectedDataUiName: 'Tooltip.Trigger',
+      preset: 'root',
+      include: ['tag'],
+      tagCases: [
+        { tag: 'button', expectedTagName: 'BUTTON', props: { type: 'button' } },
+        { tag: Button, name: 'Button', expectedTagName: 'BUTTON' },
+        { tag: Link, name: 'Link', expectedTagName: 'A', props: { href: '#' } },
+      ],
+    });
   });
 
   test('Verify supports className and custom attributes on Popper', async () => {
diff --git a/tools/testing-utils/setupTests.ts b/tools/testing-utils/setupTests.ts
index 7dba26bb85..83b165b3cf 100644
--- a/tools/testing-utils/setupTests.ts
+++ b/tools/testing-utils/setupTests.ts
@@ -23,6 +23,20 @@ Object.defineProperty(window.SVGElement.prototype, 'getBBox', {
   }),
 });
 
+const canvasContextMock = {
+  clearRect: vi.fn(),
+  measureText: vi.fn((text: string) => ({ width: text.length * 7 })),
+  font: '',
+};
+
+Object.defineProperty(window.HTMLCanvasElement.prototype, 'getContext', {
+  writable: true,
+  value: vi.fn((contextId: string) => {
+    if (contextId === '2d') return canvasContextMock;
+    return null;
+  }),
+});
+
 (window as any).matchMedia = vi.fn().mockImplementation((query) => ({
   matches: false,
   media: query,
@@ -30,6 +44,13 @@ Object.defineProperty(window.SVGElement.prototype, 'getBBox', {
   addListener: (e: any) => e('mediaQueryListEvent'),
   removeListener: vi.fn(),
 }));
+
+vi.stubGlobal('requestIdleCallback', (callback: any) => window.setTimeout(
+  () => callback({ didTimeout: false, timeRemaining: () => 0 }),
+  1,
+));
+vi.stubGlobal('cancelIdleCallback', (handle: number) => window.clearTimeout(handle));
+
 class ResizeObserverMock {
   observe() {}
   unobserve() {}
diff --git a/tools/testing-utils/shared-tests/contractTestUtils.tsx b/tools/testing-utils/shared-tests/contractTestUtils.tsx
new file mode 100644
index 0000000000..63e8569f92
--- /dev/null
+++ b/tools/testing-utils/shared-tests/contractTestUtils.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { cleanup, render } from '../testing-library';
+
+let contractTestId = 0;
+
+export const getContractTestMarker = (name: string) => `semcore-contract-${name}-${contractTestId++}`;
+
+export const renderWithContractTarget = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+  marker = getContractTestMarker('target'),
+  children?: React.ReactNode,
+): { container: HTMLElement; target: Element } => {
+  cleanup();
+
+  const { children: propsChildren, ...restProps } = props;
+  const targetChildren = children ?? propsChildren;
+  const result = render(
+    <Wrapper>
+      <Component {...restProps} data-contract-target={marker}>
+        {targetChildren}
+      </Component>
+    </Wrapper>,
+  );
+  const target = result.baseElement.querySelector(`[data-contract-target="${marker}"]`);
+
+  if (!target) {
+    throw new Error(`Unable to find contract test target by data-contract-target="${marker}"`);
+  }
+
+  return { ...result, target };
+};
diff --git a/tools/testing-utils/shared-tests/index.ts b/tools/testing-utils/shared-tests/index.ts
index 8604052b2b..16f0e9f491 100644
--- a/tools/testing-utils/shared-tests/index.ts
+++ b/tools/testing-utils/shared-tests/index.ts
@@ -1,3 +1,16 @@
 export { shouldSupportClassName } from './shouldSupportClassName';
-export { shouldSupportRef } from './shouldSupportRef';
+export { shouldSupportRef, type ComponentContractRefTarget } from './shouldSupportRef';
 export { runDependencyCheckTests } from './dependencyCheck';
+export { shouldSupportDataAttributes } from './shouldSupportDataAttributes';
+export { shouldSupportChildren } from './shouldSupportChildren';
+export { shouldSupportStyle } from './shouldSupportStyle';
+export { shouldHaveDataUiName } from './shouldHaveDataUiName';
+export { shouldSupportTag, type ComponentContractTagCase } from './shouldSupportTag';
+export { shouldSupportDisabled } from './shouldSupportDisabled';
+export { shouldSupportClickHandler } from './shouldSupportClickHandler';
+export {
+  runComponentContractTests,
+  type ComponentContractPreset,
+  type ComponentContractCheck,
+  type ComponentContractOptions,
+} from './runComponentContractTests';
diff --git a/tools/testing-utils/shared-tests/runComponentContractTests.ts b/tools/testing-utils/shared-tests/runComponentContractTests.ts
new file mode 100644
index 0000000000..8341cb7853
--- /dev/null
+++ b/tools/testing-utils/shared-tests/runComponentContractTests.ts
@@ -0,0 +1,105 @@
+import { shouldHaveDataUiName } from './shouldHaveDataUiName';
+import { shouldSupportChildren } from './shouldSupportChildren';
+import { shouldSupportClassName } from './shouldSupportClassName';
+import { shouldSupportClickHandler } from './shouldSupportClickHandler';
+import { shouldSupportDataAttributes } from './shouldSupportDataAttributes';
+import { shouldSupportDisabled } from './shouldSupportDisabled';
+import { type ComponentContractRefTarget, shouldSupportRef } from './shouldSupportRef';
+import { shouldSupportStyle } from './shouldSupportStyle';
+import { type ComponentContractTagCase, shouldSupportTag } from './shouldSupportTag';
+
+export type ComponentContractPreset = 'root' | 'leaf' | 'inputLike' | 'interactive' | 'none';
+
+export type ComponentContractCheck =
+  | 'className'
+  | 'ref'
+  | 'dataAttributes'
+  | 'style'
+  | 'dataUiName'
+  | 'children'
+  | 'clickHandler'
+  | 'disabled'
+  | 'tag';
+
+export type ComponentContractOptions = {
+  Component: any;
+  Wrapper?: any;
+  props?: any;
+  expectedDataUiName?: string;
+  preset: ComponentContractPreset | ComponentContractPreset[];
+  include?: ComponentContractCheck[];
+  skip?: ComponentContractCheck[];
+  tagCases?: ComponentContractTagCase[];
+  refTarget?: ComponentContractRefTarget;
+};
+
+const presetChecks: Record<ComponentContractPreset, ComponentContractCheck[]> = {
+  root: ['className', 'ref', 'dataAttributes', 'style', 'dataUiName', 'children'],
+  leaf: ['className', 'ref', 'dataAttributes', 'style', 'dataUiName'],
+  inputLike: ['className', 'ref', 'dataAttributes', 'style', 'dataUiName'],
+  interactive: ['clickHandler', 'disabled'],
+  none: [],
+};
+
+const getComponentContractChecks = ({
+  preset,
+  include = [],
+  skip = [],
+}: Pick<ComponentContractOptions, 'preset' | 'include' | 'skip'>) => {
+  const presets = Array.isArray(preset) ? preset : [preset];
+  const checks = new Set<ComponentContractCheck>();
+
+  presets.forEach((presetName) => {
+    presetChecks[presetName].forEach((check) => checks.add(check));
+  });
+  include.forEach((check) => checks.add(check));
+  skip.forEach((check) => checks.delete(check));
+
+  return checks;
+};
+
+const validateComponentContractOptions = (options: ComponentContractOptions) => {
+  const { expectedDataUiName, tagCases } = options;
+  const checks = getComponentContractChecks(options);
+
+  if (checks.has('dataUiName') && !expectedDataUiName) {
+    throw new Error('expectedDataUiName is required when dataUiName contract check is enabled. Pass expectedDataUiName or add skip: [\'dataUiName\'].');
+  }
+
+  if (checks.has('tag') && (!tagCases || tagCases.length === 0)) {
+    throw new Error('tagCases are required when tag contract check is enabled. Pass explicit tagCases for this component.');
+  }
+
+  tagCases?.forEach(({ tag, name, expectedTagName }) => {
+    if (typeof tag !== 'string' && !expectedTagName) {
+      const tagName = name || (tag as any).displayName || (tag as any).name || 'custom component';
+      throw new Error(`expectedTagName is required for component tag case "${tagName}"`);
+    }
+  });
+
+  return checks;
+};
+
+export const runComponentContractTests = (options: ComponentContractOptions) => {
+  const {
+    Component,
+    Wrapper,
+    props,
+    expectedDataUiName,
+    tagCases,
+    refTarget,
+  } = options;
+  const checks = validateComponentContractOptions(options);
+
+  if (checks.has('className')) shouldSupportClassName(Component, Wrapper, props);
+  if (checks.has('ref')) shouldSupportRef(Component, Wrapper, props, refTarget);
+  if (checks.has('dataAttributes')) shouldSupportDataAttributes(Component, Wrapper, props);
+  if (checks.has('style')) shouldSupportStyle(Component, Wrapper, props);
+  if (checks.has('dataUiName')) {
+    shouldHaveDataUiName(Component, Wrapper, props, expectedDataUiName!);
+  }
+  if (checks.has('children')) shouldSupportChildren(Component, Wrapper, props);
+  if (checks.has('clickHandler')) shouldSupportClickHandler(Component, Wrapper, props);
+  if (checks.has('disabled')) shouldSupportDisabled(Component, Wrapper, props);
+  if (checks.has('tag')) shouldSupportTag(Component, Wrapper, props, tagCases);
+};
diff --git a/tools/testing-utils/shared-tests/shouldHaveDataUiName.tsx b/tools/testing-utils/shared-tests/shouldHaveDataUiName.tsx
new file mode 100644
index 0000000000..504a2da4f8
--- /dev/null
+++ b/tools/testing-utils/shared-tests/shouldHaveDataUiName.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { test, expect } from '../vitest';
+import { renderWithContractTarget } from './contractTestUtils';
+
+export const shouldHaveDataUiName = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+  expectedName: string,
+) => {
+  test.sequential(`should have data-ui-name="${expectedName}"`, () => {
+    const { target } = renderWithContractTarget(Component, Wrapper, props);
+
+    expect(target.getAttribute('data-ui-name')).toBe(expectedName);
+  });
+};
diff --git a/tools/testing-utils/shared-tests/shouldSupportChildren.tsx b/tools/testing-utils/shared-tests/shouldSupportChildren.tsx
new file mode 100644
index 0000000000..0531c31b56
--- /dev/null
+++ b/tools/testing-utils/shared-tests/shouldSupportChildren.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+import { test, expect } from '../vitest';
+import { getContractTestMarker, renderWithContractTarget } from './contractTestUtils';
+
+export const shouldSupportChildren = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+) => {
+  test.sequential('should render children', () => {
+    const marker = getContractTestMarker('children');
+    const { target } = renderWithContractTarget(
+      Component,
+      Wrapper,
+      props,
+      getContractTestMarker('children-target'),
+      <span data-contract-child={marker}>contract child</span>,
+    );
+
+    expect(target.querySelector(`[data-contract-child="${marker}"]`)).toBeTruthy();
+  });
+};
diff --git a/tools/testing-utils/shared-tests/shouldSupportClassName.tsx b/tools/testing-utils/shared-tests/shouldSupportClassName.tsx
index 79c0e93865..ad8056f43a 100644
--- a/tools/testing-utils/shared-tests/shouldSupportClassName.tsx
+++ b/tools/testing-utils/shared-tests/shouldSupportClassName.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { render } from '../testing-library';
 import { test, expect } from '../vitest';
+import { renderWithContractTarget } from './contractTestUtils';
 
 export const shouldSupportClassName = (
   Component: any,
@@ -11,12 +11,11 @@ export const shouldSupportClassName = (
   test.sequential('should support className extending', () => {
     const className = 'more-then one-class';
 
-    const { getByTestId } = render(
-      <Wrapper>
-        <Component data-testid='component' {...props} className={className} />
-      </Wrapper>,
-    );
+    const { target } = renderWithContractTarget(Component, Wrapper, {
+      ...props,
+      className,
+    });
 
-    expect(getByTestId('component').attributes.getNamedItem('class')?.value).toContain(className);
+    expect(target.getAttribute('class')).toContain(className);
   });
 };
diff --git a/tools/testing-utils/shared-tests/shouldSupportClickHandler.tsx b/tools/testing-utils/shared-tests/shouldSupportClickHandler.tsx
new file mode 100644
index 0000000000..46259c032c
--- /dev/null
+++ b/tools/testing-utils/shared-tests/shouldSupportClickHandler.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+import { fireEvent } from '../testing-library';
+import { test, expect, vi } from '../vitest';
+import { renderWithContractTarget } from './contractTestUtils';
+
+export const shouldSupportClickHandler = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+) => {
+  test.sequential('should call user onClick handler', () => {
+    const onClick = vi.fn();
+    const { target } = renderWithContractTarget(Component, Wrapper, {
+      ...props,
+      onClick,
+    });
+
+    fireEvent.click(target);
+
+    expect(onClick).toHaveBeenCalledTimes(1);
+  });
+};
diff --git a/tools/testing-utils/shared-tests/shouldSupportDataAttributes.tsx b/tools/testing-utils/shared-tests/shouldSupportDataAttributes.tsx
new file mode 100644
index 0000000000..1c8214b162
--- /dev/null
+++ b/tools/testing-utils/shared-tests/shouldSupportDataAttributes.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+import { test, expect } from '../vitest';
+import { getContractTestMarker, renderWithContractTarget } from './contractTestUtils';
+
+export const shouldSupportDataAttributes = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+) => {
+  test.sequential('should support data-* attributes', () => {
+    const marker = getContractTestMarker('data-attributes');
+    const dataTestId = `${marker}-test-id`;
+
+    const { target } = renderWithContractTarget(Component, Wrapper, {
+      ...props,
+      'data-testid': dataTestId,
+      'data-test-id': `${marker}-test-id-legacy`,
+      'data-contract-value': 'contract-value',
+    }, marker);
+
+    expect(target.getAttribute('data-testid')).toBe(dataTestId);
+    expect(target.getAttribute('data-test-id')).toBe(`${marker}-test-id-legacy`);
+    expect(target.getAttribute('data-contract-value')).toBe('contract-value');
+  });
+};
diff --git a/tools/testing-utils/shared-tests/shouldSupportDisabled.tsx b/tools/testing-utils/shared-tests/shouldSupportDisabled.tsx
new file mode 100644
index 0000000000..ad10ef7bcd
--- /dev/null
+++ b/tools/testing-utils/shared-tests/shouldSupportDisabled.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { test, expect } from '../vitest';
+import { renderWithContractTarget } from './contractTestUtils';
+
+export const shouldSupportDisabled = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+) => {
+  test.sequential('should support disabled state', () => {
+    const { target } = renderWithContractTarget(Component, Wrapper, {
+      ...props,
+      disabled: true,
+    });
+
+    expect(
+      target.hasAttribute('disabled') || target.getAttribute('aria-disabled') === 'true',
+    ).toBe(true);
+  });
+};
diff --git a/tools/testing-utils/shared-tests/shouldSupportRef.tsx b/tools/testing-utils/shared-tests/shouldSupportRef.tsx
index 9d7e187bea..23ba289143 100644
--- a/tools/testing-utils/shared-tests/shouldSupportRef.tsx
+++ b/tools/testing-utils/shared-tests/shouldSupportRef.tsx
@@ -1,22 +1,45 @@
 import React from 'react';
 
-import { render } from '../testing-library';
+import { cleanup, render } from '../testing-library';
 import { test, expect } from '../vitest';
+import { getContractTestMarker } from './contractTestUtils';
+
+export type ComponentContractRefTarget = 'contractTarget' | 'domNode';
 
 export const shouldSupportRef = (
   Component: any,
   Wrapper: any = React.Fragment,
   props: any = {},
+  refTarget: ComponentContractRefTarget = 'contractTarget',
 ) => {
-  test.concurrent('ref should return DOM-node', () => {
+  const testName =
+    refTarget === 'contractTarget'
+      ? 'ref should return contract target DOM-node'
+      : 'ref should return DOM-node';
+
+  test.sequential(testName, () => {
+    cleanup();
+
     const ref = React.createRef<HTMLElement>();
+    const marker = getContractTestMarker('ref');
 
-    render(
+    const result = render(
       <Wrapper>
-        <Component {...props} ref={ref} />
+        <Component {...props} data-contract-target={marker} ref={ref} />
       </Wrapper>,
     );
 
-    expect(ref.current?.nodeName).toBeDefined();
+    if (refTarget === 'domNode') {
+      expect(ref.current?.nodeName).toBeDefined();
+      return;
+    }
+
+    const target = result.baseElement.querySelector(`[data-contract-target="${marker}"]`);
+
+    if (!target) {
+      throw new Error(`Unable to find contract test target by data-contract-target="${marker}"`);
+    }
+
+    expect(ref.current).toBe(target);
   });
 };
diff --git a/tools/testing-utils/shared-tests/shouldSupportStyle.tsx b/tools/testing-utils/shared-tests/shouldSupportStyle.tsx
new file mode 100644
index 0000000000..15e4c98643
--- /dev/null
+++ b/tools/testing-utils/shared-tests/shouldSupportStyle.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+import { test, expect } from '../vitest';
+import { renderWithContractTarget } from './contractTestUtils';
+
+export const shouldSupportStyle = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+) => {
+  test.sequential('should support style prop', () => {
+    const { target } = renderWithContractTarget(Component, Wrapper, {
+      ...props,
+      style: { marginLeft: '13px' },
+    });
+
+    expect((target as HTMLElement).style.marginLeft).toBe('13px');
+  });
+};
diff --git a/tools/testing-utils/shared-tests/shouldSupportTag.tsx b/tools/testing-utils/shared-tests/shouldSupportTag.tsx
new file mode 100644
index 0000000000..4b2104b2c0
--- /dev/null
+++ b/tools/testing-utils/shared-tests/shouldSupportTag.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+
+import { test, expect } from '../vitest';
+import { renderWithContractTarget } from './contractTestUtils';
+
+export type ComponentContractTagCase = {
+  tag: string | React.ElementType;
+  name?: string;
+  expectedTagName?: string;
+  props?: Record<string, unknown>;
+};
+
+const defaultTagCases: ComponentContractTagCase[] = [{ tag: 'span' }];
+
+const getTagCaseName = ({ tag, name }: ComponentContractTagCase) => {
+  if (name) return name;
+  if (typeof tag === 'string') return `"${tag}"`;
+  return (tag as any).displayName || (tag as any).name || 'custom component';
+};
+
+const getExpectedTagName = ({ tag, expectedTagName }: ComponentContractTagCase) => {
+  if (expectedTagName) return expectedTagName.toUpperCase();
+  if (typeof tag === 'string') return tag.toUpperCase();
+  throw new Error(`expectedTagName is required for component tag case "${getTagCaseName({ tag })}"`);
+};
+
+export const shouldSupportTag = (
+  Component: any,
+  Wrapper: any = React.Fragment,
+  props: any = {},
+  tagCases: ComponentContractTagCase[] = defaultTagCases,
+) => {
+  for (const tagCase of tagCases) {
+    const { tag, props: tagProps } = tagCase;
+
+    test.sequential(`should support tag=${getTagCaseName(tagCase)}`, () => {
+      const { target } = renderWithContractTarget(Component, Wrapper, {
+        ...props,
+        ...tagProps,
+        tag,
+      });
+
+      expect(target.tagName).toBe(getExpectedTagName(tagCase));
+    });
+  }
+};
diff --git a/tools/testing-utils/vitest.ts b/tools/testing-utils/vitest.ts
index 77ff4b0032..9ca09d50f2 100644
--- a/tools/testing-utils/vitest.ts
+++ b/tools/testing-utils/vitest.ts
@@ -1,7 +1,12 @@
 import { label, story, suite, layer, subSuite } from 'allure-js-commons';
+import { getGlobalTestRuntime } from 'allure-js-commons/sdk/runtime';
 // eslint-disable-next-line no-restricted-imports
 import { test as baseTest } from 'vitest';
 
+const hasAllureRuntime = () => {
+  return getGlobalTestRuntime().constructor.name !== 'NoopTestRuntime';
+};
+
 const test = baseTest.extend<{
   testHook: void;
 }>({
@@ -16,12 +21,14 @@ const test = baseTest.extend<{
 
       const subSuiteName = 'Unit tests';
 
-      await label('framework', 'Vitest');
-      await label('component', componentName);
-      await subSuite(subSuiteName);
-      await story(task.name);
-      await suite(componentName);
-      await layer(subSuiteName);
+      if (hasAllureRuntime()) {
+        await label('framework', 'Vitest');
+        await label('component', componentName);
+        await subSuite(subSuiteName);
+        await story(task.name);
+        await suite(componentName);
+        await layer(subSuiteName);
+      }
 
       await use();
     },
@@ -39,7 +46,7 @@ export {
 };
 
 declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
+
   namespace jest {
     interface Matchers<R> {
       toHaveAttribute(name: string, value: string): R;
diff --git a/vitest.config.mts b/vitest.config.mts
index 959e03d616..7ce370696e 100644
--- a/vitest.config.mts
+++ b/vitest.config.mts
@@ -28,6 +28,10 @@ export default defineConfig({
         find: /^@semcore\/icon\/(.*)/,
         replacement: resolvePath(__dirname, 'semcore/icon/lib/$1'),
       },
+      {
+        find: '@semcore/flex-box',
+        replacement: resolvePath(__dirname, 'semcore/base-components/src/components/flex-box/index.tsx'),
+      },
       {
         find: /^@semcore\/esbuild-plugin-semcore\/(.*)/,
         replacement: resolvePath(__dirname, 'tools/esbuild-plugin-semcore/$1'),