semrush · Valeria-Zimnitskaya · May 19, 2025 · May 15, 2025 · May 15, 2025 · May 15, 2025
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/...tests__/__image_snapshots__/accordion-should-compact-false-render-correctly.png b/...tests__/__image_snapshots__/accordion-should-compact-false-render-correctly.png
diff --git a/...e/accordion/__tests__/__image_snapshots__/accordion-should-render-correctly.png b/...e/accordion/__tests__/__image_snapshots__/accordion-should-render-correctly.png
diff --git a/...__tests__/__image_snapshots__/accordion-should-render-primary-use-correctly.png b/...__tests__/__image_snapshots__/accordion-should-render-primary-use-correctly.png
diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx b/semcore/base-components/__tests__/popper.browser-test.tsx
@@ -142,6 +142,7 @@ test.describe('Popper', () => {
     const htmlContent = await e2eStandToHtml(standPath, 'en');
 
     await page.setContent(htmlContent);
+    await new Promise((resolve) => setTimeout(resolve, 250));
 
     const popperD = page.locator('text=Popper');
     const popperF = page.locator('text=Fixed');

diff --git a/...Verify-popper-dynamic-and-fixed-position-with-Page-resizing-1-firefox-linux.png b/...Verify-popper-dynamic-and-fixed-position-with-Page-resizing-1-firefox-linux.png
diff --git a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-10.png b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-10.png
diff --git a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-12.png b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-12.png
diff --git a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-2.png b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-2.png
diff --git a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-3.png b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-3.png
diff --git a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-9.png b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-9.png
diff --git a/semcore/button/__tests__/__image_snapshots__/button-should-support-active.png b/semcore/button/__tests__/__image_snapshots__/button-should-support-active.png
diff --git a/...ore/card/__tests__/__image_snapshots__/card-basic-example-visual-regression.png b/...ore/card/__tests__/__image_snapshots__/card-basic-example-visual-regression.png
diff --git a/...e/card/__tests__/__image_snapshots__/card-renders-correctly-header-and-body.png b/...e/card/__tests__/__image_snapshots__/card-renders-correctly-header-and-body.png
diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-innerhint.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-innerhint.png
diff --git a/.../__image_snapshots__/card-renders-correctly-tittle-description-without-hint.png b/.../__image_snapshots__/card-renders-correctly-tittle-description-without-hint.png
diff --git a/...ard/__tests__/__image_snapshots__/card-renders-correctly-tittle-description.png b/...ard/__tests__/__image_snapshots__/card-renders-correctly-tittle-description.png
diff --git a/.../card/__tests__/__image_snapshots__/card-renders-correctly-tittle-with-hint.png b/.../card/__tests__/__image_snapshots__/card-renders-correctly-tittle-with-hint.png
diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly.png
diff --git a/..._tests__/__image_snapshots__/card-renders-innerhint-in-a-predictable-layout.png b/..._tests__/__image_snapshots__/card-renders-innerhint-in-a-predictable-layout.png
diff --git a/...sel/__tests__/__image_snapshots__/carousel-visual-regression-dot-indicators.png b/...sel/__tests__/__image_snapshots__/carousel-visual-regression-dot-indicators.png
diff --git a/...l/__tests__/__image_snapshots__/carousel-visual-regression-image-indicators.png b/...l/__tests__/__image_snapshots__/carousel-visual-regression-image-indicators.png
diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx b/semcore/color-picker/__tests__/color-picker.browser-test.tsx
@@ -37,7 +37,6 @@ test.describe('Color-picker', () => {
       await expectAttributes(locators.trigger, {
         'aria-expanded': 'false',
         'aria-label': 'Color field',
-        tabindex: '0',
         'aria-haspopup': 'dialog',
         role: 'combobox',
       });
@@ -49,7 +48,6 @@ test.describe('Color-picker', () => {
       await expectAttributes(locators.trigger, {
         'aria-expanded': 'true',
         'aria-label': 'Color field',
-        tabindex: '0',
         'aria-haspopup': 'dialog',
         role: 'combobox',
       });
@@ -60,7 +58,6 @@ test.describe('Color-picker', () => {
       await expect(locators.popper).toBeVisible();
       await expectAttributes(locators.popper, {
         'aria-label': 'Colors palette',
-        tabindex: '0',
         role: 'dialog',
       });
     });
@@ -85,7 +82,6 @@ test.describe('Color-picker', () => {
       for (const item of await items.all()) {
         await expectAttributes(item, {
           role: 'option',
-          tabindex: '0',
         });
       }
     });
@@ -115,7 +111,6 @@ test.describe('Color-picker', () => {
       });
 
       await expectAttributes(locators.inputColor, {
-        tabindex: '0',
         'aria-invalid': 'false',
         'aria-label': 'Custom color, HEX format',
       });
@@ -153,7 +148,6 @@ test.describe('Color-picker', () => {
       await expect(paletteItem).toHaveCount(1);
 
       await expectAttributes(paletteItem, {
-        tabindex: '0',
         'aria-label': '#000',
         'aria-selected': 'false',
         role: 'option',
@@ -169,7 +163,6 @@ test.describe('Color-picker', () => {
       await locators.inputColor.fill('vdnsjkv');
 
       await expectAttributes(locators.inputColor, {
-        tabindex: '0',
         'aria-invalid': 'true',
         'aria-label': 'Custom color, HEX format',
       });
@@ -237,8 +230,8 @@ test.describe('Color-picker', () => {
         const box = await item.boundingBox();
         expect(box).not.toBeNull();
         if (box) {
-          expect(box.width).toBeGreaterThanOrEqual(26);
-          expect(box.height).toBeGreaterThanOrEqual(26);
+          expect(Math.round(box.width)).toBeGreaterThanOrEqual(26);
+          expect(Math.round(box.height)).toBeGreaterThanOrEqual(26);
         }
       }
 
@@ -343,8 +336,7 @@ test.describe('Color-picker', () => {
   });
 
   test('Custom colors states ', async ({ page }) => {
-    const standPath =
-      'stories/components/color-picker/docs/examples/several_ways_to_use_component.tsx';
+    const standPath = 'stories/components/color-picker/docs/examples/predefined_palette.tsx';
     const htmlContent = await e2eStandToHtml(standPath, 'en');
 
     await page.setContent(htmlContent);

diff --git a/...owser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-chromium-linux.png b/...owser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-chromium-linux.png
diff --git a/...rowser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-firefox-linux.png b/...rowser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-firefox-linux.png
diff --git a/...browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-webkit-linux.png b/...browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-webkit-linux.png
diff --git a/...owser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-chromium-linux.png b/...owser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-chromium-linux.png
diff --git a/...rowser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-firefox-linux.png b/...rowser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-firefox-linux.png
diff --git a/...browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-webkit-linux.png b/...browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-webkit-linux.png
diff --git a/...icker-Default-item-states-for-active-and-background-colors-1-chromium-linux.png b/...icker-Default-item-states-for-active-and-background-colors-1-chromium-linux.png
diff --git a/...picker-Default-item-states-for-active-and-background-colors-1-firefox-linux.png b/...picker-Default-item-states-for-active-and-background-colors-1-firefox-linux.png
diff --git a/...-picker-Default-item-states-for-active-and-background-colors-1-webkit-linux.png b/...-picker-Default-item-states-for-active-and-background-colors-1-webkit-linux.png
diff --git a/...icker-Default-item-states-for-active-and-background-colors-2-chromium-linux.png b/...icker-Default-item-states-for-active-and-background-colors-2-chromium-linux.png
diff --git a/...picker-Default-item-states-for-active-and-background-colors-2-firefox-linux.png b/...picker-Default-item-states-for-active-and-background-colors-2-firefox-linux.png
diff --git a/...-picker-Default-item-states-for-active-and-background-colors-2-webkit-linux.png b/...-picker-Default-item-states-for-active-and-background-colors-2-webkit-linux.png
diff --git a/...icker-Default-item-states-for-active-and-background-colors-3-chromium-linux.png b/...icker-Default-item-states-for-active-and-background-colors-3-chromium-linux.png
diff --git a/...picker-Default-item-states-for-active-and-background-colors-3-firefox-linux.png b/...picker-Default-item-states-for-active-and-background-colors-3-firefox-linux.png
diff --git a/...-picker-Default-item-states-for-active-and-background-colors-3-webkit-linux.png b/...-picker-Default-item-states-for-active-and-background-colors-3-webkit-linux.png
diff --git a/...icker-Default-item-states-for-active-and-background-colors-4-chromium-linux.png b/...icker-Default-item-states-for-active-and-background-colors-4-chromium-linux.png
diff --git a/...picker-Default-item-states-for-active-and-background-colors-4-firefox-linux.png b/...picker-Default-item-states-for-active-and-background-colors-4-firefox-linux.png
diff --git a/...-picker-Default-item-states-for-active-and-background-colors-4-webkit-linux.png b/...-picker-Default-item-states-for-active-and-background-colors-4-webkit-linux.png
diff --git a/...icker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-chromium-linux.png b/...icker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-chromium-linux.png
diff --git a/...Picker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-firefox-linux.png b/...Picker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-firefox-linux.png
diff --git a/...rPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-webkit-linux.png b/...rPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-webkit-linux.png
diff --git a/...icker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-chromium-linux.png b/...icker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-chromium-linux.png
diff --git a/...Picker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-firefox-linux.png b/...Picker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-firefox-linux.png
diff --git a/...rPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-webkit-linux.png b/...rPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-webkit-linux.png
diff --git a/...icker-Verify-trigger-variations-and-keyboards-interactions-1-chromium-linux.png b/...icker-Verify-trigger-variations-and-keyboards-interactions-1-chromium-linux.png
diff --git a/...picker-Verify-trigger-variations-and-keyboards-interactions-1-firefox-linux.png b/...picker-Verify-trigger-variations-and-keyboards-interactions-1-firefox-linux.png
diff --git a/...-picker-Verify-trigger-variations-and-keyboards-interactions-1-webkit-linux.png b/...-picker-Verify-trigger-variations-and-keyboards-interactions-1-webkit-linux.png
diff --git a/...icker-Verify-trigger-variations-and-keyboards-interactions-2-chromium-linux.png b/...icker-Verify-trigger-variations-and-keyboards-interactions-2-chromium-linux.png
diff --git a/...picker-Verify-trigger-variations-and-keyboards-interactions-2-firefox-linux.png b/...picker-Verify-trigger-variations-and-keyboards-interactions-2-firefox-linux.png
diff --git a/...-picker-Verify-trigger-variations-and-keyboards-interactions-2-webkit-linux.png b/...-picker-Verify-trigger-variations-and-keyboards-interactions-2-webkit-linux.png
diff --git a/semcore/counter/__tests__/__image_snapshots__/counter-renders-correctly.png b/semcore/counter/__tests__/__image_snapshots__/counter-renders-correctly.png
diff --git a/...ore/counter/__tests__/__image_snapshots__/counter-should-support-size-props.png b/...ore/counter/__tests__/__image_snapshots__/counter-should-support-size-props.png
diff --git a/...re/counter/__tests__/__image_snapshots__/counter-should-support-theme-props.png b/...re/counter/__tests__/__image_snapshots__/counter-should-support-theme-props.png
diff --git a/...d3-chart/__tests__/__image_snapshots__/area-should-render-area-without-data.png b/...d3-chart/__tests__/__image_snapshots__/area-should-render-area-without-data.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area.png
diff --git a/...__tests__/__image_snapshots__/area-should-render-curve-area-chart-correctly.png b/...__tests__/__image_snapshots__/area-should-render-curve-area-chart-correctly.png
diff --git a/...snapshots__/area-should-render-curve-stacked-area-chart-with-dots-correctly.png b/...snapshots__/area-should-render-curve-stacked-area-chart-with-dots-correctly.png
diff --git a/...ge_snapshots__/area-should-render-stacked-area-chart-without-data-correctly.png b/...ge_snapshots__/area-should-render-stacked-area-chart-without-data-correctly.png
diff --git a/.../__tests__/__image_snapshots__/area-should-render-stacked-area-without-data.png b/.../__tests__/__image_snapshots__/area-should-render-stacked-area-without-data.png
diff --git a/...__tests__/__image_snapshots__/area-should-support-custom-line-in-area-chart.png b/...__tests__/__image_snapshots__/area-should-support-custom-line-in-area-chart.png
diff --git a/...art/__tests__/__image_snapshots__/area-should-support-dots-display-function.png b/...art/__tests__/__image_snapshots__/area-should-support-dots-display-function.png
diff --git a/...__/__image_snapshots__/bar-should-not-cut-content-on-right-with-left-margin.png b/...__/__image_snapshots__/bar-should-not-cut-content-on-right-with-left-margin.png
diff --git a/...ore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-background.png b/...ore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-background.png
diff --git a/...3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-correctly.png b/...3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-correctly.png
diff --git a/..._/__image_snapshots__/bar-should-render-bar-chart-with-maxbarsize-correctly.png b/..._/__image_snapshots__/bar-should-render-bar-chart-with-maxbarsize-correctly.png
diff --git a/...ts__/__image_snapshots__/bar-should-render-bar-chart-without-data-correctly.png b/...ts__/__image_snapshots__/bar-should-render-bar-chart-without-data-correctly.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-group.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-group.png
diff --git a/...-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-group.png b/...-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-group.png
diff --git a/...-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-stack.png b/...-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-stack.png
diff --git a/...__/bar-should-render-bar-horizontal-with-null-and-negative-values-correctly.png b/...__/bar-should-render-bar-horizontal-with-null-and-negative-values-correctly.png
diff --git a/...ore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal.png b/...ore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-label.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-label.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-negative.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-negative.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-stack.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-stack.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-trend.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-trend.png
diff --git a/...image_snapshots__/bar-should-render-bar-with-radius-height-if-radius-height.png b/...image_snapshots__/bar-should-render-bar-with-radius-height-if-radius-height.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar.png
diff --git a/...age_snapshots__/bar-should-render-stackbar-chart-correctly-with-custom-hmin.png b/...age_snapshots__/bar-should-render-stackbar-chart-correctly-with-custom-hmin.png
diff --git a/...ge_snapshots__/bar-should-render-stackbar-chart-correctly-with-default-hmin.png b/...ge_snapshots__/bar-should-render-stackbar-chart-correctly-with-default-hmin.png
diff --git a/...age_snapshots__/bar-should-render-stackbar-chart-correctly-with-zero-values.png b/...age_snapshots__/bar-should-render-stackbar-chart-correctly-with-zero-values.png
diff --git a/...rt/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly.png b/...rt/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly.png
diff --git a/..._/bar-should-render-the-minimum-height-for-bars-with-a-height-close-to-zero.png b/..._/bar-should-render-the-minimum-height-for-bars-with-a-height-close-to-zero.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-bubble.png b/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-bubble.png
diff --git a/...re/d3-chart/__tests__/__image_snapshots__/bubble-should-render-custom-color.png b/...re/d3-chart/__tests__/__image_snapshots__/bubble-should-render-custom-color.png
diff --git a/...__/__image_snapshots__/chartlegend-should-correct-render-ellipsis-in-tables.png b/...__/__image_snapshots__/chartlegend-should-correct-render-ellipsis-in-tables.png
diff --git a/.../__image_snapshots__/chartlegend-should-correct-render-one-column-in-tables.png b/.../__image_snapshots__/chartlegend-should-correct-render-one-column-in-tables.png
diff --git a/...chart/__tests__/__image_snapshots__/cigarette-chart-should-render-cigarette.png b/...chart/__tests__/__image_snapshots__/cigarette-chart-should-render-cigarette.png
diff --git a/...s__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-grid.png b/...s__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-grid.png
diff --git a/...__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-ticks.png b/...__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-ticks.png
diff --git a/...__/d3-charts-visual-regression-should-render-axis-titles-with-vertical-mode.png b/...__/d3-charts-visual-regression-should-render-axis-titles-with-vertical-mode.png
diff --git a/..._/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles.png b/..._/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles.png
diff --git a/..._tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis.png b/..._tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis.png
diff --git a/...ts__/d3-charts-visual-regression-should-render-compact-horizontal-bar-chart.png b/...ts__/d3-charts-visual-regression-should-render-compact-horizontal-bar-chart.png
diff --git a/...ests__/__image_snapshots__/d3-charts-visual-regression-should-render-legend.png b/...ests__/__image_snapshots__/d3-charts-visual-regression-should-render-legend.png
diff --git a/...ests__/__image_snapshots__/d3-charts-visual-regression-should-render-margin.png b/...ests__/__image_snapshots__/d3-charts-visual-regression-should-render-margin.png
diff --git a/..._/d3-charts-visual-regression-should-render-reference-line-with-fixed-width.png b/..._/d3-charts-visual-regression-should-render-reference-line-with-fixed-width.png
diff --git a/...harts-visual-regression-should-render-reference-line-with-value-based-width.png b/...harts-visual-regression-should-render-reference-line-with-value-based-width.png
diff --git a/...-chart/__tests__/__image_snapshots__/donut-should-render-donut-without-data.png b/...-chart/__tests__/__image_snapshots__/donut-should-render-donut-without-data.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut.png b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut.png
diff --git a/.../__tests__/__image_snapshots__/donut-should-render-semi-donut-with-one-data.png b/.../__tests__/__image_snapshots__/donut-should-render-semi-donut-with-one-data.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut.png b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut.png
diff --git a/...sts__/__image_snapshots__/donut-should-support-active-sector-in-donut-chart.png b/...sts__/__image_snapshots__/donut-should-support-active-sector-in-donut-chart.png
diff --git a/...image_snapshots__/line-should-render-line-with-area-if-line-has-null-values.png b/...image_snapshots__/line-should-render-line-with-area-if-line-has-null-values.png
diff --git a/...re/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area.png b/...re/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line.png b/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-area.png b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-area.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bar.png b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bar.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bubble.png b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bubble.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-donut.png b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-donut.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-line.png b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-line.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-radar.png b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-radar.png
diff --git a/...d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-scatterplot.png b/...d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-scatterplot.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/radar-should-render-radar.png b/semcore/d3-chart/__tests__/__image_snapshots__/radar-should-render-radar.png
diff --git a/..._tests__/__image_snapshots__/radial-should-render-radial-tree-custom-center.png b/..._tests__/__image_snapshots__/radial-should-render-radial-tree-custom-center.png
diff --git a/...t/__tests__/__image_snapshots__/radial-should-render-radial-tree-multicolor.png b/...t/__tests__/__image_snapshots__/radial-should-render-radial-tree-multicolor.png
diff --git a/...tests__/__image_snapshots__/radial-should-render-radial-tree-multiline-text.png b/...tests__/__image_snapshots__/radial-should-render-radial-tree-multiline-text.png
diff --git a/...ore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree.png b/...ore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree.png
diff --git a/...art/__tests__/__image_snapshots__/scatter-should-render-custom-color-values.png b/...art/__tests__/__image_snapshots__/scatter-should-render-custom-color-values.png
diff --git a/...e/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color.png b/...e/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color.png
diff --git a/...hart/__tests__/__image_snapshots__/scatter-should-render-scatterplot-values.png b/...hart/__tests__/__image_snapshots__/scatter-should-render-scatterplot-values.png
diff --git a/...t/__tests__/__image_snapshots__/venn-should-render-venn-custom-intersection.png b/...t/__tests__/__image_snapshots__/venn-should-render-venn-custom-intersection.png
diff --git a/.../d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-orientation.png b/.../d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-orientation.png
diff --git a/...mage_snapshots__/venn-should-render-venn-width-defaults-min-radius-for-item.png b/...mage_snapshots__/venn-should-render-venn-width-defaults-min-radius-for-item.png
diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn.png b/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn.png
diff --git a/...shots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png b/...shots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png
diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx
@@ -28,6 +28,7 @@ test.describe('Accordion in table', () => {
     await expect(firstArrow).toBeFocused();
     await page.keyboard.press('ArrowDown');
     await page.keyboard.press('Enter');
+    await page.waitForTimeout(100);
     await expect(plot).toHaveCount(0);
     await page.keyboard.press('ArrowRight');
     await page.keyboard.press('ArrowRight');
@@ -117,7 +118,7 @@ test.describe('Accordion in table', () => {
     });
 
     await test.step('Verify accordion not expands when clicking interactive element in any cell when accordion on 1st', async () => {
-      const button = page.getByRole('button', { name: 'someB' });
+      const button = page.getByRole('button', { name: 'Click Me' });
       await button.click();
       await expect(plot).not.toBeVisible();
     });
@@ -182,6 +183,7 @@ test.describe('Accordion in table', () => {
     });
 
     await firstArrow.click();
+    await page.waitForTimeout(150);
     if (browserName !== 'firefox')
       for (let i = 0; i < cellCount; i++) {
         const cell = cells.nth(i);

diff --git a/...rify-keyboard-interactions-with-accordion-and-chart-inside-1-chromium-linux.png b/...rify-keyboard-interactions-with-accordion-and-chart-inside-1-chromium-linux.png
diff --git a/...erify-keyboard-interactions-with-accordion-and-chart-inside-1-firefox-linux.png b/...erify-keyboard-interactions-with-accordion-and-chart-inside-1-firefox-linux.png
diff --git a/...Verify-keyboard-interactions-with-accordion-and-chart-inside-1-webkit-linux.png b/...Verify-keyboard-interactions-with-accordion-and-chart-inside-1-webkit-linux.png
diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx
@@ -15,7 +15,7 @@ const checkStyles = async (element: any, styles: Record<string, string>) => {
 
 test.describe('Base styles Primary Table', () => {
   test('Verify styles when no interactive elements in header', async ({ page, browserName }) => {
-    const standPath = 'stories/components/data-table/tests/examples/header-tests/base.tsx';
+    const standPath = 'stories/components/data-table/docs/examples/base.tsx';
     const htmlContent = await e2eStandToHtml(standPath, 'en');
     await page.setContent(htmlContent);
     const table = page.locator('[data-ui-name="DataTable"]');
@@ -167,7 +167,7 @@ test.describe('Base styles Primary Table', () => {
   });
 
   test('Verify Column width by default - auto', async ({ page }) => {
-    const standPath = 'stories/components/data-table/tests/examples/header-tests/base.tsx';
+    const standPath = 'stories/components/data-table/docs/examples/base.tsx';
     const htmlContent = await e2eStandToHtml(standPath, 'en');
 
     await page.setContent(htmlContent);

diff --git a/semcore/data-table/__tests__/data-table-header.browser-test.tsx b/semcore/data-table/__tests__/data-table-header.browser-test.tsx
@@ -18,7 +18,7 @@ test.describe('One level Header', () => {
     page,
     browserName,
   }) => {
-    const standPath = 'stories/components/data-table/tests/examples/header-tests/base.tsx';
+    const standPath = 'stories/components/data-table/docs/examples/base.tsx';
     const htmlContent = await e2eStandToHtml(standPath, 'en');
 
     await page.setContent(htmlContent);

diff --git a/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx b/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx
@@ -34,7 +34,6 @@ test.describe('Vertical Scroll', () => {
     }
     const nowNumber = await checkScrollNowIncreased(scrollBar);
     expect(nowNumber).toBeLessThanOrEqual(initialValue);
-    await expect(page).toHaveScreenshot();
   });
 
   test('Verify Mouse scroll when Sticky header and no interactive in cells', async ({ page }) => {

diff --git a/...oard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-chromium-linux.png b/...oard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-chromium-linux.png
diff --git a/...board-scroll-when-Sticky-header-and-no-interactive-in-cells-1-firefox-linux.png b/...board-scroll-when-Sticky-header-and-no-interactive-in-cells-1-firefox-linux.png
diff --git a/...yboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-webkit-linux.png b/...yboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-webkit-linux.png
diff --git a/semcore/data-table/__tests__/data-table-virtual-scroll.browser-test.tsx b/semcore/data-table/__tests__/data-table-virtual-scroll.browser-test.tsx
@@ -51,8 +51,8 @@ test.describe('Vertical Scroll', () => {
     const htmlContent = await e2eStandToHtml(standPath, 'en');
     await page.setContent(htmlContent);
 
-    const dataTable = await page.locator('[data-ui-name="DataTable"]');
-    await dataTable.hover();
+    const dataTable = await page.locator('[data-ui-name="Body.Row"]');
+    await dataTable.first().hover();
     await page.mouse.wheel(0, 600);
     await page.waitForTimeout(1000);
     await expect(page).toHaveScreenshot({ maxDiffPixelRatio: 0.01 });