diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ef28ca188d..4d8b260f83 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -4375,7 +4375,7 @@ packages: resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==} engines: {node: '>=6.9.0'} dependencies: - '@babel/helper-validator-identifier': 7.19.1 + '@babel/helper-validator-identifier': 7.22.20 chalk: 2.4.2 js-tokens: 4.0.0 @@ -4394,20 +4394,6 @@ packages: dependencies: '@babel/types': 7.22.19 - /@babel/parser@7.22.16: - resolution: {integrity: sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==} - engines: {node: '>=6.0.0'} - hasBin: true - dependencies: - '@babel/types': 7.22.19 - - /@babel/parser@7.23.0: - resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==} - engines: {node: '>=6.0.0'} - hasBin: true - dependencies: - '@babel/types': 7.22.19 - /@babel/parser@7.25.0: resolution: {integrity: sha512-CzdIU9jdP0dg7HdyB+bHvDJGagUv+qtzZt5rYCWwW6tITNqV9odjp6Qu41gkG0ca5UfdDUWrKkiAnHHdGRnOrA==} engines: {node: '>=6.0.0'} @@ -5495,7 +5481,7 @@ packages: engines: {node: '>=6.9.0'} dependencies: '@babel/code-frame': 7.22.13 - '@babel/parser': 7.22.16 + '@babel/parser': 7.25.0 '@babel/types': 7.22.19 /@babel/traverse@7.21.3(supports-color@5.5.0): @@ -8742,7 +8728,7 @@ packages: /@types/babel__core@7.20.5: resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==} dependencies: - '@babel/parser': 7.23.0 + '@babel/parser': 7.25.0 '@babel/types': 7.22.19 '@types/babel__generator': 7.6.4 '@types/babel__template': 7.4.1 @@ -9657,7 +9643,7 @@ packages: /@vue/compiler-core@3.3.4: resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==} dependencies: - '@babel/parser': 7.23.0 + '@babel/parser': 7.25.0 '@vue/shared': 3.3.4 estree-walker: 2.0.2 source-map-js: 1.2.1 @@ -9757,7 +9743,7 @@ packages: /@vue/reactivity-transform@3.3.4: resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==} dependencies: - '@babel/parser': 7.23.0 + '@babel/parser': 7.25.0 '@vue/compiler-core': 3.3.4 '@vue/shared': 3.3.4 estree-walker: 2.0.2 @@ -10808,7 +10794,7 @@ packages: dependencies: '@babel/template': 7.20.7 '@babel/types': 7.22.19 - '@types/babel__core': 7.20.1 + '@types/babel__core': 7.20.5 '@types/babel__traverse': 7.18.3 /babel-plugin-macros@2.8.0: @@ -16470,7 +16456,7 @@ packages: engines: {node: '>=8'} dependencies: '@babel/core': 7.19.1 - '@babel/parser': 7.23.0 + '@babel/parser': 7.25.0 '@istanbuljs/schema': 0.1.3 istanbul-lib-coverage: 3.2.0 semver: 6.3.0 diff --git a/semcore/accordion/__tests__/__image_snapshots__/accordion-should-compact-false-render-correctly.png b/semcore/accordion/__tests__/__image_snapshots__/accordion-should-compact-false-render-correctly.png deleted file mode 100644 index fea97960e2..0000000000 Binary files a/semcore/accordion/__tests__/__image_snapshots__/accordion-should-compact-false-render-correctly.png and /dev/null differ diff --git a/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-correctly.png b/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-correctly.png index 388e257c19..3938294519 100644 Binary files a/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-correctly.png and b/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-correctly.png differ diff --git a/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-primary-use-correctly.png b/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-primary-use-correctly.png index 84d83fb350..654c2f7ae5 100644 Binary files a/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-primary-use-correctly.png and b/semcore/accordion/__tests__/__image_snapshots__/accordion-should-render-primary-use-correctly.png differ diff --git a/semcore/base-components/__tests__/popper.browser-test.tsx b/semcore/base-components/__tests__/popper.browser-test.tsx index 06a15d3cba..757f0f0cf4 100644 --- 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/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/Popper-Verify-popper-dynamic-and-fixed-position-with-Page-resizing-1-firefox-linux.png b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/Popper-Verify-popper-dynamic-and-fixed-position-with-Page-resizing-1-firefox-linux.png index 126ef211f5..892d30c18f 100644 Binary files a/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/Popper-Verify-popper-dynamic-and-fixed-position-with-Page-resizing-1-firefox-linux.png and b/semcore/base-components/__tests__/popper.browser-test.tsx-snapshots/Popper-Verify-popper-dynamic-and-fixed-position-with-Page-resizing-1-firefox-linux.png differ 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 index 2d35141e51..f512c72945 100644 Binary files a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-10.png and b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-10.png differ 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 index 80ef731c36..317b3b8544 100644 Binary files a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-12.png and b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-12.png differ 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 index 5622622670..6bfbc7d5b8 100644 Binary files a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-2.png and b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-2.png differ 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 index e4c45f6f88..e1728dc7e7 100644 Binary files a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-3.png and b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-3.png differ 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 index 05f86bd2e9..8966073b36 100644 Binary files a/semcore/button/__tests__/__image_snapshots__/button-should-support-active-9.png and b/semcore/button/__tests__/__image_snapshots__/button-should-support-active-9.png differ diff --git a/semcore/button/__tests__/__image_snapshots__/button-should-support-active.png b/semcore/button/__tests__/__image_snapshots__/button-should-support-active.png index 05f86bd2e9..311c96d20e 100644 Binary files a/semcore/button/__tests__/__image_snapshots__/button-should-support-active.png and b/semcore/button/__tests__/__image_snapshots__/button-should-support-active.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-basic-example-visual-regression.png b/semcore/card/__tests__/__image_snapshots__/card-basic-example-visual-regression.png index bb7f2c720b..82fe4fe1c9 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-basic-example-visual-regression.png and b/semcore/card/__tests__/__image_snapshots__/card-basic-example-visual-regression.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-header-and-body.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-header-and-body.png index 1455e34f4d..72ec7ff905 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-header-and-body.png and b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-header-and-body.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-innerhint.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-innerhint.png index 535b677abc..903f0f6bfc 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-innerhint.png and b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-innerhint.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description-without-hint.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description-without-hint.png index 215327a025..021935daee 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description-without-hint.png and b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description-without-hint.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description.png index 74449a10dd..903f0f6bfc 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description.png and b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-description.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-with-hint.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-with-hint.png index 05b7b6a849..a5986ea3f7 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-with-hint.png and b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly-tittle-with-hint.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly.png b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly.png index 8893d9679d..830dec56f8 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-renders-correctly.png and b/semcore/card/__tests__/__image_snapshots__/card-renders-correctly.png differ diff --git a/semcore/card/__tests__/__image_snapshots__/card-renders-innerhint-in-a-predictable-layout.png b/semcore/card/__tests__/__image_snapshots__/card-renders-innerhint-in-a-predictable-layout.png index 5f5af8ab65..ca92169bcf 100644 Binary files a/semcore/card/__tests__/__image_snapshots__/card-renders-innerhint-in-a-predictable-layout.png and b/semcore/card/__tests__/__image_snapshots__/card-renders-innerhint-in-a-predictable-layout.png differ diff --git a/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-dot-indicators.png b/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-dot-indicators.png index 2f2262d077..c2d9748e8c 100644 Binary files a/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-dot-indicators.png and b/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-dot-indicators.png differ diff --git a/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-image-indicators.png b/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-image-indicators.png index 0dd7c55cab..906d1d7da6 100644 Binary files a/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-image-indicators.png and b/semcore/carousel/__tests__/__image_snapshots__/carousel-visual-regression-image-indicators.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx b/semcore/color-picker/__tests__/color-picker.browser-test.tsx index e23883ecc4..7eabd5eb54 100644 --- 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/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-chromium-linux.png index 3f1dd2c607..cf5aee022d 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-firefox-linux.png index efc3d19e29..8cc2ccb2f5 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-webkit-linux.png index c7b0d14e74..2de68f8428 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-1-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-chromium-linux.png index ac5cb4d794..510e1c778a 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-firefox-linux.png index f42dce8009..3d2bb1c34a 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-webkit-linux.png index 749f545020..27af3b086c 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Custom-colors-states-2-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-chromium-linux.png index a2d6784d68..bb9a50097a 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-firefox-linux.png index 7c6310e937..f5740309fb 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-webkit-linux.png index 8747294afd..fbc94d94ed 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-1-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-chromium-linux.png index 1b937efad8..f4daf2d029 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-firefox-linux.png index 2d97800245..2c01ee155d 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-webkit-linux.png index b90fdf622f..dcc20b2638 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-2-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-chromium-linux.png index eb9e4cb32b..cf72f7b1c6 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-firefox-linux.png index 4b1715e1bd..875a3b15a2 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-webkit-linux.png index 46b67d89e9..4b224221a4 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-3-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-chromium-linux.png index c4a7985358..e726510ece 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-firefox-linux.png index 7c6310e937..f5740309fb 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-webkit-linux.png index 6d111b36a2..34f5ef1b26 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Default-item-states-for-active-and-background-colors-4-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-chromium-linux.png index ee77c85a7e..5da062fb5b 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-firefox-linux.png index c6fa438623..1296303f19 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-webkit-linux.png index 304c82250f..254e95cccd 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-1-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-chromium-linux.png index dedf1c3cf9..1f4199644a 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-firefox-linux.png index cad6acced8..2eafe4ae37 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-webkit-linux.png index 989101194f..d65a2eb571 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-ColorPicker-Item-PaletteManager-Item-and-ColorPicker-Input-props-2-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-chromium-linux.png index 58b5f26a1a..b302208586 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-firefox-linux.png index c0f2c40c31..b89e8762d2 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-webkit-linux.png index 52d1dafa3b..ddc4dce9f4 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-1-webkit-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-chromium-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-chromium-linux.png index 25d454e092..6acc0c10bd 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-chromium-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-chromium-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-firefox-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-firefox-linux.png index 4abbe0696b..f3c75f5a62 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-firefox-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-firefox-linux.png differ diff --git a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-webkit-linux.png b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-webkit-linux.png index 6eb6d71497..2b88c741e1 100644 Binary files a/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-webkit-linux.png and b/semcore/color-picker/__tests__/color-picker.browser-test.tsx-snapshots/Color-picker-Verify-trigger-variations-and-keyboards-interactions-2-webkit-linux.png differ diff --git a/semcore/counter/__tests__/__image_snapshots__/counter-renders-correctly.png b/semcore/counter/__tests__/__image_snapshots__/counter-renders-correctly.png index efbea218d3..bd503a5396 100644 Binary files a/semcore/counter/__tests__/__image_snapshots__/counter-renders-correctly.png and b/semcore/counter/__tests__/__image_snapshots__/counter-renders-correctly.png differ diff --git a/semcore/counter/__tests__/__image_snapshots__/counter-should-support-size-props.png b/semcore/counter/__tests__/__image_snapshots__/counter-should-support-size-props.png index c1cbdffca8..dca0816372 100644 Binary files a/semcore/counter/__tests__/__image_snapshots__/counter-should-support-size-props.png and b/semcore/counter/__tests__/__image_snapshots__/counter-should-support-size-props.png differ diff --git a/semcore/counter/__tests__/__image_snapshots__/counter-should-support-theme-props.png b/semcore/counter/__tests__/__image_snapshots__/counter-should-support-theme-props.png index 75665ed875..d589bc825b 100644 Binary files a/semcore/counter/__tests__/__image_snapshots__/counter-should-support-theme-props.png and b/semcore/counter/__tests__/__image_snapshots__/counter-should-support-theme-props.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area-without-data.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area-without-data.png index c26d5f5e87..45635c60d2 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area-without-data.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area-without-data.png differ 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 index 67812f7f55..e26cf95862 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-area.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-area-chart-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-area-chart-correctly.png index 24da8c3448..535b3c24bc 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-area-chart-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-area-chart-correctly.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-stacked-area-chart-with-dots-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-stacked-area-chart-with-dots-correctly.png index 900e9b1e65..38bbfecefc 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-stacked-area-chart-with-dots-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-curve-stacked-area-chart-with-dots-correctly.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-chart-without-data-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-chart-without-data-correctly.png index 3df8d68cc0..7c4cca90ca 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-chart-without-data-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-chart-without-data-correctly.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-without-data.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-without-data.png index 69df241c7b..49bb2be114 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-without-data.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-render-stacked-area-without-data.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-custom-line-in-area-chart.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-custom-line-in-area-chart.png index d5ced6bc55..b4d3151cbf 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-custom-line-in-area-chart.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-custom-line-in-area-chart.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-dots-display-function.png b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-dots-display-function.png index 6e973ff5a4..f5f90b3e46 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-dots-display-function.png and b/semcore/d3-chart/__tests__/__image_snapshots__/area-should-support-dots-display-function.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-not-cut-content-on-right-with-left-margin.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-not-cut-content-on-right-with-left-margin.png index 4ee8be29af..8ab711f3f2 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-not-cut-content-on-right-with-left-margin.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-not-cut-content-on-right-with-left-margin.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-background.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-background.png index 64c25d9ff6..4d8819f15c 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-background.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-background.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-correctly.png index 9ca361820e..ef3a6090d3 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-correctly.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-with-maxbarsize-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-with-maxbarsize-correctly.png index dbf7646eec..9db207c144 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-with-maxbarsize-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-with-maxbarsize-correctly.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-without-data-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-without-data-correctly.png index 9d92bbc9b9..a35c6116ca 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-without-data-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-chart-without-data-correctly.png differ 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 index 7dcb972925..007c2fabfa 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-group.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-group.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-group.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-group.png index c715a35a15..d69b01eda3 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-group.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-group.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-stack.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-stack.png index 4c836770c2..b327ab1cba 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-stack.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-stack.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-with-null-and-negative-values-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-with-null-and-negative-values-correctly.png index 0176cd636c..c0d7aa6b0b 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-with-null-and-negative-values-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal-with-null-and-negative-values-correctly.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal.png index 1e183a2196..1c55c285ed 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-horizontal.png differ 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 index 0a41537999..e319268309 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-label.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-label.png differ 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 index 30095a3475..e70cff0f16 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-negative.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-negative.png differ 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 index 501fb11dd0..b51a69b9b1 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-stack.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-stack.png differ 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 index ee346dc03e..9fc066021e 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-trend.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-trend.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-with-radius-height-if-radius-height.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-with-radius-height-if-radius-height.png index 33ad74fc21..60affdcd11 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-with-radius-height-if-radius-height.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar-with-radius-height-if-radius-height.png differ 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 index 9a6a0ce6de..7c7b939fcf 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-bar.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-custom-hmin.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-custom-hmin.png index 51c83b7714..58b1d7421e 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-custom-hmin.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-custom-hmin.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-default-hmin.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-default-hmin.png index 61952d7c77..61f2b0e7f4 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-default-hmin.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-default-hmin.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-zero-values.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-zero-values.png index 774e971a31..e09bf3cfb5 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-zero-values.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly-with-zero-values.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly.png index 3bed4e55bd..971205e805 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-stackbar-chart-correctly.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-the-minimum-height-for-bars-with-a-height-close-to-zero.png b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-the-minimum-height-for-bars-with-a-height-close-to-zero.png index 07cf6a3949..76588326cf 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-the-minimum-height-for-bars-with-a-height-close-to-zero.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bar-should-render-the-minimum-height-for-bars-with-a-height-close-to-zero.png differ 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 index 6e78a134ff..01cddcaf5e 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-bubble.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-bubble.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-custom-color.png b/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-custom-color.png index 5690e410a7..2084fe8b8d 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-custom-color.png and b/semcore/d3-chart/__tests__/__image_snapshots__/bubble-should-render-custom-color.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-ellipsis-in-tables.png b/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-ellipsis-in-tables.png index 0f03b28c31..01d446f029 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-ellipsis-in-tables.png and b/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-ellipsis-in-tables.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-one-column-in-tables.png b/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-one-column-in-tables.png index afed377f2e..ab0e0443ee 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-one-column-in-tables.png and b/semcore/d3-chart/__tests__/__image_snapshots__/chartlegend-should-correct-render-one-column-in-tables.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/cigarette-chart-should-render-cigarette.png b/semcore/d3-chart/__tests__/__image_snapshots__/cigarette-chart-should-render-cigarette.png index 56805ef47c..a9334bdef1 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/cigarette-chart-should-render-cigarette.png and b/semcore/d3-chart/__tests__/__image_snapshots__/cigarette-chart-should-render-cigarette.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-grid.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-grid.png index b7acd3b0b3..4199f8d459 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-grid.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-grid.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-ticks.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-ticks.png index 1c7cd53db7..aca4bcdec5 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-ticks.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-ticks.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles-with-vertical-mode.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles-with-vertical-mode.png index 3efae3505e..e72f015d90 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles-with-vertical-mode.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles-with-vertical-mode.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles.png index 159da8d5d5..50955d0947 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis-titles.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis.png index 49317588c4..4bd8f77042 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-axis.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-compact-horizontal-bar-chart.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-compact-horizontal-bar-chart.png index e120b0745d..bdd5952e1f 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-compact-horizontal-bar-chart.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-compact-horizontal-bar-chart.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-legend.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-legend.png index 3af9bce4c9..d3351e5f22 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-legend.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-legend.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-margin.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-margin.png index bfbbc8dc5a..03dad347ac 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-margin.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-margin.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-fixed-width.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-fixed-width.png index 9a942ce748..84721af407 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-fixed-width.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-fixed-width.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-value-based-width.png b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-value-based-width.png index a952a81e55..b64c6b19fc 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-value-based-width.png and b/semcore/d3-chart/__tests__/__image_snapshots__/d3-charts-visual-regression-should-render-reference-line-with-value-based-width.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut-without-data.png b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut-without-data.png index 2057ded1e8..9135a01819 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut-without-data.png and b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut-without-data.png differ 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 index 7d28b6800d..8e0bbacdc6 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut.png and b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-donut.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut-with-one-data.png b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut-with-one-data.png index 8664f669fc..907c1b042f 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut-with-one-data.png and b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut-with-one-data.png differ 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 index 6f7d459aad..a1a257b633 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut.png and b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-render-semi-donut.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-support-active-sector-in-donut-chart.png b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-support-active-sector-in-donut-chart.png index 0092a387b9..b05fade1a5 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-support-active-sector-in-donut-chart.png and b/semcore/d3-chart/__tests__/__image_snapshots__/donut-should-support-active-sector-in-donut-chart.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area-if-line-has-null-values.png b/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area-if-line-has-null-values.png index 97a6a31978..f01ae3e98b 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area-if-line-has-null-values.png and b/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area-if-line-has-null-values.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area.png b/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area.png index 2959d336a9..8a2438088c 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area.png and b/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line-with-area.png differ 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 index 2d30758068..4660e48b7e 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line.png and b/semcore/d3-chart/__tests__/__image_snapshots__/line-should-render-line.png differ 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 index 5484a62ea9..1ea77a3b5a 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-area.png and b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-area.png differ 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 index 4c29acd2fc..25a9b54d34 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bar.png and b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bar.png differ 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 index 97bbfa72c9..b35541f330 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bubble.png and b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-bubble.png differ 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 index 02b3bf257b..dcf1f9ac94 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-donut.png and b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-donut.png differ 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 index c4dbd2dd6e..fa7c36c15b 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-line.png and b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-line.png differ 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 index 671a119e8e..0e83cad2f9 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-radar.png and b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-radar.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-scatterplot.png b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-scatterplot.png index 3598e10be0..e5f6682a17 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-scatterplot.png and b/semcore/d3-chart/__tests__/__image_snapshots__/patterns-rendering-chart-scatterplot.png differ 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 index a6231e0800..1363641537 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/radar-should-render-radar.png and b/semcore/d3-chart/__tests__/__image_snapshots__/radar-should-render-radar.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-custom-center.png b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-custom-center.png index 78e6b162af..1017f4bffb 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-custom-center.png and b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-custom-center.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multicolor.png b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multicolor.png index 6d1a50504a..d7839101b2 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multicolor.png and b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multicolor.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multiline-text.png b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multiline-text.png index 219a2dfe98..b058b15e87 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multiline-text.png and b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree-multiline-text.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree.png b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree.png index 1611611dee..90a35131b8 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree.png and b/semcore/d3-chart/__tests__/__image_snapshots__/radial-should-render-radial-tree.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color-values.png b/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color-values.png index 40a5f17672..2f0fae16f4 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color-values.png and b/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color-values.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color.png b/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color.png index 836dd17b9b..adc814ae9a 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color.png and b/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-custom-color.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-scatterplot-values.png b/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-scatterplot-values.png index fbb6601ce8..a629470e5c 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-scatterplot-values.png and b/semcore/d3-chart/__tests__/__image_snapshots__/scatter-should-render-scatterplot-values.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-custom-intersection.png b/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-custom-intersection.png index 240653a8a6..89d48fa50b 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-custom-intersection.png and b/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-custom-intersection.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-orientation.png b/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-orientation.png index dd0c7a0dd4..9def14ed14 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-orientation.png and b/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-orientation.png differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-width-defaults-min-radius-for-item.png b/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-width-defaults-min-radius-for-item.png index 1b73136bac..70598252fb 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-width-defaults-min-radius-for-item.png and b/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn-width-defaults-min-radius-for-item.png differ 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 deleted file mode 100644 index 55cf25b9d7..0000000000 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/venn-should-render-venn.png and /dev/null differ diff --git a/semcore/d3-chart/__tests__/__image_snapshots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png b/semcore/d3-chart/__tests__/__image_snapshots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png index 677a254719..ace541e0ed 100644 Binary files a/semcore/d3-chart/__tests__/__image_snapshots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png and b/semcore/d3-chart/__tests__/__image_snapshots__/xaxis-should-support-to-render-custom-components-as-axis-tick-value.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx index a84abe1f72..48bf5e9f3c 100644 --- 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/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-chromium-linux.png index e69980d5fc..615851373b 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-chromium-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-chromium-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-firefox-linux.png index 8a4633a025..8daa84ed15 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-firefox-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-firefox-linux.png differ diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-webkit-linux.png index dca19f3b63..7af6b20d03 100644 Binary files a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-webkit-linux.png and b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx-snapshots/Accordion-in-table-Verify-keyboard-interactions-with-accordion-and-chart-inside-1-webkit-linux.png differ 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 index 0f530789ee..1b216c72fd 100644 --- 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) => { 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 index 5a3b6f53b4..ef8d6f4754 100644 --- 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 index 5b7f3a76e5..a0c7e35346 100644 --- 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/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-chromium-linux.png b/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-chromium-linux.png deleted file mode 100644 index 507935ccae..0000000000 Binary files a/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-chromium-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-firefox-linux.png b/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-firefox-linux.png deleted file mode 100644 index 425f5b79a8..0000000000 Binary files a/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-firefox-linux.png and /dev/null differ diff --git a/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-webkit-linux.png b/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-webkit-linux.png deleted file mode 100644 index fe3f08f611..0000000000 Binary files a/semcore/data-table/__tests__/data-table-scroll.browser-test.tsx-snapshots/Vertical-Scroll-Verify-Keyboard-scroll-when-Sticky-header-and-no-interactive-in-cells-1-webkit-linux.png and /dev/null differ 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 index 387b068e86..f962857af0 100644 --- 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 }); diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx b/semcore/date-picker/__tests__/date-picker.browser-test.tsx index 566cc8c2a3..cea47268a8 100644 --- a/semcore/date-picker/__tests__/date-picker.browser-test.tsx +++ b/semcore/date-picker/__tests__/date-picker.browser-test.tsx @@ -81,7 +81,6 @@ test.describe('DayPicker with today button', () => { await test.step('Verify input trigger attributes', async () => { const inputAttributes = [ - ['tabindex', '0'], ['aria-invalid', 'false'], ['role', 'combobox'], ['aria-label', 'Date'], @@ -112,7 +111,6 @@ test.describe('DayPicker with today button', () => { { locator: '[data-ui-name="DatePicker.Prev"]', attrs: [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Previous month'], ], @@ -121,7 +119,6 @@ test.describe('DayPicker with today button', () => { { locator: '[data-ui-name="DatePicker.Next"]', attrs: [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Next month'], ], @@ -226,10 +223,7 @@ test.describe('DayPicker with today button', () => { await test.step('Verify today button attributes', async () => { const todayButton = page.locator('[data-ui-name="Button"]'); - const todayAttributes = [ - ['type', 'button'], - ['tabindex', '0'], - ]; + const todayAttributes = [['type', 'button']]; for (const [attr, value] of todayAttributes) { await expect(todayButton).toHaveAttribute(attr, value); @@ -413,7 +407,7 @@ test.describe('DayPicker with today button', () => { await prev.hover(); const initialTitle = await title.textContent(); - await page.keyboard.press('Enter'); // space не работает — баг + await page.keyboard.press('Enter'); const titleAfterFirstEnter = await title.textContent(); expect(titleAfterFirstEnter).not.toBe(initialTitle); await expect(title).not.toHaveText(initialTitle!); @@ -477,7 +471,7 @@ test.describe('DayPicker with today button', () => { await expect(todayButton).toBeFocused(); const newValue2 = await input.inputValue(); - await page.keyboard.press('Enter'); // space не работает — баг + await page.keyboard.press('Enter'); await expect(popper).not.toBeVisible(); const newValue3 = await input.inputValue(); @@ -518,32 +512,32 @@ test.describe('DayPicker with custom days', () => { }); const inputTrigger = page.locator('input[data-ui-name="DatePicker.Trigger"]'); - const inputAttributes = [ - { name: 'tabindex', value: '0' }, - { name: 'aria-invalid', value: 'false' }, - { name: 'role', value: 'combobox' }, - { name: 'aria-label', value: 'Date' }, - { name: 'inputmode', value: 'numeric' }, - ]; - await test.step('Verify input trigger attributes', async () => { - for (const { name, value } of inputAttributes) { - await expect(inputTrigger).toHaveAttribute(name, value); + const inputAttributes = [ + ['aria-invalid', 'false'], + ['role', 'combobox'], + ['aria-label', 'Date'], + ['inputmode', 'numeric'], + ]; + + for (const [attr, value] of inputAttributes) { + await expect(inputTrigger).toHaveAttribute(attr, value); } }); // Triggering the date picker - datePickerTrigger.first().click(); const popper = page.locator('[data-ui-name="DatePicker.Popper"]'); - const popperAttributes = [ - { name: 'tabindex', value: '0' }, - { name: 'role', value: 'dialog' }, - { name: 'data-popper-placement', value: 'bottom-start' }, - ]; + await datePickerTrigger.first().click(); await test.step('Verify popper attributes', async () => { - for (const { name, value } of popperAttributes) { - await expect(popper).toHaveAttribute(name, value); + const popperAttributes = [ + ['tabindex', '0'], + ['role', 'dialog'], + ['data-popper-placement', 'bottom-start'], + ]; + + for (const [attr, value] of popperAttributes) { + await expect(popper).toHaveAttribute(attr, value); } }); @@ -555,7 +549,6 @@ test.describe('DayPicker with custom days', () => { for (const { selector, ariaLabel } of headerButtons) { const button = page.locator(selector); - await expect(button).toHaveAttribute('tabindex', '0'); await expect(button).toHaveAttribute('type', 'button'); await expect(button).toHaveAttribute('aria-label', ariaLabel); } @@ -564,19 +557,6 @@ test.describe('DayPicker with custom days', () => { await expect(headTitle).toHaveAttribute('aria-live', 'polite'); }); - const calendarAttributes = [ - { name: 'tabindex', value: '0' }, - { name: 'role', value: 'grid' }, - { name: 'disabled', value: '' }, - ]; - - await test.step('Verify calendar attributes', async () => { - const calendar = page.locator('[data-ui-name="DatePicker.Calendar"]'); - for (const { name, value } of calendarAttributes) { - await expect(calendar).toHaveAttribute(name, value); - } - }); - const weekDaysAttributes = [{ name: 'role', value: 'row' }]; const daysOfWeek = [ @@ -589,21 +569,62 @@ test.describe('DayPicker with custom days', () => { 'Saturday', ]; - await test.step('Verify weekdays attributes', async () => { - const weekDaysRow = page.locator('[data-ui-name="CalendarWeekDays"]'); + await test.step('Verify popper header attributes', async () => { + const headerLocators = [ + { + locator: '[data-ui-name="DatePicker.Prev"]', + attrs: [ + ['type', 'button'], + ['aria-label', 'Previous month'], + ], + }, + { locator: '[data-ui-name="DatePicker.Title"]', attrs: [['aria-live', 'polite']] }, + { + locator: '[data-ui-name="DatePicker.Next"]', + attrs: [ + ['type', 'button'], + ['aria-label', 'Next month'], + ], + }, + ]; - for (const { name, value } of weekDaysAttributes) { - const parentRole = await weekDaysRow.getAttribute(name); - expect(parentRole).toBe(value); + for (const { locator, attrs } of headerLocators) { + const element = page.locator(locator); + for (const [attr, value] of attrs) { + await expect(element).toHaveAttribute(attr, value); + } } + }); + + await test.step('Verify calendar attributes', async () => { + const calendar = page.locator('[data-ui-name="DatePicker.Calendar"]'); + await expect(calendar).toHaveAttribute('tabindex', '0'); + await expect(calendar).toHaveAttribute('role', 'grid'); + await expect(calendar).toHaveAttribute('disabled', ''); + }); + + await test.step('Verify weekdays attributes', async () => { + const weekDaysRow = page.locator('[data-ui-name="CalendarWeekDays"]'); + await expect(weekDaysRow).toHaveAttribute('role', 'row'); const weekDays = weekDaysRow.locator('[data-ui-name="CalendarWeekDays.Unit"]'); - for (let i = 0; i < daysOfWeek.length; i++) { + const daysOfWeek = [ + 'Sunday', + 'Monday', + 'Tuesday', + 'Wednesday', + 'Thursday', + 'Friday', + 'Saturday', + ]; + + for (const [i, dayName] of daysOfWeek.entries()) { const day = weekDays.nth(i); await expect(day).toHaveAttribute('role', 'columnheader'); - await expect(day).toHaveAttribute('aria-label', daysOfWeek[i]); - const dayText = await day.textContent(); - expect(dayText).toBe(daysOfWeek[i].slice(0, 3)); + await expect(day).toHaveAttribute('aria-label', dayName); + + const dayText = (await day.textContent())?.trim(); + expect(dayText).toBe(dayName.slice(0, 3)); } }); @@ -611,38 +632,42 @@ test.describe('DayPicker with custom days', () => { const cells = page.locator('[role="gridcell"]'); const cellCount = await cells.count(); - const dayAttributes = [ - { name: 'role', value: 'gridcell' }, - { name: 'aria-selected', value: 'false' }, - { name: 'aria-hidden', value: 'false' }, - ]; - for (let i = 0; i < cellCount; i++) { const cell = cells.nth(i); const ariaLabel = await cell.getAttribute('aria-label'); if (!ariaLabel) continue; - for (const { name, value } of dayAttributes) { - await expect(cell).toHaveAttribute(name, value); + const dayAttributes = [ + ['role', 'gridcell'], + ['aria-colindex'], + ['aria-rowindex'], + ['aria-selected', 'false'], + ['aria-hidden', 'false'], + ]; + + for (const [attr, value] of dayAttributes) { + if (value !== undefined) { + await expect(cell).toHaveAttribute(attr, value); + } else { + await expect(cell).toHaveAttribute(attr); + } } const date = new Date(ariaLabel); - const month = date.getMonth(); - const isCurrentMonth = month === 5; + const isCurrentMonth = date.getMonth() === 5; // June - const hasDisabledAttr = (await cell.getAttribute('disabled')) !== null; + const hasDisabled = (await cell.getAttribute('disabled')) !== null; const ariaDisabled = await cell.getAttribute('aria-disabled'); if (isCurrentMonth) { - expect(hasDisabledAttr).toBe(false); - expect(ariaDisabled).toBe('false'); + expect(hasDisabled).toBe(false); } else { - expect(hasDisabledAttr).toBe(true); - expect(ariaDisabled).toBe('false'); + expect(hasDisabled).toBe(true); } + expect(ariaDisabled).toBe('false'); - const text = await cell.textContent(); - expect(text?.trim()).not.toBe(''); + const text = (await cell.textContent())?.trim(); + expect(text).not.toBe(''); } }); }); @@ -800,7 +825,7 @@ test.describe('DayPicker with custom days', () => { await page.keyboard.press('Tab'); await expect(headPrev).toBeFocused(); await headPrev.hover(); - await page.keyboard.press('Enter'); // Space не работает — баг + await page.keyboard.press('Enter'); // Space doesn't work — bug const titleAfterFirstEnter = await headTitle.textContent(); expect(titleAfterFirstEnter).not.toBe(initialTitle); await expect(headTitle).not.toHaveText(initialTitle!); @@ -810,7 +835,7 @@ test.describe('DayPicker with custom days', () => { await page.keyboard.press('Tab'); await expect(headNext).toBeFocused(); - await page.keyboard.press('Enter'); // Space не работает — баг + await page.keyboard.press('Enter'); // Space doesn't work — bug const titleAfterSecondEnter = await headTitle.textContent(); expect(titleAfterSecondEnter).toBe(initialTitle); }); @@ -1048,14 +1073,15 @@ test.describe('Disabled dates and Validation', () => { await expect(datePicker).toHaveAttribute('aria-invalid', 'false'); await page.keyboard.type('7875'); + await page.waitForTimeout(250); await expect(datePicker).toHaveAttribute('aria-invalid', 'true'); await expect(datePicker).toHaveAttribute('aria-haspopup', 'true'); - await expect(page).toHaveScreenshot(); await page.keyboard.press('Backspace'); await page.keyboard.type('24'); await expect(datePicker).toHaveAttribute('aria-invalid', 'true'); await page.keyboard.press('Enter'); + await page.waitForTimeout(50); await expect(tooltip).toBeVisible(); await expect(popper).toBeVisible(); @@ -1063,7 +1089,7 @@ test.describe('Disabled dates and Validation', () => { await expect(tooltip).toBeVisible(); await expect(popper).not.toBeVisible(); - await page.keyboard.press('Escape'); // bug?? + await page.keyboard.press('Escape'); // bug await expect(tooltip).toBeVisible(); await expect(datePicker).toHaveAttribute('aria-invalid', 'true'); }); diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-chromium-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-chromium-linux.png index 0c5c0509ce..f538e5c97c 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-firefox-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-firefox-linux.png index bc054ab4fe..e274ad07cb 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-firefox-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-chromium-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-chromium-linux.png index badca83d91..bffec48ef5 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-chromium-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-firefox-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-firefox-linux.png index bc054ab4fe..e274ad07cb 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-firefox-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-2-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-chromium-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-chromium-linux.png index 27e5084d62..cd3607355e 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-chromium-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-firefox-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-firefox-linux.png index bc054ab4fe..e274ad07cb 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-firefox-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-3-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-chromium-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-chromium-linux.png index 2eb2b44833..ab50571448 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-chromium-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-firefox-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-firefox-linux.png index bc054ab4fe..e274ad07cb 100644 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-firefox-linux.png and b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/DayPicker-with-today-button-Verify-datepicker-with-Today-button-styles-4-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-chromium-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-chromium-linux.png deleted file mode 100644 index 30e1780dbb..0000000000 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-chromium-linux.png and /dev/null differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-firefox-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-firefox-linux.png deleted file mode 100644 index 2c22360fa1..0000000000 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-firefox-linux.png and /dev/null differ diff --git a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-webkit-linux.png b/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-webkit-linux.png deleted file mode 100644 index a59e7b2517..0000000000 Binary files a/semcore/date-picker/__tests__/date-picker.browser-test.tsx-snapshots/Disabled-dates-and-Validation-Verify-validation-tooltip-1-webkit-linux.png and /dev/null differ diff --git a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx index 8c8eac1b61..b5e2f6ddd2 100644 --- a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx +++ b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx @@ -74,7 +74,6 @@ test.describe('DateRangeComparator range', () => { { selector: '[data-ui-name="Checkbox.Value"]', attributes: [ - { name: 'tabindex', value: '0' }, { name: 'type', value: 'checkbox' }, { name: 'aria-invalid', value: 'false' }, ], @@ -89,25 +88,22 @@ test.describe('DateRangeComparator range', () => { } const inputValues = page.locator('input[data-ui-name="DateRangeComparator.ValueDateRange"]'); + const compareValues = page.locator( + 'input[data-ui-name="DateRangeComparator.CompareDateRange"]', + ); + const inputAttributesCommon = [ { name: 'type', value: 'text' }, { name: 'inputmode', value: 'numeric' }, { name: 'aria-invalid', value: 'false' }, ]; - const inputs = [ - { locator: inputValues, tabindex: '0' }, - { - locator: page.locator('input[data-ui-name="DateRangeComparator.CompareDateRange"]'), - tabindex: '-1', - }, - ]; + const inputs = [inputValues, compareValues]; - for (const { locator, tabindex } of inputs) { + for (const locator of inputs) { const count = await locator.count(); for (let i = 0; i < count; i++) { const input = locator.nth(i); - await expect(input).toHaveAttribute('tabindex', tabindex); for (const { name, value } of inputAttributesCommon) { await expect(input).toHaveAttribute(name, value); } @@ -136,7 +132,6 @@ test.describe('DateRangeComparator range', () => { for (const { selector, ariaLabel } of headerButtons) { const button = page.locator(selector); - await expect(button).toHaveAttribute('tabindex', '0'); await expect(button).toHaveAttribute('type', 'button'); await expect(button).toHaveAttribute('aria-label', ariaLabel); } @@ -237,13 +232,11 @@ test.describe('DateRangeComparator range', () => { const applyButton = page.locator('[data-ui-name="DateRangeComparator.Apply"]'); await test.step('Verify Apply button attributes', async () => { await expect(applyButton).toHaveAttribute('type', 'button'); - await expect(applyButton).toHaveAttribute('tabindex', '0'); }); const resetButton = page.locator('[data-ui-name="DateRangeComparator.Reset"]'); await test.step('Verify Reset button attributes', async () => { await expect(resetButton).toHaveAttribute('type', 'button'); - await expect(resetButton).toHaveAttribute('tabindex', '0'); }); }); @@ -329,7 +322,7 @@ test.describe('DateRangeComparator range', () => { throw new Error(`Invalid aria-label date: ${ariaLabel}`); } - const month = (parsedDate.getMonth() + 1).toString().padStart(2, '0'); // getMonth() возвращает 0–11 + const month = (parsedDate.getMonth() + 1).toString().padStart(2, '0'); const day = parsedDate.getDate().toString().padStart(2, '0'); const year = parsedDate.getFullYear().toString(); @@ -495,61 +488,42 @@ test.describe('DateRangeComparator range', () => { test('Verify Date range comparator keyboard interactions', async ({ page, browserName }) => { const standPath = 'stories/components/date-picker/docs/examples/date_range_comparator.tsx'; - const htmlContent = await e2eStandToHtml(standPath, 'en'); - await page.setContent(htmlContent); + await page.setContent(await e2eStandToHtml(standPath, 'en')); + + const getInputValues = async (locator: any) => ({ + from: await locator.nth(0).inputValue(), + to: await locator.nth(1).inputValue(), + }); const datePicker = page.locator('[data-ui-name="DateRangeComparator.Trigger"]'); const popper = page.locator('[data-ui-name="DateRangeComparator.Popper"]'); - const headPrev = page.locator('[data-ui-name="DateRangeComparator.Prev"]'); const headTitle = page.locator('[data-ui-name="DateRangeComparator.Title"]'); - const headNext = page.locator('[data-ui-name="DateRangeComparator.Next"]'); - const buttons = page.locator('[data-ui-name="Button"]'); const inputFrom = page.locator('input[data-ui-name="DateRangeComparator.ValueDateRange"]'); const inputTo = page.locator('input[data-ui-name="DateRangeComparator.CompareDateRange"]'); - const toggle = page.locator('[data-ui-name="DateRangeComparator.CompareToggle"]'); const apply = page.locator('[data-ui-name="DateRangeComparator.Apply"]'); const reset = page.locator('[data-ui-name="DateRangeComparator.Reset"]'); - const compareCalendar = page.locator('[data-ui-name="DateRangeComparator.Calendar"]').first(); - - let initialTitleFrom: string | null = ''; - let initialTitleTo: string | null = ''; - let titleAfterFirstEnterFrom: string | null = ''; - let titleAfterFirstEnterTo: string | null = ''; - let initialValueFrom = ''; - let initialValueFrom2 = ''; - let initialValueFrom1_1 = ''; - let initialValueFrom2_1 = ''; - let initialValueFrom1_2 = ''; - let initialValueFrom2_2 = ''; - let initialValueFrom1_3 = ''; - let initialValueFrom2_3 = ''; - let initialValueFrom1_4 = ''; - let initialValueFrom2_4 = ''; - let initialValueTo1 = ''; - let initialValueTo2 = ''; - let initialValueTo1_1 = ''; - let initialValueTo2_1 = ''; - let initialValueTo1_2 = ''; - let initialValueTo2_2 = ''; + const headPrev = page.locator('[data-ui-name="DateRangeComparator.Prev"]'); + const headNext = page.locator('[data-ui-name="DateRangeComparator.Next"]'); + + if (browserName === 'webkit') return; await test.step('Open and close calendar using keyboard', async () => { await page.keyboard.press('Tab'); - await page.keyboard.press('Enter'); await page.waitForTimeout(300); + await page.keyboard.press('Tab'); await page.keyboard.type('04042024'); await page.keyboard.type('04042024'); - for (let i = 0; i < 9; i++) { - await page.keyboard.press('Tab'); - } - - await page.keyboard.press('Enter'); - await page.waitForTimeout(100); + for (let i = 0; i < 9; i++) await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); await page.waitForTimeout(300); + await expect(popper).not.toBeVisible(); + await expect(datePicker).toBeFocused(); + await page.keyboard.press('Enter'); + await page.waitForTimeout(300); await expect(popper).toBeVisible(); await expect(datePicker).not.toBeFocused(); await expect(popper).toBeFocused(); @@ -560,165 +534,103 @@ test.describe('DateRangeComparator range', () => { await page.keyboard.press('Space'); await page.waitForTimeout(300); await expect(popper).toBeVisible(); - await expect(popper).toBeFocused(); - }); - - await test.step('Navigate through elements', async () => { - await page.keyboard.press('Tab'); // From - await page.keyboard.press('Tab'); // To - await expect(page.getByLabel('To Date field').first()).toBeFocused(); - - await page.keyboard.press('Tab'); // Checkmark - await expect(page.locator('[data-ui-name="Value.CheckMark"]')).toHaveClass(/keyboardFocused/); }); await test.step('Navigate months backwards and forwards', async () => { - initialTitleFrom = await headTitle.first().textContent(); - initialTitleTo = await headTitle.nth(1).textContent(); - - await page.keyboard.press('Tab'); // Prev - await page.keyboard.press('Enter'); - titleAfterFirstEnterFrom = await headTitle.first().textContent(); - titleAfterFirstEnterTo = await headTitle.nth(1).textContent(); + const initial = { + from: await headTitle.first().textContent(), + to: await headTitle.nth(1).textContent(), + }; - expect(titleAfterFirstEnterFrom).not.toBe(initialTitleFrom); - expect(titleAfterFirstEnterTo).not.toBe(initialTitleTo); - - await page.keyboard.press('Tab'); // Next await page.keyboard.press('Tab'); - await expect(headNext).toBeFocused(); - + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); + await expect(headPrev).toBeFocused(); await page.keyboard.press('Enter'); - const titleAfterSecondEnterFrom = await headTitle.first().textContent(); - const titleAfterSecondEnterTo = await headTitle.nth(1).textContent(); - - expect(titleAfterSecondEnterFrom).toBe(initialTitleFrom); - expect(titleAfterSecondEnterTo).toBe(initialTitleTo); - }); - await test.step('Focus calendar and navigate buttons', async () => { - await page.keyboard.press('Shift+Tab'); - await expect(compareCalendar).toBeFocused(); + const changed = { + from: await headTitle.first().textContent(), + to: await headTitle.nth(1).textContent(), + }; - await page.keyboard.press('Tab'); // Button 1 - await page.keyboard.press('Tab'); // Button 2 - await expect(buttons.first()).toBeFocused(); - await expect(page).toHaveScreenshot(); + expect(changed.from).not.toBe(initial.from); + expect(changed.to).not.toBe(initial.to); - await page.keyboard.press('Tab'); // More tabs to Apply await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await expect(apply).toBeFocused(); + await expect(headNext).toBeFocused(); + await page.keyboard.press('Enter'); - await page.keyboard.press('Tab'); - await expect(reset).toBeFocused(); + const reverted = { + from: await headTitle.first().textContent(), + to: await headTitle.nth(1).textContent(), + }; - await page.keyboard.press('Tab'); - await expect(popper).toBeFocused(); + expect(reverted.from).toBe(initial.from); + expect(reverted.to).toBe(initial.to); }); - await test.step('Select first and second dates in From input', async () => { - initialValueFrom = await inputFrom.nth(0).inputValue(); - initialValueFrom2 = await inputFrom.nth(1).inputValue(); + await test.step('Select From dates with keyboard', async () => { + const initial = await getInputValues(inputFrom); await page.keyboard.press('ArrowRight'); await page.keyboard.press('ArrowRight'); - initialValueFrom1_1 = await inputFrom.nth(0).inputValue(); - initialValueFrom2_1 = await inputFrom.nth(1).inputValue(); - expect(initialValueFrom1_1).toBe(initialValueFrom); - expect(initialValueFrom2_1).toBe(initialValueFrom2); + const unchanged = await getInputValues(inputFrom); + expect(unchanged).toEqual(initial); await page.keyboard.press('Space'); await page.waitForTimeout(50); - initialValueFrom1_2 = await inputFrom.nth(0).inputValue(); - initialValueFrom2_2 = await inputFrom.nth(1).inputValue(); - - expect(initialValueFrom1_2).not.toBe(initialValueFrom1_1); - expect(initialValueFrom2_2).not.toBe(initialValueFrom2_1); + const changed = await getInputValues(inputFrom); + expect(changed.from).not.toBe(initial.from); + expect(changed.to).not.toBe(initial.to); await page.keyboard.press('ArrowRight'); await page.keyboard.press('Space'); - await page.waitForTimeout(100); - - initialValueFrom1_3 = await inputFrom.nth(0).inputValue(); - initialValueFrom2_3 = await inputFrom.nth(1).inputValue(); - expect(initialValueFrom1_3).toBe(initialValueFrom1_2); - expect(initialValueFrom2_3).not.toBe(initialValueFrom2); + const final = await getInputValues(inputFrom); + expect(final.from).toBe(changed.from); + expect(final.to).not.toBe(initial.to); }); - await test.step('Switch to Compare mode', async () => { - await page.keyboard.press('Shift+Tab'); - await page.keyboard.press('Shift+Tab'); - await page.keyboard.press('Shift+Tab'); + await test.step('Switch to Compare mode and select To dates', async () => { + for (let i = 0; i < 3; i++) await page.keyboard.press('Shift+Tab'); await page.keyboard.press('Space'); await page.waitForTimeout(200); - await expect( - page.locator('[data-ui-name="DateRangeComparator.CompareDateRange"]').nth(1), - ).toHaveClass(/focused/); - }); - - await test.step('Select first and second dates in To input', async () => { - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await expect(headPrev).toBeFocused(); - - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); + for (let i = 0; i < 3; i++) await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); + const initial = await getInputValues(inputTo); await page.keyboard.press('ArrowLeft'); - initialValueTo1 = await inputTo.nth(0).inputValue(); - initialValueTo2 = await inputTo.nth(1).inputValue(); - await page.keyboard.press('ArrowUp'); await page.keyboard.press('Space'); - initialValueTo1_1 = await inputTo.nth(0).inputValue(); - initialValueTo2_1 = await inputTo.nth(1).inputValue(); - - expect(initialValueTo1_1).not.toBe(initialValueTo1); - expect(initialValueTo2_1).toBe(initialValueTo2); + const mid = await getInputValues(inputTo); + expect(mid.from).not.toBe(initial.from); + expect(mid.to).toBe(initial.to); await page.keyboard.press('ArrowRight'); await page.keyboard.press('ArrowRight'); await page.keyboard.press('Space'); - initialValueTo1_2 = await inputTo.nth(0).inputValue(); - initialValueTo2_2 = await inputTo.nth(1).inputValue(); - - expect(initialValueTo1_2).toBe(initialValueTo1_1); - expect(initialValueTo2_2).not.toBe(initialValueTo2_1); - - initialValueFrom1_4 = await inputFrom.nth(0).inputValue(); - initialValueFrom2_4 = await inputFrom.nth(1).inputValue(); - - expect(initialValueFrom1_4).toBe(initialValueFrom1_3); - expect(initialValueFrom2_4).toBe(initialValueFrom2_3); + const final = await getInputValues(inputTo); + expect(final.from).toBe(mid.from); + expect(final.to).not.toBe(mid.to); }); - await test.step('Apply selected dates and close calendar', async () => { + await test.step('Apply and reset selected dates', async () => { for (let i = 0; i < 6; i++) await page.keyboard.press('Tab'); await expect(apply).toBeFocused(); await page.keyboard.press('Enter'); - await expect(popper).not.toBeVisible(); - await expect(page.locator('[data-ui-name="LinkTrigger.Text"]').first()).not.toHaveText( - 'Select date ranges', - ); - }); - await test.step('Reset dates', async () => { await page.keyboard.press('Enter'); await page.waitForTimeout(300); for (let i = 0; i < 14; i++) await page.keyboard.press('Tab'); - await expect(reset).toBeFocused(); await page.keyboard.press('Space'); await page.waitForTimeout(300); diff --git a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png index 9585a9b5e4..bdc5248895 100644 Binary files a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png index 47c995f1e1..baaa13b40f 100644 Binary files a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png index 4d9f8e0af3..c8514c00d3 100644 Binary files a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png and b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-1-chromium-linux.png b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-1-chromium-linux.png index 208d99f39a..942b5677e6 100644 Binary files a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-2-chromium-linux.png b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-2-chromium-linux.png index afc9729c94..63b1fd365e 100644 Binary files a/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-2-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-comparator.browser-test.tsx-snapshots/Date-range-comparator-props-Verify-all-date-range-comparator-props-work-good-2-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx index b048e7d76d..2e140c8915 100644 --- a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx +++ b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx @@ -92,7 +92,6 @@ test.describe('Date range with standart ranges', () => { for (const { index, label } of inputAttributes) { await test.step(`Verify ${label} trigger attributes`, async () => { - await expect(inputTriggr.nth(index)).toHaveAttribute('tabindex', '0'); await expect(inputTriggr.nth(index)).toHaveAttribute('aria-invalid', 'false'); await expect(inputTriggr.nth(index)).toHaveAttribute('aria-haspopup', 'dialog'); await expect(inputTriggr.nth(index)).toHaveAttribute('aria-expanded', 'false'); @@ -122,7 +121,6 @@ test.describe('Date range with standart ranges', () => { { locator: '[data-ui-name="DateRangePicker.Prev"]', attrs: [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Previous month'], ], @@ -130,7 +128,6 @@ test.describe('Date range with standart ranges', () => { { locator: '[data-ui-name="DateRangePicker.Next"]', attrs: [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Next month'], ], @@ -161,9 +158,6 @@ test.describe('Date range with standart ranges', () => { await expect(calendar).toHaveAttribute('role', 'grid'); await expect(calendar).toHaveAttribute('disabled', ''); } - - await expect(calendars.first()).toHaveAttribute('tabindex', '0'); - await expect(calendars.nth(1)).toHaveAttribute('tabindex', '-1'); }); await test.step('Verify weekdays attributes', async () => { @@ -263,7 +257,6 @@ test.describe('Date range with standart ranges', () => { const button = periodButtons.nth(i); await expect(button).toHaveAttribute('type', 'button'); await expect(button).toHaveAttribute('role', 'option'); - await expect(button).toHaveAttribute('tabindex', '0'); } }); @@ -276,7 +269,6 @@ test.describe('Date range with standart ranges', () => { for (const { locator, label } of buttons) { const button = page.locator(locator); await expect(button).toHaveAttribute('type', 'button'); - await expect(button).toHaveAttribute('tabindex', '0'); } }); }); @@ -500,7 +492,7 @@ test.describe('Date range with standart ranges', () => { await page.setContent(htmlContent); - const datePicker = await page.locator('[data-ui-name="DateRangePicker.Trigger"]'); + const datePicker = page.locator('[data-ui-name="DateRangePicker.Trigger"]'); const popper = page.locator('[data-ui-name="DateRangePicker.Popper"]'); const headPrev = page.locator('[data-ui-name="DateRangePicker.Prev"]'); const headTitle = page.locator('[data-ui-name="DateRangePicker.Title"]'); @@ -515,7 +507,6 @@ test.describe('Date range with standart ranges', () => { await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); await expect(popper).toBeVisible(); - await expect(datePicker.nth(4)).not.toBeFocused(); await expect(popper).toBeFocused(); @@ -527,18 +518,21 @@ test.describe('Date range with standart ranges', () => { await expect(datePicker.nth(4)).not.toBeFocused(); await expect(popper).toBeFocused(); + if (browserName === 'webkit') return; + await page.keyboard.press('Tab'); await expect(headPrev).toBeFocused(); await headPrev.hover(); - const initialTitleFrom = await headTitle.first().textContent(); - const initialTitleTo = await headTitle.nth(1).textContent(); - - await page.keyboard.press('Enter'); // space don't work - bug! - const titleAfterFirstEnterFrom = await headTitle.first().textContent(); - const titleAfterFirstEnterTo = await headTitle.nth(1).textContent(); - expect(titleAfterFirstEnterFrom).not.toBe(initialTitleFrom); - expect(titleAfterFirstEnterTo).not.toBe(initialTitleTo); + const [initialTitleFrom, initialTitleTo] = await Promise.all([ + headTitle.first().textContent(), + headTitle.nth(1).textContent(), + ]); + await page.keyboard.press('Enter'); + const [titleAfterFirstEnterFrom, titleAfterFirstEnterTo] = await Promise.all([ + headTitle.first().textContent(), + headTitle.nth(1).textContent(), + ]); expect(titleAfterFirstEnterFrom).not.toBe(initialTitleFrom); expect(titleAfterFirstEnterTo).not.toBe(initialTitleTo); @@ -546,9 +540,11 @@ test.describe('Date range with standart ranges', () => { await page.keyboard.press('Tab'); await expect(headNext).toBeFocused(); - await page.keyboard.press('Enter'); // space don't work - bug! - const titleAfterSecondEnterFrom = await headTitle.first().textContent(); - const titleAfterSecondEnterTo = await headTitle.nth(1).textContent(); + await page.keyboard.press('Enter'); + const [titleAfterSecondEnterFrom, titleAfterSecondEnterTo] = await Promise.all([ + headTitle.first().textContent(), + headTitle.nth(1).textContent(), + ]); expect(titleAfterSecondEnterFrom).toBe(initialTitleFrom); expect(titleAfterSecondEnterTo).toBe(initialTitleTo); @@ -557,15 +553,9 @@ test.describe('Date range with standart ranges', () => { await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); - await expect(buttons.first()).toBeFocused(); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - + for (let i = 0; i < 5; i++) await page.keyboard.press('Tab'); await expect(apply).toBeFocused(); await page.keyboard.press('Tab'); @@ -575,44 +565,44 @@ test.describe('Date range with standart ranges', () => { await expect(popper).toBeFocused(); await page.keyboard.press('ArrowLeft'); - - const initialValue1 = await input.nth(2).inputValue(); - const initialValue2 = await input.nth(3).inputValue(); + const [initialValue1, initialValue2] = await Promise.all([ + input.nth(2).inputValue(), + input.nth(3).inputValue(), + ]); await page.keyboard.press('Escape'); - - const initialValue1_1 = await input.nth(2).inputValue(); - const initialValue2_1 = await input.nth(3).inputValue(); - - expect(initialValue1_1).toBe(initialValue1); - expect(initialValue2_1).toBe(initialValue2); + const [value1_1, value2_1] = await Promise.all([ + input.nth(2).inputValue(), + input.nth(3).inputValue(), + ]); + expect(value1_1).toBe(initialValue1); + expect(value2_1).toBe(initialValue2); await page.keyboard.press('Space'); - await page.keyboard.press('ArrowDown'); await page.keyboard.press('Space'); - - const initialValue1_2 = await input.nth(2).inputValue(); - const initialValue2_2 = await input.nth(3).inputValue(); - - expect(initialValue1_2).not.toBe(initialValue1_1); - expect(initialValue2_2).toBe(initialValue2); + const [value1_2, value2_2] = await Promise.all([ + input.nth(2).inputValue(), + input.nth(3).inputValue(), + ]); + expect(value1_2).not.toBe(value1_1); + expect(value2_2).toBe(value2_1); await page.keyboard.press('Space'); - - const initialValue1_3 = await input.nth(2).inputValue(); - const initialValue2_3 = await input.nth(3).inputValue(); - - expect(initialValue1_3).toBe(initialValue1_2); - expect(initialValue2_3).not.toBe(initialValue2_2); + const [value1_3, value2_3] = await Promise.all([ + input.nth(2).inputValue(), + input.nth(3).inputValue(), + ]); + expect(value1_3).toBe(value1_2); + expect(value2_3).not.toBe(value2_2); await page.keyboard.press('Escape'); - - const initialValue1_4 = await input.nth(2).inputValue(); - const initialValue2_4 = await input.nth(3).inputValue(); - - expect(initialValue1_4).toBe(initialValue1); - expect(initialValue2_4).toBe(initialValue2); + const [value1_4, value2_4] = await Promise.all([ + input.nth(2).inputValue(), + input.nth(3).inputValue(), + ]); + expect(value1_4).toBe(initialValue1); + expect(value2_4).toBe(initialValue2); await page.keyboard.press('Space'); await page.keyboard.press('ArrowDown'); @@ -621,50 +611,35 @@ test.describe('Date range with standart ranges', () => { await page.keyboard.press('ArrowRight'); await page.keyboard.press('Space'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - + for (let i = 0; i < 6; i++) await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); - const initialValue1_6 = await input.nth(2).inputValue(); - const initialValue2_6 = await input.nth(3).inputValue(); - - expect(initialValue1_6).not.toBe(initialValue1_4); - expect(initialValue2_6).not.toBe(initialValue2_4); + const [value1_6, value2_6] = await Promise.all([ + input.nth(2).inputValue(), + input.nth(3).inputValue(), + ]); + expect(value1_6).not.toBe(value1_4); + expect(value2_6).not.toBe(value2_4); await page.keyboard.press('Space'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - + for (let i = 0; i < 5; i++) await page.keyboard.press('Tab'); await page.keyboard.press('Enter'); await expect(popper).not.toBeVisible(); await page.keyboard.press('Enter'); await page.waitForTimeout(300); - for (let i = 0; i < 10; i++) { - await page.keyboard.press('Tab'); - } - + for (let i = 0; i < 10; i++) await page.keyboard.press('Tab'); await expect(reset).toBeFocused(); await page.keyboard.press('Space'); - await page.waitForTimeout(300); - - const initialValue1_5 = await input.nth(2).inputValue(); - const initialValue2_5 = await input.nth(3).inputValue(); - - expect(initialValue1_5).toBe(initialValue1); - expect(initialValue2_5).toBe(initialValue2); - + const [value1_5, value2_5] = await Promise.all([ + input.nth(2).inputValue(), + input.nth(3).inputValue(), + ]); + expect(value1_5).toBe(initialValue1); + expect(value2_5).toBe(initialValue2); await expect(popper).not.toBeVisible(); }); }); diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-chromium-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-chromium-linux.png index 035fb7eb80..f2623f7b43 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-firefox-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-firefox-linux.png index 7da9a2d110..8091ac7235 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-Range-picker-with-custom-ranges-Verify-Range-picker-with-custom-ranges-styles-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-chromium-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-chromium-linux.png index 72bc1517b7..a8395cfcb9 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-firefox-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-firefox-linux.png index 8f480b94af..124bf32463 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-chromium-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-chromium-linux.png index 91ba955fad..79d3042c0c 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-firefox-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-firefox-linux.png index 3d6416f183..efe90a6865 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-2-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-chromium-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-chromium-linux.png index 747726468d..9cbcf8268a 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-firefox-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-firefox-linux.png index bf4ff846b2..22f8b15e49 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-all-date-range-picker-props-work-good-3-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-chromium-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-chromium-linux.png index b298e4c39b..d090479457 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-firefox-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-firefox-linux.png index 0b01797746..a4845614a8 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Date-range-picker-props-Verify-date-range-picker-period-work-good-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-chromium-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-chromium-linux.png index f30ee16f0c..8d3d99a2ee 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-firefox-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-firefox-linux.png index 823fc5abb2..e8aad321dd 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-keyboard-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-chromium-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-chromium-linux.png index f30ee16f0c..8d3d99a2ee 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-chromium-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-firefox-linux.png b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-firefox-linux.png index 823fc5abb2..e8aad321dd 100644 Binary files a/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-firefox-linux.png and b/semcore/date-picker/__tests__/date-range-picker.browser-test.tsx-snapshots/Week-picker-Verify-week-picker-interacting-by-mouse-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/month-picker.browser-test.tsx b/semcore/date-picker/__tests__/month-picker.browser-test.tsx index fb2e167ac8..9e8eb17962 100644 --- a/semcore/date-picker/__tests__/month-picker.browser-test.tsx +++ b/semcore/date-picker/__tests__/month-picker.browser-test.tsx @@ -79,7 +79,6 @@ test.describe('Month picker', () => { await test.step('Verify input trigger attributes', async () => { const inputAttributes = [ - ['tabindex', '0'], ['aria-invalid', 'false'], ['role', 'combobox'], ['aria-label', 'Date'], @@ -111,7 +110,6 @@ test.describe('Month picker', () => { { locator: '[data-ui-name="MonthPicker.Prev"]', attrs: [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Previous year'], ], @@ -120,7 +118,6 @@ test.describe('Month picker', () => { { locator: '[data-ui-name="MonthPicker.Next"]', attrs: [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Next year'], ], diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx index 1a9466bec4..8dd2e93db9 100644 --- a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx +++ b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx @@ -48,7 +48,6 @@ test.describe('MonthRangeComparator range', () => { await expect(compareValue.first()).toHaveAttribute('disabled', ''); const checkbox = page.locator('[data-ui-name="Checkbox.Value"]'); - await expect(checkbox).toHaveAttribute('tabindex', '0'); await expect(checkbox).toHaveAttribute('type', 'checkbox'); await expect(checkbox).toHaveAttribute('aria-invalid', 'false'); @@ -61,7 +60,6 @@ test.describe('MonthRangeComparator range', () => { const input = inputsValue.nth(i); await expect(input).toHaveAttribute('type', 'text'); await expect(input).toHaveAttribute('inputmode', 'numeric'); - await expect(input).toHaveAttribute('tabindex', '0'); await expect(input).toHaveAttribute('aria-invalid', 'false'); } @@ -74,7 +72,6 @@ test.describe('MonthRangeComparator range', () => { const input = compareValueInputs.nth(i); await expect(input).toHaveAttribute('type', 'text'); await expect(input).toHaveAttribute('inputmode', 'numeric'); - await expect(input).toHaveAttribute('tabindex', '-1'); await expect(input).toHaveAttribute('aria-invalid', 'false'); } @@ -83,14 +80,12 @@ test.describe('MonthRangeComparator range', () => { for (let i = 0; i < count2; i++) { const calendar = calendars.nth(i); - await expect(calendar).toHaveAttribute('tabindex', '-1'); await expect(calendar).toHaveAttribute('aria-hidden', 'true'); } }); await test.step('Verify calendar header attributes', async () => { const headPrev = page.locator('[data-ui-name="MonthDateRangeComparator.Prev"]'); - await expect(headPrev).toHaveAttribute('tabindex', '0'); await expect(headPrev).toHaveAttribute('type', 'button'); await expect(headPrev).toHaveAttribute('aria-label', 'Previous year'); @@ -99,7 +94,6 @@ test.describe('MonthRangeComparator range', () => { await expect(headTitle.nth(1)).toHaveAttribute('aria-live', 'polite'); const headNext = page.locator('[data-ui-name="MonthDateRangeComparator.Next"]'); - await expect(headNext).toHaveAttribute('tabindex', '0'); await expect(headNext).toHaveAttribute('type', 'button'); await expect(headNext).toHaveAttribute('aria-label', 'Next year'); }); @@ -113,9 +107,6 @@ test.describe('MonthRangeComparator range', () => { await expect(calendar).toHaveAttribute('role', 'grid'); await expect(calendar).toHaveAttribute('disabled', ''); } - - await expect(calendars.first()).toHaveAttribute('tabindex', '0'); - await expect(calendars.nth(1)).toHaveAttribute('tabindex', '-1'); }); await test.step('Verify days attributes', async () => { @@ -168,20 +159,17 @@ test.describe('MonthRangeComparator range', () => { const button = periodButtons.nth(i); await expect(button).toHaveAttribute('type', 'button'); await expect(button).toHaveAttribute('role', 'option'); - await expect(button).toHaveAttribute('tabindex', '0'); } }); await test.step('Verify Apply button attributes', async () => { const apply = page.locator('[data-ui-name="MonthDateRangeComparator.Apply"]'); await expect(apply).toHaveAttribute('type', 'button'); - await expect(apply).toHaveAttribute('tabindex', '0'); }); await test.step('Verify Reset button attributes', async () => { const reset = page.locator('[data-ui-name="MonthDateRangeComparator.Reset"]'); await expect(reset).toHaveAttribute('type', 'button'); - await expect(reset).toHaveAttribute('tabindex', '0'); }); }); @@ -421,10 +409,9 @@ test.describe('MonthRangeComparator range', () => { test('Month range comparator keyboard interactions', async ({ page, browserName }) => { const standPath = 'stories/components/date-picker/docs/examples/date_range_comparator.tsx'; const htmlContent = await e2eStandToHtml(standPath, 'en'); - await page.setContent(htmlContent); - const datePicker = await page.locator('[data-ui-name="MonthDateRangeComparator.Trigger"]'); + const datePicker = page.locator('[data-ui-name="MonthDateRangeComparator.Trigger"]'); const popper = page.locator('[data-ui-name="MonthDateRangeComparator.Popper"]'); const headPrev = page.locator('[data-ui-name="MonthDateRangeComparator.Prev"]'); const headTitle = page.locator('[data-ui-name="MonthDateRangeComparator.Title"]'); @@ -459,20 +446,24 @@ test.describe('MonthRangeComparator range', () => { await page.keyboard.press('Tab'); await expect(page.getByLabel('To Date field').first()).toBeFocused(); - await page.keyboard.press('Tab'); + if (browserName === 'webkit') return; // works not ctable in test browser - await expect(page.locator('[data-ui-name="Value.CheckMark"]')).toHaveClass(/keyboardFocused/); + await page.keyboard.press('Tab'); + await expect(page.locator('[data-ui-name="Checkbox.Value"]')).toBeFocused(); - const initialTitleFrom = await headTitle.first().textContent(); - const initialTitleTo = await headTitle.nth(1).textContent(); + const [initialTitleFrom, initialTitleTo] = await Promise.all([ + headTitle.first().textContent(), + headTitle.nth(1).textContent(), + ]); await page.keyboard.press('Tab'); - await page.keyboard.press('Enter'); // space don't work - bug! + await page.keyboard.press('Enter'); // space doesn't work - bug! await page.waitForTimeout(50); - const titleAfterFirstEnterFrom = await headTitle.first().textContent(); - const titleAfterFirstEnterTo = await headTitle.nth(1).textContent(); - expect(titleAfterFirstEnterFrom).not.toBe(initialTitleFrom); - expect(titleAfterFirstEnterTo).not.toBe(initialTitleTo); + + const [titleAfterFirstEnterFrom, titleAfterFirstEnterTo] = await Promise.all([ + headTitle.first().textContent(), + headTitle.nth(1).textContent(), + ]); expect(titleAfterFirstEnterFrom).not.toBe(initialTitleFrom); expect(titleAfterFirstEnterTo).not.toBe(initialTitleTo); @@ -481,11 +472,13 @@ test.describe('MonthRangeComparator range', () => { await page.keyboard.press('Tab'); await expect(headNext).toBeFocused(); - await page.keyboard.press('Enter'); // space don't work - bug! + await page.keyboard.press('Enter'); // space doesn't work - bug! await page.waitForTimeout(50); - const titleAfterSecondEnterFrom = await headTitle.first().textContent(); - const titleAfterSecondEnterTo = await headTitle.nth(1).textContent(); + const [titleAfterSecondEnterFrom, titleAfterSecondEnterTo] = await Promise.all([ + headTitle.first().textContent(), + headTitle.nth(1).textContent(), + ]); expect(titleAfterSecondEnterFrom).toBe(initialTitleFrom); expect(titleAfterSecondEnterTo).toBe(initialTitleTo); @@ -512,38 +505,45 @@ test.describe('MonthRangeComparator range', () => { await page.keyboard.press('Tab'); await expect(popper).toBeFocused(); - const initialValueFrom = await inputFrom.nth(0).inputValue(); - const initialValueFrom2 = await inputFrom.nth(1).inputValue(); + const [initialFrom1, initialFrom2] = await Promise.all([ + inputFrom.nth(0).inputValue(), + inputFrom.nth(1).inputValue(), + ]); await page.keyboard.press('ArrowLeft'); - const initialValueFrom1_1 = await inputFrom.nth(0).inputValue(); - const initialValueFrom2_1 = await inputFrom.nth(1).inputValue(); + const [afterLeftFrom1, afterLeftFrom2] = await Promise.all([ + inputFrom.nth(0).inputValue(), + inputFrom.nth(1).inputValue(), + ]); - expect(initialValueFrom1_1).toBe(initialValueFrom); - expect(initialValueFrom2_1).toBe(initialValueFrom2); + expect(afterLeftFrom1).toBe(initialFrom1); + expect(afterLeftFrom2).toBe(initialFrom2); await page.keyboard.press('ArrowUp'); await page.keyboard.press('Space'); await page.waitForTimeout(50); - const initialValueFrom1_2 = await inputFrom.nth(0).inputValue(); - const initialValueFrom2_2 = await inputFrom.nth(1).inputValue(); + const [afterUpFrom1, afterUpFrom2] = await Promise.all([ + inputFrom.nth(0).inputValue(), + inputFrom.nth(1).inputValue(), + ]); - expect(initialValueFrom1_2).not.toBe(initialValueFrom1_1); - expect(initialValueFrom2_2).toBe(initialValueFrom2_1); + expect(afterUpFrom1).not.toBe(afterLeftFrom1); + expect(afterUpFrom2).toBe(afterLeftFrom2); await page.keyboard.press('ArrowRight'); await page.keyboard.press('ArrowRight'); - await page.keyboard.press('Space'); await page.waitForTimeout(100); - const initialValueFrom1_3 = await inputFrom.nth(0).inputValue(); - const initialValueFrom2_3 = await inputFrom.nth(1).inputValue(); + const [afterRightFrom1, afterRightFrom2] = await Promise.all([ + inputFrom.nth(0).inputValue(), + inputFrom.nth(1).inputValue(), + ]); - expect(initialValueFrom1_3).toBe(initialValueFrom1_2); - expect(initialValueFrom2_3).not.toBe(initialValueFrom2_2); + expect(afterRightFrom1).toBe(afterUpFrom1); + expect(afterRightFrom2).not.toBe(afterUpFrom2); await page.keyboard.press('Shift+Tab'); await page.keyboard.press('Shift+Tab'); @@ -552,14 +552,13 @@ test.describe('MonthRangeComparator range', () => { await page.keyboard.press('Space'); await page.waitForTimeout(100); + await page.keyboard.press('Tab'); await expect( - page.locator('[data-ui-name="MonthDateRangeComparator.CompareDateRange"]').nth(1), - ).toHaveClass(/focused/); + page.locator('[data-ui-name="MonthDateRangeComparator.CompareDateRange"]').nth(2), + ).toBeFocused(); await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await expect(headPrev).toBeFocused(); await page.keyboard.press('Tab'); @@ -568,33 +567,42 @@ test.describe('MonthRangeComparator range', () => { await page.keyboard.press('Enter'); await page.keyboard.press('ArrowLeft'); - const initialValueTo1 = await inputTo.nth(0).inputValue(); - const initialValueTo2 = await inputTo.nth(1).inputValue(); + const [initialTo1, initialTo2] = await Promise.all([ + inputTo.nth(0).inputValue(), + inputTo.nth(1).inputValue(), + ]); + await page.keyboard.press('ArrowUp'); await page.keyboard.press('Space'); - const initialValueTo1_1 = await inputTo.nth(0).inputValue(); - const initialValueTo2_1 = await inputTo.nth(1).inputValue(); + const [afterUpTo1, afterUpTo2] = await Promise.all([ + inputTo.nth(0).inputValue(), + inputTo.nth(1).inputValue(), + ]); - expect(initialValueTo1_1).not.toBe(initialValueTo1); - expect(initialValueTo2_1).toBe(initialValueTo2); + expect(afterUpTo1).not.toBe(initialTo1); + expect(afterUpTo2).toBe(initialTo2); await page.keyboard.press('ArrowRight'); await page.keyboard.press('ArrowRight'); await page.keyboard.press('Space'); await page.waitForTimeout(50); - const initialValueTo1_2 = await inputTo.nth(0).inputValue(); - const initialValueTo2_2 = await inputTo.nth(1).inputValue(); + const [afterRightTo1, afterRightTo2] = await Promise.all([ + inputTo.nth(0).inputValue(), + inputTo.nth(1).inputValue(), + ]); - expect(initialValueTo1_2).toBe(initialValueTo1_1); - expect(initialValueTo2_2).not.toBe(initialValueTo2_1); + expect(afterRightTo1).toBe(afterUpTo1); + expect(afterRightTo2).not.toBe(afterUpTo2); - const initialValueFrom1_4 = await inputFrom.nth(0).inputValue(); - const initialValueFrom2_4 = await inputFrom.nth(1).inputValue(); + const [finalFrom1, finalFrom2] = await Promise.all([ + inputFrom.nth(0).inputValue(), + inputFrom.nth(1).inputValue(), + ]); - expect(initialValueFrom1_4).toBe(initialValueFrom1_3); - expect(initialValueFrom2_4).toBe(initialValueFrom2_3); + expect(finalFrom1).toBe(afterRightFrom1); + expect(finalFrom2).toBe(afterRightFrom2); await page.keyboard.press('Tab'); await page.keyboard.press('Tab'); @@ -615,25 +623,10 @@ test.describe('MonthRangeComparator range', () => { await page.keyboard.press('Enter'); await page.waitForTimeout(300); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - await page.keyboard.press('Tab'); - + for (let i = 0; i < 14; i++) await page.keyboard.press('Tab'); await expect(reset).toBeFocused(); await page.keyboard.press('Space'); - await page.waitForTimeout(300); await expect(page.locator('[data-ui-name="LinkTrigger.Text"]').nth(1)).toHaveText( diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png index a8d94a9fb7..f6e383c1fe 100644 Binary files a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png and b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png index 3c3630d8ed..9e6536a3fc 100644 Binary files a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png and b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png index 577abbbc35..52d0b1b679 100644 Binary files a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png and b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/Month-Range-comparator-with-advanced-use-Verify-mouse-intearctions-and-styles-of-advanced-use-1-webkit-linux.png differ diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-chromium-linux.png b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-chromium-linux.png index 42d70bc38f..a07eed0014 100644 Binary files a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-chromium-linux.png and b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-chromium-linux.png differ diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-firefox-linux.png b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-firefox-linux.png index 426a04af9a..ff9205282b 100644 Binary files a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-firefox-linux.png and b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-firefox-linux.png differ diff --git a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-webkit-linux.png b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-webkit-linux.png index c314b95730..42de8de905 100644 Binary files a/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-webkit-linux.png and b/semcore/date-picker/__tests__/month-range-comparator.browser-test.tsx-snapshots/MonthRangeComparator-range-Month-range-comparator-mouse-interactions-2-webkit-linux.png differ diff --git a/semcore/date-picker/__tests__/month-range-picker.browser-test.tsx b/semcore/date-picker/__tests__/month-range-picker.browser-test.tsx index e5f225ac29..d2d943e428 100644 --- a/semcore/date-picker/__tests__/month-range-picker.browser-test.tsx +++ b/semcore/date-picker/__tests__/month-range-picker.browser-test.tsx @@ -102,7 +102,6 @@ test.describe('Month range', () => { await test.step('Verify popper attributes', async () => { const attributes = [ - ['tabindex', '0'], ['role', 'dialog'], ['data-popper-placement', 'bottom-start'], ]; @@ -124,7 +123,6 @@ test.describe('Month range', () => { await expect(compareValue.first()).toHaveAttribute('disabled', ''); const checkboxAttributes = [ - ['tabindex', '0'], ['type', 'checkbox'], ['aria-invalid', 'false'], ]; @@ -146,7 +144,6 @@ test.describe('Month range', () => { const attributes = [ ['type', 'text'], ['inputmode', 'numeric'], - ['tabindex', tabindex], ['aria-invalid', 'false'], ]; for (const [attr, value] of attributes) { @@ -155,14 +152,10 @@ test.describe('Month range', () => { } }; - await checkInputAttributes(inputsValue, '0'); - await checkInputAttributes(inputsCompare, '-1'); - const calendars = page.locator('[data-name="Calendar"]'); const calendarCount = await calendars.count(); for (let i = 0; i < calendarCount; i++) { const calendar = calendars.nth(i); - await expect(calendar).toHaveAttribute('tabindex', '-1'); await expect(calendar).toHaveAttribute('aria-hidden', 'true'); } }); @@ -173,12 +166,10 @@ test.describe('Month range', () => { const headNext = page.locator('[data-ui-name="MonthDateRangeComparator.Next"]'); const prevAttributes = [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Previous year'], ]; const nextAttributes = [ - ['tabindex', '0'], ['type', 'button'], ['aria-label', 'Next year'], ]; @@ -204,9 +195,6 @@ test.describe('Month range', () => { await expect(calendar).toHaveAttribute('role', 'grid'); await expect(calendar).toHaveAttribute('disabled', ''); } - - await expect(calendars.first()).toHaveAttribute('tabindex', '0'); - await expect(calendars.nth(1)).toHaveAttribute('tabindex', '-1'); }); await test.step('Verify days attributes', async () => { @@ -261,7 +249,6 @@ test.describe('Month range', () => { const attributes = [ ['type', 'button'], ['role', 'option'], - ['tabindex', '0'], ]; for (const [attr, value] of attributes) { await expect(button).toHaveAttribute(attr, value); @@ -276,7 +263,6 @@ test.describe('Month range', () => { const buttons = [apply, reset]; for (const button of buttons) { await expect(button).toHaveAttribute('type', 'button'); - await expect(button).toHaveAttribute('tabindex', '0'); } }); }); diff --git a/semcore/drag-and-drop/__tests__/__image_snapshots__/draganddrop-should-render-correctly.png b/semcore/drag-and-drop/__tests__/__image_snapshots__/draganddrop-should-render-correctly.png index 80515eeacb..d15b72b077 100644 Binary files a/semcore/drag-and-drop/__tests__/__image_snapshots__/draganddrop-should-render-correctly.png and b/semcore/drag-and-drop/__tests__/__image_snapshots__/draganddrop-should-render-correctly.png differ diff --git a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-have-shadow-style.png b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-have-shadow-style.png index 6bd1fd109a..58533613e7 100644 Binary files a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-have-shadow-style.png and b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-have-shadow-style.png differ diff --git a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-hover.png b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-hover.png index df602e7d7c..ff61d7314a 100644 Binary files a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-hover.png and b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-hover.png differ diff --git a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-selected-hover-.png b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-selected-hover-.png index 5aded2b0c9..49e86426b1 100644 Binary files a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-selected-hover-.png and b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-should-support-selected-hover-.png differ diff --git a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-disabled-selected-highlighted-props-.png b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-disabled-selected-highlighted-props-.png deleted file mode 100644 index 959070ef2b..0000000000 Binary files a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-disabled-selected-highlighted-props-.png and /dev/null differ diff --git a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-disabled-selected-props-.png b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-disabled-selected-props-.png index ef35f36a97..6ca909fbbf 100644 Binary files a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-disabled-selected-props-.png and b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-disabled-selected-props-.png differ diff --git a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-sizes.png b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-sizes.png index fa9f357889..bc56415538 100644 Binary files a/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-sizes.png and b/semcore/dropdown-menu/__tests__/__image_snapshots__/dropdownmenu-supports-sizes.png differ diff --git a/semcore/dropdown/__tests__/__image_snapshots__/dropdown-correct-style.png b/semcore/dropdown/__tests__/__image_snapshots__/dropdown-correct-style.png index fdacf7e955..dd6035db34 100644 Binary files a/semcore/dropdown/__tests__/__image_snapshots__/dropdown-correct-style.png and b/semcore/dropdown/__tests__/__image_snapshots__/dropdown-correct-style.png differ diff --git a/semcore/dropdown/__tests__/__image_snapshots__/dropdown-popper-focused-styles.png b/semcore/dropdown/__tests__/__image_snapshots__/dropdown-popper-focused-styles.png index a73e54a57c..c933ae20dd 100644 Binary files a/semcore/dropdown/__tests__/__image_snapshots__/dropdown-popper-focused-styles.png and b/semcore/dropdown/__tests__/__image_snapshots__/dropdown-popper-focused-styles.png differ diff --git a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline-and-very-long-words.png b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline-and-very-long-words.png index b5d705b1c0..01e3e30fc0 100644 Binary files a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline-and-very-long-words.png and b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline-and-very-long-words.png differ diff --git a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline.png b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline.png index 161bcd4c26..7167af1f69 100644 Binary files a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline.png and b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-multiline.png differ diff --git a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-trim-in-the-middle.png b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-trim-in-the-middle.png index 2337f7831d..c17033a7b3 100644 Binary files a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-trim-in-the-middle.png and b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly-with-trim-in-the-middle.png differ diff --git a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly.png b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly.png index 428d9c0650..77ffa41856 100644 Binary files a/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly.png and b/semcore/ellipsis/__tests__/__image_snapshots__/ellipsis-renders-correctly.png differ diff --git a/semcore/ellipsis/__tests__/index.test.tsx b/semcore/ellipsis/__tests__/index.test.tsx index 85eeb62a72..7a7696dc72 100644 --- a/semcore/ellipsis/__tests__/index.test.tsx +++ b/semcore/ellipsis/__tests__/index.test.tsx @@ -230,10 +230,11 @@ describe('Ellipsis', () => { }); test('a11y', async () => { - const { container } = render( + const { container, unmount } = render( Lorem ipsum dolor sit amet, consectetur adipisicing elit. , ); const results = await axe(container); expect(results).toHaveNoViolations(); + unmount(); }); }); diff --git a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-accessdenied.png b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-accessdenied.png index 95495048a4..dbf72b9480 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-accessdenied.png and b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-accessdenied.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-maintenance.png b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-maintenance.png index c5547a1fe4..4a36cf3256 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-maintenance.png and b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-maintenance.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-on-small-screen.png b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-on-small-screen.png index e7c2332596..97b9a8125e 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-on-small-screen.png and b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-on-small-screen.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pageerror.png b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pageerror.png index 4163785ebf..dc9b8758ae 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pageerror.png and b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pageerror.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pagenotfound.png b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pagenotfound.png index 8a0ca11876..41901cb5a6 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pagenotfound.png and b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-pagenotfound.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-projectnotfound.png b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-projectnotfound.png index 0ff70f8cd9..a6895b85d0 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-projectnotfound.png and b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-projectnotfound.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-with-icon.png b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-with-icon.png index 12e5d9f1a2..5fd8101e41 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-with-icon.png and b/semcore/errors/__tests__/__image_snapshots__/error-render-correctly-with-icon.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly-with-icon-as-react-component.png b/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly-with-icon-as-react-component.png index 46759ae700..3d27223378 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly-with-icon-as-react-component.png and b/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly-with-icon-as-react-component.png differ diff --git a/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly.png b/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly.png index d44f221d53..5a038be8be 100644 Binary files a/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly.png and b/semcore/errors/__tests__/__image_snapshots__/error-renders-correctly.png differ diff --git a/semcore/feature-popover/__tests__/__image_snapshots__/featurepopover-popper-visual-regression-of-close-icon.png b/semcore/feature-popover/__tests__/__image_snapshots__/featurepopover-popper-visual-regression-of-close-icon.png index 89bbc9f435..21cbbb3560 100644 Binary files a/semcore/feature-popover/__tests__/__image_snapshots__/featurepopover-popper-visual-regression-of-close-icon.png and b/semcore/feature-popover/__tests__/__image_snapshots__/featurepopover-popper-visual-regression-of-close-icon.png differ diff --git a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/5-star-Feedback-form-Verify-default-validation-1-firefox-linux.png b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/5-star-Feedback-form-Verify-default-validation-1-firefox-linux.png index 0c60cdce6b..42e46c3efb 100644 Binary files a/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/5-star-Feedback-form-Verify-default-validation-1-firefox-linux.png and b/semcore/feedback-form/__tests__/five-star-form.browser-test.tsx-snapshots/5-star-Feedback-form-Verify-default-validation-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx index 64278a3586..495622aa7a 100644 --- a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx +++ b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx @@ -21,7 +21,6 @@ test.describe('Fullscreen modal', () => { await test.step('Verify back attributes', async () => { const backButton = page.locator('[data-ui-name="FullscreenModal.Back"]'); await expect(backButton).toHaveAccessibleName('Go to Tool Name'); - await expect(backButton).toHaveAttribute('tabindex', '0'); const svg = backButton.locator('svg'); await expect(svg).toHaveAttribute('tabindex', '-1'); await expect(svg).toHaveAttribute('aria-hidden', 'true'); @@ -29,7 +28,6 @@ test.describe('Fullscreen modal', () => { await test.step('Verify close attributes', async () => { const closeButton = page.locator('[data-ui-name="FullscreenModal.Close"]'); - await expect(closeButton).toHaveAttribute('tabindex', '0'); await expect(closeButton).toHaveAttribute('aria-label', 'Close'); const svg = closeButton.locator('svg'); await expect(svg).toHaveAttribute('tabindex', '-1'); @@ -54,7 +52,6 @@ test.describe('Fullscreen modal', () => { await test.step('Verify back attributes', async () => { const backButton = page.locator('[data-ui-name="FullscreenModal.Back"]'); await expect(backButton).toHaveAccessibleName('Go to Tool Name'); - await expect(backButton).toHaveAttribute('tabindex', '0'); const svg = backButton.locator('svg'); await expect(svg).toHaveAttribute('tabindex', '-1'); await expect(svg).toHaveAttribute('aria-hidden', 'true'); @@ -62,7 +59,6 @@ test.describe('Fullscreen modal', () => { await test.step('Verify close attributes', async () => { const closeButton = page.locator('[data-ui-name="FullscreenModal.Close"]'); - await expect(closeButton).toHaveAttribute('tabindex', '0'); await expect(closeButton).toHaveAttribute('aria-label', 'Close'); const svg = closeButton.locator('svg'); await expect(svg).toHaveAttribute('tabindex', '-1'); diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png index 238cacf068..63b574b0c5 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png index 5b2cc3eb5d..f733dd6718 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Header-body-and-footer-variations-Verify-header-is-fixed-when-scrolling-body-1-firefox-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-chromium-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-chromium-linux.png index fa7dc2aa36..6616595d67 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-chromium-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-chromium-linux.png differ diff --git a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-firefox-linux.png b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-firefox-linux.png index f827d64c88..8ebc1bc1e0 100644 Binary files a/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-firefox-linux.png and b/semcore/fullscreen-modal/__tests__/fullscreen-modal.browser-test.tsx-snapshots/Fullscreen-modal-Interactions-Verify-keyboard-navigation-footer-and-2-zones-in-body-1-firefox-linux.png differ diff --git a/semcore/icon/__tests__/icon.browser-test.tsx b/semcore/icon/__tests__/icon.browser-test.tsx index aa6bf01cd7..7da6611784 100644 --- a/semcore/icon/__tests__/icon.browser-test.tsx +++ b/semcore/icon/__tests__/icon.browser-test.tsx @@ -15,7 +15,6 @@ test.describe('Icons size rendering and attributes', () => { height: '16', viewBox: '0 0 21 16', focusable: 'true', - tabindex: '0', }, { 'aria-label': 'PayL interactive', @@ -25,7 +24,6 @@ test.describe('Icons size rendering and attributes', () => { height: '24', viewBox: '0 0 32 24', focusable: 'true', - tabindex: '0', }, { 'aria-label': 'AmericanExpressM non interactive', @@ -78,7 +76,6 @@ test.describe('Icons size rendering and attributes', () => { height: '16', viewBox: '0 0 16 16', focusable: 'true', - tabindex: '0', }, { 'aria-label': 'Icon RegularL Interative', @@ -88,7 +85,6 @@ test.describe('Icons size rendering and attributes', () => { height: '24', viewBox: '0 0 24 24', focusable: 'true', - tabindex: '0', }, { 'aria-label': 'Icon ColoredM Non Interactive', @@ -143,7 +139,6 @@ test.describe('Icons size rendering and attributes', () => { height: '16', viewBox: '0 0 16 16', focusable: 'true', - tabindex: '0', }, { 'aria-label': 'ColorL interactive', @@ -153,7 +148,6 @@ test.describe('Icons size rendering and attributes', () => { height: '24', viewBox: '0 0 24 24', focusable: 'true', - tabindex: '0', }, { 'aria-label': 'AmazonM non interactive', diff --git a/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-renders-view-by-default.png b/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-renders-view-by-default.png index 38fdfbff78..834a99bbc1 100644 Binary files a/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-renders-view-by-default.png and b/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-renders-view-by-default.png differ diff --git a/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-resizes-edit-to-view.png b/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-resizes-edit-to-view.png index 09f48a0a09..896394996b 100644 Binary files a/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-resizes-edit-to-view.png and b/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-resizes-edit-to-view.png differ diff --git a/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-supports-edit-render.png b/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-supports-edit-render.png index ea43be5a3f..1c5b54cd1c 100644 Binary files a/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-supports-edit-render.png and b/semcore/inline-edit/__tests__/__image_snapshots__/inlineedit-supports-edit-render.png differ diff --git a/semcore/inline-input/__tests__/__image_snapshots__/inlineinput-should-render-in-different-ways.png b/semcore/inline-input/__tests__/__image_snapshots__/inlineinput-should-render-in-different-ways.png index 7415c6592e..587f0d1de6 100644 Binary files a/semcore/inline-input/__tests__/__image_snapshots__/inlineinput-should-render-in-different-ways.png and b/semcore/inline-input/__tests__/__image_snapshots__/inlineinput-should-render-in-different-ways.png differ diff --git a/semcore/input-mask/__tests__/__image_snapshots__/inputmask-should-renders-correctly.png b/semcore/input-mask/__tests__/__image_snapshots__/inputmask-should-renders-correctly.png index 5493c7f81f..9287d89da1 100644 Binary files a/semcore/input-mask/__tests__/__image_snapshots__/inputmask-should-renders-correctly.png and b/semcore/input-mask/__tests__/__image_snapshots__/inputmask-should-renders-correctly.png differ diff --git a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-controls-hover.png b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-controls-hover.png index d92b7fe7b8..4de8e901f0 100644 Binary files a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-controls-hover.png and b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-controls-hover.png differ diff --git a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-disabled-prop.png b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-disabled-prop.png index 812ae5a47f..fe03ba07c4 100644 Binary files a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-disabled-prop.png and b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-disabled-prop.png differ diff --git a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-showcontrols-prop.png b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-showcontrols-prop.png index 78f7c08212..a7c2efb36c 100644 Binary files a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-showcontrols-prop.png and b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-showcontrols-prop.png differ diff --git a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-sizes.png b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-sizes.png index 6c5b70d4fb..336ff07110 100644 Binary files a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-sizes.png and b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-sizes.png differ diff --git a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-view-controls.png b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-view-controls.png index 364cd80977..8a44fc183d 100644 Binary files a/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-view-controls.png and b/semcore/input-number/__tests__/__image_snapshots__/inputnumber-should-support-view-controls.png differ diff --git a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-basic-example.png b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-basic-example.png index 8131883dc1..9bdf76579a 100644 Binary files a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-basic-example.png and b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-basic-example.png differ diff --git a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-different-sizes.png b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-different-sizes.png index f86015bbcf..f18549e63d 100644 Binary files a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-different-sizes.png and b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-different-sizes.png differ diff --git a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-prop-hmin.png b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-prop-hmin.png index 12726d9765..e65b89efed 100644 Binary files a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-prop-hmin.png and b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-prop-hmin.png differ diff --git a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-url-s-example.png b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-url-s-example.png index d1ec6eef6f..60509e4751 100644 Binary files a/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-url-s-example.png and b/semcore/input-tags/__tests__/__image_snapshots__/inputtags-renders-url-s-example.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-addon-should-support-hover-interactive.png b/semcore/input/__tests__/__image_snapshots__/input-addon-should-support-hover-interactive.png index 7f632d7aeb..9584b22636 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-addon-should-support-hover-interactive.png and b/semcore/input/__tests__/__image_snapshots__/input-addon-should-support-hover-interactive.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-should-support-correctly-render.png b/semcore/input/__tests__/__image_snapshots__/input-should-support-correctly-render.png index ca9ea2f91d..8ba2af6e97 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-should-support-correctly-render.png and b/semcore/input/__tests__/__image_snapshots__/input-should-support-correctly-render.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-2.png b/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-2.png index 617dcedbec..cf3e67e5f5 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-2.png and b/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-2.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-3.png b/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-3.png index 8fb92b26d5..7cc1d3cd42 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-3.png and b/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states-3.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states.png b/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states.png index 62a726fff1..d42826fa06 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states.png and b/semcore/input/__tests__/__image_snapshots__/input-should-support-focus-states.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-should-support-root-disabled.png b/semcore/input/__tests__/__image_snapshots__/input-should-support-root-disabled.png index 368533ac79..004f2799ff 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-should-support-root-disabled.png and b/semcore/input/__tests__/__image_snapshots__/input-should-support-root-disabled.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-should-support-sizes.png b/semcore/input/__tests__/__image_snapshots__/input-should-support-sizes.png index a690699ce4..815461d221 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-should-support-sizes.png and b/semcore/input/__tests__/__image_snapshots__/input-should-support-sizes.png differ diff --git a/semcore/input/__tests__/__image_snapshots__/input-should-support-states.png b/semcore/input/__tests__/__image_snapshots__/input-should-support-states.png index db4ae993be..6dcf33f945 100644 Binary files a/semcore/input/__tests__/__image_snapshots__/input-should-support-states.png and b/semcore/input/__tests__/__image_snapshots__/input-should-support-states.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-renders-correctly-with-one-addon-as-props.png b/semcore/link/__tests__/__image_snapshots__/link-renders-correctly-with-one-addon-as-props.png index 7f6cc6b091..d848207af2 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-renders-correctly-with-one-addon-as-props.png and b/semcore/link/__tests__/__image_snapshots__/link-renders-correctly-with-one-addon-as-props.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements-as-props.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements-as-props.png index ed69125c73..566fa3a78c 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements-as-props.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements-as-props.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements.png index 61ee632423..a9caad31ea 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-additional-elements.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-custom-color.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-custom-color.png index 31cea3da7a..23bcb1f285 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-custom-color.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-custom-color.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-ellipsis-links-with-addon.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-ellipsis-links-with-addon.png index 5465c3114e..0fd59c96b2 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-ellipsis-links-with-addon.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-ellipsis-links-with-addon.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-hover-custom-color.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-hover-custom-color.png index e5f3e01bca..361a1cb5d2 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-hover-custom-color.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-hover-custom-color.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-hover.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-hover.png index 50079da5e9..33e09c85e4 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-hover.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-hover.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-normal-state.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-normal-state.png index 6f3b820269..8058635ee9 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-normal-state.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-normal-state.png differ diff --git a/semcore/link/__tests__/__image_snapshots__/link-should-support-sizes.png b/semcore/link/__tests__/__image_snapshots__/link-should-support-sizes.png index ef183cef07..94b81517c5 100644 Binary files a/semcore/link/__tests__/__image_snapshots__/link-should-support-sizes.png and b/semcore/link/__tests__/__image_snapshots__/link-should-support-sizes.png differ diff --git a/semcore/modal/__tests__/__image_snapshots__/modal-should-render-correctly.png b/semcore/modal/__tests__/__image_snapshots__/modal-should-render-correctly.png index 4e010d90b3..b96107d357 100644 Binary files a/semcore/modal/__tests__/__image_snapshots__/modal-should-render-correctly.png and b/semcore/modal/__tests__/__image_snapshots__/modal-should-render-correctly.png differ diff --git a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-big-viewport.png b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-big-viewport.png index 7a160d12a2..e9c3f3ff66 100644 Binary files a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-big-viewport.png and b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-big-viewport.png differ diff --git a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-closable-prop.png b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-closable-prop.png index 7d3e8b89c2..97d54bbb6f 100644 Binary files a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-closable-prop.png and b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-closable-prop.png differ diff --git a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-custom-title-color.png b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-custom-title-color.png index 84b674a1d9..151ab69690 100644 Binary files a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-custom-title-color.png and b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-custom-title-color.png differ diff --git a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-hover-close-icon.png b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-hover-close-icon.png index fb086ea4aa..c930fcabfc 100644 Binary files a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-hover-close-icon.png and b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-hover-close-icon.png differ diff --git a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-nested-modal.png b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-nested-modal.png index cf57da2b9b..6e7110dd41 100644 Binary files a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-nested-modal.png and b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-nested-modal.png differ diff --git a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-small-viewport.png b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-small-viewport.png index fdd671c984..30b11245ce 100644 Binary files a/semcore/modal/__tests__/__image_snapshots__/modal-should-support-small-viewport.png and b/semcore/modal/__tests__/__image_snapshots__/modal-should-support-small-viewport.png differ diff --git a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly-for-screen-size-760px.png b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly-for-screen-size-760px.png index fd6ce17072..bd1b4c676c 100644 Binary files a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly-for-screen-size-760px.png and b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly-for-screen-size-760px.png differ diff --git a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly.png b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly.png index 8fd4e8766d..ffc792422e 100644 Binary files a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly.png and b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-render-correctly.png differ diff --git a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-action-node.png b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-action-node.png index 8dc70ab081..9a9f0ed41d 100644 Binary files a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-action-node.png and b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-action-node.png differ diff --git a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-hover-for-icon-close.png b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-hover-for-icon-close.png index ab65171459..775833cb4d 100644 Binary files a/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-hover-for-icon-close.png and b/semcore/notice-bubble/__tests__/__image_snapshots__/noticebubble-should-support-hover-for-icon-close.png differ diff --git a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx index 14c9d7929a..6bba1313cd 100644 --- a/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx +++ b/semcore/notice-bubble/__tests__/notice-bubble.browser-test.tsx @@ -31,7 +31,7 @@ test.describe('Basic notice with Interactive element', () => { await openNoticeByKeyboard(page); await new Promise((resolve) => setTimeout(resolve, 500)); await expect(locators.closeButton(page)).toBeFocused(); - await new Promise((resolve) => setTimeout(resolve, 50)); + await new Promise((resolve) => setTimeout(resolve, 250)); await expect(locators.closeHint(page)).toBeVisible(); await expect(page).toHaveScreenshot(); diff --git a/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-render-close-icon.png b/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-render-close-icon.png index 865f7e4ad9..6958191f42 100644 Binary files a/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-render-close-icon.png and b/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-render-close-icon.png differ diff --git a/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-correctly-render.png b/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-correctly-render.png index e6fa7d110e..21e2af3b2c 100644 Binary files a/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-correctly-render.png and b/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-correctly-render.png differ diff --git a/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-theme-for-use-primary.png b/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-theme-for-use-primary.png index 575260e65c..e4d9946027 100644 Binary files a/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-theme-for-use-primary.png and b/semcore/notice-global/__tests__/__image_snapshots__/noticeglobal-should-support-theme-for-use-primary.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/notice-label-should-support-theme.png b/semcore/notice/__tests__/__image_snapshots__/notice-label-should-support-theme.png index 7556cbf85f..5905e4a7f1 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/notice-label-should-support-theme.png and b/semcore/notice/__tests__/__image_snapshots__/notice-label-should-support-theme.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/notice-should-correctly-render.png b/semcore/notice/__tests__/__image_snapshots__/notice-should-correctly-render.png index 373bffcd1b..c13e7ab4be 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/notice-should-correctly-render.png and b/semcore/notice/__tests__/__image_snapshots__/notice-should-correctly-render.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/notice-should-support-custom-theme.png b/semcore/notice/__tests__/__image_snapshots__/notice-should-support-custom-theme.png index 56bf1e70af..fc876c2518 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/notice-should-support-custom-theme.png and b/semcore/notice/__tests__/__image_snapshots__/notice-should-support-custom-theme.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/notice-should-support-theme.png b/semcore/notice/__tests__/__image_snapshots__/notice-should-support-theme.png index b0a322f280..5681e81bf6 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/notice-should-support-theme.png and b/semcore/notice/__tests__/__image_snapshots__/notice-should-support-theme.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/notice-title-and-notice-text-should-correctly-render-with-title-and-text.png b/semcore/notice/__tests__/__image_snapshots__/notice-title-and-notice-text-should-correctly-render-with-title-and-text.png index 61d3988bee..92c9e5e455 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/notice-title-and-notice-text-should-correctly-render-with-title-and-text.png and b/semcore/notice/__tests__/__image_snapshots__/notice-title-and-notice-text-should-correctly-render-with-title-and-text.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render-with-title-and-text-as-children.png b/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render-with-title-and-text-as-children.png index 515a3f02b0..75c7a42024 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render-with-title-and-text-as-children.png and b/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render-with-title-and-text-as-children.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render.png b/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render.png index 29c71471d3..6ed4779032 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render.png and b/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-correctly-render.png differ diff --git a/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-support-theme-props.png b/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-support-theme-props.png index e1e5809746..173f28b35c 100644 Binary files a/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-support-theme-props.png and b/semcore/notice/__tests__/__image_snapshots__/noticesmart-should-support-theme-props.png differ diff --git a/semcore/notice/__tests__/index.test.jsx b/semcore/notice/__tests__/index.test.jsx index c55e2f47e5..44a809be5c 100644 --- a/semcore/notice/__tests__/index.test.jsx +++ b/semcore/notice/__tests__/index.test.jsx @@ -211,7 +211,7 @@ describe('NoticeSmart', () => { }); test('a11y', async () => { - const { container } = render( + const { container, unmount } = render( Text NoticeSmart , @@ -219,5 +219,6 @@ describe('NoticeSmart', () => { const results = await axe(container); expect(results).toHaveNoViolations(); + unmount(); }); }); diff --git a/semcore/pagination/__tests__/pagination.browser-test.tsx b/semcore/pagination/__tests__/pagination.browser-test.tsx index 9f63ef7d00..41e98439d4 100644 --- a/semcore/pagination/__tests__/pagination.browser-test.tsx +++ b/semcore/pagination/__tests__/pagination.browser-test.tsx @@ -21,7 +21,6 @@ test.describe('Roles and attrubutes', () => { await expect(pagination).toHaveAttribute('aria-label', 'Pagination'); await expect(firstPage).toHaveAttribute('aria-label', 'First page'); - await expect(firstPage).toHaveAttribute('tabindex', '-1'); await expect(firstPage).toHaveAttribute('disabled', ''); await expect(firstPage).toHaveAttribute('type', 'button'); @@ -29,15 +28,12 @@ test.describe('Roles and attrubutes', () => { await expect(firstpageSvg).toHaveAttribute('disabled', ''); await expect(firstpageSvg).toHaveAttribute('aria-hidden', 'true'); - await expect(prevPage).toHaveAttribute('tabindex', '-1'); await expect(prevPage).toHaveAttribute('disabled', ''); await expect(prevPage).toHaveAttribute('type', 'button'); - await expect(nextPage).toHaveAttribute('tabindex', '0'); await expect(nextPage).not.toHaveAttribute('disabled', ''); await expect(nextPage).toHaveAttribute('type', 'button'); - await expect(input).toHaveAttribute('tabindex', '0'); await expect(input).toHaveAttribute('inputmode', 'numeric'); await expect(input).toHaveAttribute('type', 'text'); await expect(input).toHaveAttribute('autocomplete', 'off'); @@ -50,7 +46,6 @@ test.describe('Roles and attrubutes', () => { const classAttr = await inputWrapper.getAttribute('class'); expect(classAttr).not.toContain('focused'); - await expect(total).toHaveAttribute('tabindex', '0'); await expect(total).not.toHaveAttribute('disabled', ''); await expect(total).toHaveAttribute('type', 'button'); await expect(total).toHaveAttribute('aria-label', 'Last page #122360'); @@ -61,7 +56,6 @@ test.describe('Roles and attrubutes', () => { await expect(pagination).toHaveAttribute('aria-label', 'Pagination'); await expect(firstPage).toHaveAttribute('aria-label', 'First page'); - await expect(firstPage).not.toHaveAttribute('tabindex', '0'); await expect(firstPage).toHaveAttribute('disabled', ''); await expect(firstPage).toHaveAttribute('type', 'button'); @@ -69,15 +63,12 @@ test.describe('Roles and attrubutes', () => { await expect(firstpageSvg).toHaveAttribute('disabled', ''); await expect(firstpageSvg).toHaveAttribute('aria-hidden', 'true'); - await expect(prevPage).toHaveAttribute('tabindex', '0'); await expect(prevPage).not.toHaveAttribute('disabled', ''); await expect(prevPage).toHaveAttribute('type', 'button'); - await expect(nextPage).toHaveAttribute('tabindex', '0'); await expect(nextPage).not.toHaveAttribute('disabled', ''); await expect(nextPage).toHaveAttribute('type', 'button'); - await expect(input).toHaveAttribute('tabindex', '0'); await expect(input).toHaveAttribute('inputmode', 'numeric'); await expect(input).toHaveAttribute('type', 'text'); await expect(input).toHaveAttribute('autocomplete', 'off'); @@ -91,7 +82,6 @@ test.describe('Roles and attrubutes', () => { const classAttr = await inputWrapper.getAttribute('class'); expect(classAttr).not.toContain('focused'); - await expect(total).toHaveAttribute('tabindex', '0'); await expect(total).not.toHaveAttribute('disabled', ''); await expect(total).toHaveAttribute('type', 'button'); await expect(total).toHaveAttribute('aria-label', 'Last page #122360'); @@ -102,7 +92,6 @@ test.describe('Roles and attrubutes', () => { await expect(pagination).toHaveAttribute('aria-label', 'Pagination'); await expect(firstPage).toHaveAttribute('aria-label', 'First page'); - await expect(firstPage).toHaveAttribute('tabindex', '0'); await expect(firstPage).not.toHaveAttribute('disabled', ''); await expect(firstPage).toHaveAttribute('type', 'button'); @@ -110,15 +99,12 @@ test.describe('Roles and attrubutes', () => { await expect(firstpageSvg).toHaveAttribute('disabled', ''); await expect(firstpageSvg).toHaveAttribute('aria-hidden', 'true'); - await expect(prevPage).toHaveAttribute('tabindex', '0'); await expect(prevPage).not.toHaveAttribute('disabled', ''); await expect(prevPage).toHaveAttribute('type', 'button'); - await expect(nextPage).toHaveAttribute('tabindex', '-1'); await expect(nextPage).toHaveAttribute('disabled', ''); await expect(nextPage).toHaveAttribute('type', 'button'); - await expect(input).toHaveAttribute('tabindex', '0'); await expect(input).toHaveAttribute('inputmode', 'numeric'); await expect(input).toHaveAttribute('type', 'text'); await expect(input).toHaveAttribute('autocomplete', 'off'); @@ -132,8 +118,6 @@ test.describe('Roles and attrubutes', () => { const classAttr = await inputWrapper.getAttribute('class'); expect(classAttr).not.toContain('focused'); - await expect(total).not.toHaveAttribute('tabindex'); - await expect(total).not.toHaveAttribute('disabled', ''); await expect(total).not.toHaveAttribute('type', 'button'); await expect(total).toHaveAttribute('aria-label', 'Last page #122360'); }); @@ -217,32 +201,34 @@ test.describe('Interactions', () => { const nextPage = page.locator('[data-ui-name="Pagination.NextPage"]'); const prevPage = page.locator('[data-ui-name="Pagination.PrevPage"]'); const input = page.locator('[data-ui-name="Pagination.PageInput.Value"]'); - const inputWrapper = page.locator('[data-ui-name="Pagination.PageInput"]'); const total = page.locator('[data-ui-name="Pagination.TotalPages"]'); await test.step('Verify navigation by tab', async () => { await page.keyboard.press('Tab'); + await page.waitForTimeout(100); await expect(nextPage).toBeFocused(); await page.keyboard.press('Tab'); - - const classAttr = await inputWrapper.getAttribute('class'); - expect(classAttr).toContain('focused'); + await page.waitForTimeout(100); + expect(input).toBeFocused(); await page.keyboard.press('Tab'); - //expect(classAttr).not.toContain('focused'); BUG + expect(input).not.toBeFocused(); await expect(total).toBeFocused(); await total.hover(); await expect(page).toHaveScreenshot(); - await page.keyboard.press('Shift+Tab'); - expect(classAttr).toContain('focused'); }); await test.step('Verify change pages by buttons interaction', async () => { await page.keyboard.press('Shift+Tab'); + await page.waitForTimeout(50); + expect(input).toBeFocused(); + await page.keyboard.press('Shift+Tab'); + await page.waitForTimeout(50); await expect(nextPage).toBeFocused(); - await page.keyboard.press('Enter'); + await page.keyboard.press('Space'); await expect(input).toHaveAttribute('value', '2'); await page.keyboard.press('Shift+Tab'); + await page.waitForTimeout(50); await expect(prevPage).toBeFocused(); await page.keyboard.press('Enter'); await expect(input).toHaveAttribute('value', '1'); @@ -255,6 +241,7 @@ test.describe('Interactions', () => { await page.keyboard.press('Enter'); } await page.keyboard.press('Shift+Tab'); + await page.waitForTimeout(50); await page.keyboard.press('Shift+Tab'); if (browserName === 'webkit') return; // disabled for webkit because it fails on cd, in debug mode works well await expect(firstPage).toBeFocused(); @@ -264,14 +251,16 @@ test.describe('Interactions', () => { // await page.keyboard.press('Shift+Tab'); // } await page.keyboard.press('Tab'); + await page.waitForTimeout(50); await page.keyboard.press('Tab'); - + await page.waitForTimeout(50); await expect(total).toBeFocused(); await page.keyboard.press('Enter'); await expect(prevPage).toBeFocused(); await expect(input).toHaveAttribute('value', '122,360'); await page.keyboard.press('Shift+Tab'); + await page.waitForTimeout(50); await page.keyboard.press('Enter'); await expect(input).toHaveAttribute('value', '1'); await expect(nextPage).toBeFocused(); @@ -396,7 +385,7 @@ test.describe('Interactions', () => { if (browserName !== 'chromium') return; await test.step('Verify correct page is set when entering and activate input', async () => { await input.fill('33'); - icon.click(); + await icon.click(); await expect(input).toHaveAttribute('value', '33'); }); }); diff --git a/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-chromium-linux.png b/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-chromium-linux.png index 53a2f6fdd6..99ba147a61 100644 Binary files a/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-chromium-linux.png and b/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-chromium-linux.png differ diff --git a/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-firefox-linux.png b/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-firefox-linux.png index 78586a8a2e..88d02d4539 100644 Binary files a/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-firefox-linux.png and b/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-firefox-linux.png differ diff --git a/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-webkit-linux.png b/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-webkit-linux.png index 4bafc38b28..d5f34502f9 100644 Binary files a/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-webkit-linux.png and b/semcore/pagination/__tests__/pagination.browser-test.tsx-snapshots/Interactions-Verify-Keyboard-interactions-1-webkit-linux.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon-2.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon-2.png index dc1bb716f3..535287544b 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon-2.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon-2.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon.png index a6ccc42491..b3921425b4 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-alone-item-item-addon.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-different-number-items.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-different-number-items.png index 884a5ac0a4..12b48dead8 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-different-number-items.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-correct-render-for-different-number-items.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-first-with-manual.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-first-with-manual.png index cc69b4bbda..1668d12ff8 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-first-with-manual.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-first-with-manual.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto-and-valued.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto-and-valued.png index cc69b4bbda..1668d12ff8 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto-and-valued.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto-and-valued.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto.png index 1d9aa7bcac..168eae93fe 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-selected-with-auto.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-without-focus.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-without-focus.png index c2700217eb..b1bd791931 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-without-focus.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-render-correctly-without-focus.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-additional-elements-as-props.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-additional-elements-as-props.png index 356058b9ce..2ebfea3ce1 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-additional-elements-as-props.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-additional-elements-as-props.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover-2.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover-2.png index e6de39982f..ede6abcef0 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover-2.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover-2.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover.png index cd7f51c918..8fa6a1848b 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-hover.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon-2.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon-2.png index 965c1ac63a..2501a013c5 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon-2.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon-2.png differ diff --git a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon.png b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon.png index 8d14e6807c..6303c64e34 100644 Binary files a/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon.png and b/semcore/pills/__tests__/__image_snapshots__/pillgroup-should-support-size-with-addon.png differ diff --git a/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-item-alone.png b/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-item-alone.png index 04153e1b9c..d5bc3c09d4 100644 Binary files a/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-item-alone.png and b/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-item-alone.png differ diff --git a/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-items-two.png b/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-items-two.png index cffa7d1ff3..131fe97abf 100644 Binary files a/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-items-two.png and b/semcore/product-head/__tests__/__image_snapshots__/info-renders-correctly-when-items-two.png differ diff --git a/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly-for-tablet.png b/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly-for-tablet.png index b980a791de..d64b517bad 100644 Binary files a/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly-for-tablet.png and b/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly-for-tablet.png differ diff --git a/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly.png b/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly.png index b980a791de..d64b517bad 100644 Binary files a/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly.png and b/semcore/product-head/__tests__/__image_snapshots__/producthead-render-correctly.png differ diff --git a/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-if-not-enough-space.png b/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-if-not-enough-space.png index ca3b9aec45..02851c0bae 100644 Binary files a/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-if-not-enough-space.png and b/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-if-not-enough-space.png differ diff --git a/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-title-tool.png b/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-title-tool.png index bb2e186081..80ffbf3b20 100644 Binary files a/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-title-tool.png and b/semcore/product-head/__tests__/__image_snapshots__/title-renders-correctly-title-tool.png differ diff --git a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-renders-correctly.png b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-renders-correctly.png index c880d05c8a..47e6e4cbee 100644 Binary files a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-renders-correctly.png and b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-renders-correctly.png differ diff --git a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-custom-theme.png b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-custom-theme.png index 8aa1e63a12..896411b5a9 100644 Binary files a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-custom-theme.png and b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-custom-theme.png differ diff --git a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-dark-view.png b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-dark-view.png index b035ff8a42..2ed1c1c955 100644 Binary files a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-dark-view.png and b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-dark-view.png differ diff --git a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-size-props.png b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-size-props.png index c544c02e14..959e4636b0 100644 Binary files a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-size-props.png and b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-should-support-size-props.png differ diff --git a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-value-should-support-custom-theme.png b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-value-should-support-custom-theme.png index 257550d900..06717ce093 100644 Binary files a/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-value-should-support-custom-theme.png and b/semcore/progress-bar/__tests__/__image_snapshots__/progressbar-value-should-support-custom-theme.png differ diff --git a/semcore/radio/__tests__/__image_snapshots__/radio-should-support-invalid-state-2.png b/semcore/radio/__tests__/__image_snapshots__/radio-should-support-invalid-state-2.png deleted file mode 100644 index ddbe0adc71..0000000000 Binary files a/semcore/radio/__tests__/__image_snapshots__/radio-should-support-invalid-state-2.png and /dev/null differ diff --git a/semcore/radio/__tests__/__image_snapshots__/radio-should-support-normal-state-2.png b/semcore/radio/__tests__/__image_snapshots__/radio-should-support-normal-state-2.png deleted file mode 100644 index e5689cc5f1..0000000000 Binary files a/semcore/radio/__tests__/__image_snapshots__/radio-should-support-normal-state-2.png and /dev/null differ diff --git a/semcore/radio/__tests__/__image_snapshots__/radiogroup-should-support-invalid-state-with-radiogroup-2.png b/semcore/radio/__tests__/__image_snapshots__/radiogroup-should-support-invalid-state-with-radiogroup-2.png deleted file mode 100644 index ed946a33e6..0000000000 Binary files a/semcore/radio/__tests__/__image_snapshots__/radiogroup-should-support-invalid-state-with-radiogroup-2.png and /dev/null differ diff --git a/semcore/radio/__tests__/radio.browser-test.tsx b/semcore/radio/__tests__/radio.browser-test.tsx index dd8765ee16..e492b66836 100644 --- a/semcore/radio/__tests__/radio.browser-test.tsx +++ b/semcore/radio/__tests__/radio.browser-test.tsx @@ -20,10 +20,8 @@ test.describe('Radio with group', () => { const radio = radios.nth(i); const input = radio.locator('input[data-ui-name="Radio.Value"]'); const mark = radio.locator('[data-ui-name="Value.RadioMark"]'); - const labelText = radio.locator('span[data-ui-name="Radio.Text"]'); await expect(input).toHaveAttribute('type', 'radio'); await expect(input).toHaveAttribute('name', 'radio'); - await expect(input).toHaveAttribute('tabindex', '0'); await expect(input).toHaveAttribute('aria-invalid', 'false'); const value = await input.getAttribute('value'); @@ -47,7 +45,6 @@ test.describe('Radio with group', () => { for (let i = 0; i < count; i++) { const radio = radios.nth(i); - const input = radio.locator('input[data-ui-name="Radio.Value"]'); const mark = radio.locator('[data-ui-name="Value.RadioMark"]'); const labelText = radio.locator('span[data-ui-name="Radio.Text"]'); @@ -78,7 +75,6 @@ test.describe('Radio with group', () => { for (let i = 0; i < count; i++) { const radio = radios.nth(i); - const input = radio.locator('input[data-ui-name="Radio.Value"]'); const mark = radio.locator('[data-ui-name="Value.RadioMark"]'); const labelText = radio.locator('span[data-ui-name="Radio.Text"]'); @@ -103,7 +99,7 @@ test.describe('Radio with group', () => { const standPath = 'stories/components/radio/tests/examples/radiogroup_different_states.tsx'; const htmlContent = await e2eStandToHtml(standPath, 'en'); await page.setContent(htmlContent); - + await page.keyboard.press('Tab'); await expect(page).toHaveScreenshot(); }); @@ -276,7 +272,6 @@ test.describe('Radio with Additional input props', () => { const labelText = radio.locator('span[data-ui-name="Radio.Text"]'); await expect(input).toHaveAttribute('type', 'radio'); - await expect(input).toHaveAttribute('tabindex', '0'); await expect(input).toHaveAttribute('aria-invalid', 'false'); await expect(input).not.toBeChecked(); diff --git a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-chromium-linux.png b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-chromium-linux.png index 8765338cca..02d30e653f 100644 Binary files a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-chromium-linux.png and b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-chromium-linux.png differ diff --git a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-firefox-linux.png b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-firefox-linux.png index fc699b2dcb..bce4dc9457 100644 Binary files a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-firefox-linux.png and b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-firefox-linux.png differ diff --git a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-webkit-linux.png b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-webkit-linux.png index 82f48b6af5..e279f19e15 100644 Binary files a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-webkit-linux.png and b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-Additional-input-props-Verify-all-states-and-sizes-when-checked-and-focused-1-webkit-linux.png differ diff --git a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-chromium-linux.png b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-chromium-linux.png index c37b1e9680..a99b8067e3 100644 Binary files a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-chromium-linux.png and b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-chromium-linux.png differ diff --git a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-firefox-linux.png b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-firefox-linux.png index 9dd6c5e1ac..5dea41e54f 100644 Binary files a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-firefox-linux.png and b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-firefox-linux.png differ diff --git a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-webkit-linux.png b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-webkit-linux.png index 52f7b80d80..84a3897d2a 100644 Binary files a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-webkit-linux.png and b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-all-states-and-sizes-normal-invalid-disabled-checked-etc-1-webkit-linux.png differ diff --git a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-mouse-interactions-2-webkit-linux.png b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-mouse-interactions-2-webkit-linux.png index 7aef9d1b77..b163edd044 100644 Binary files a/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-mouse-interactions-2-webkit-linux.png and b/semcore/radio/__tests__/radio.browser-test.tsx-snapshots/Radio-with-group-Verify-mouse-interactions-2-webkit-linux.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/inputsearch-should-renders-correctly.png b/semcore/select/__tests__/__image_snapshots__/inputsearch-should-renders-correctly.png index bc003d9db9..73cac2f92f 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/inputsearch-should-renders-correctly.png and b/semcore/select/__tests__/__image_snapshots__/inputsearch-should-renders-correctly.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-multiselect-trigger-with-selected-options-renders-correctly.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-multiselect-trigger-with-selected-options-renders-correctly.png index 86331d76ea..b247b20931 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-multiselect-trigger-with-selected-options-renders-correctly.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-multiselect-trigger-with-selected-options-renders-correctly.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-2.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-2.png index 53fcccbe85..54e7ba5202 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-2.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-2.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-3.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-3.png index 8805b70698..421e5099eb 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-3.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-3.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-4.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-4.png index b7127218af..48b3a1cc67 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-4.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover-4.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover.png index e20844585d..f9542433b0 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-option-checkbox-should-support-hover.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-option-checkbox.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-option-checkbox.png index d43d5d5348..e82ebd2189 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-option-checkbox.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-option-checkbox.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-tag-as-string.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-tag-as-string.png index 44de471a6a..cf3e4f6d9a 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-tag-as-string.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-should-support-tag-as-string.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-disabled.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-disabled.png index 5a2b2e6e5f..0ff1954e77 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-disabled.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-disabled.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly-with-filtertrigger.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly-with-filtertrigger.png index fc7eaf2aff..5d0fbc2fef 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly-with-filtertrigger.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly-with-filtertrigger.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly.png index ce12aaa2ff..e7e5501c87 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-renders-correctly.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-placeholder-renders-correctly.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-placeholder-renders-correctly.png index 4c6758817c..769d93b160 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-placeholder-renders-correctly.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-placeholder-renders-correctly.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-ellipsis-text-renders-correctly.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-ellipsis-text-renders-correctly.png index 83894b4ebc..878c9b88d8 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-ellipsis-text-renders-correctly.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-ellipsis-text-renders-correctly.png differ diff --git a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-renders-correctly.png b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-renders-correctly.png index 659f3fa410..2c837e1ed8 100644 Binary files a/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-renders-correctly.png and b/semcore/select/__tests__/__image_snapshots__/select-trigger-trigger-with-selected-option-renders-correctly.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-back-icon-should-support-hover.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-back-icon-should-support-hover.png index 78dd6e582e..0504b025ef 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-back-icon-should-support-hover.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-back-icon-should-support-hover.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-focus.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-focus.png index d3301face9..69d1b60725 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-focus.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-focus.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-hover.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-hover.png index 7f3091809a..c986187bb3 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-hover.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-close-icon-should-support-hover.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-correctly-render.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-correctly-render.png index a8f69c715f..60733c5838 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-correctly-render.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-correctly-render.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-closable-property.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-closable-property.png index a43be8b0c1..599d9f9e5d 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-closable-property.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-closable-property.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-2.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-2.png index 43c7f601b9..d68dc70886 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-2.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-2.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-3.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-3.png index 47ed27ba5b..666f0e9ee5 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-3.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements-3.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements.png index c8a80babef..1ddd615258 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-should-support-placements.png differ diff --git a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-title-and-back-should-correctly-if-a-very-long-text.png b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-title-and-back-should-correctly-if-a-very-long-text.png index b382069498..3cf9d719e5 100644 Binary files a/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-title-and-back-should-correctly-if-a-very-long-text.png and b/semcore/side-panel/__tests__/__image_snapshots__/sidepanel-title-and-back-should-correctly-if-a-very-long-text.png differ diff --git a/semcore/side-panel/__tests__/index.test.jsx b/semcore/side-panel/__tests__/index.test.jsx index 40837e7713..8e5afcb21e 100644 --- a/semcore/side-panel/__tests__/index.test.jsx +++ b/semcore/side-panel/__tests__/index.test.jsx @@ -219,9 +219,9 @@ describe('SidePanel', () => { , ); - // 4 because: empty div, div with `Content in portal` and div with role=status for tooltip in close button + // 3 because: empty div, div with `Content in portal` // and div with `Content in body` should be in body too. // Without `ignorePortalsStacking`, it'll be in the first `SidePanel`. - expect(document.body.children).toHaveLength(4); + expect(document.body.children).toHaveLength(3); }); }); diff --git a/semcore/slider/__tests__/slider.browser-test.tsx b/semcore/slider/__tests__/slider.browser-test.tsx index a9e0f3d568..efa0d0248b 100644 --- a/semcore/slider/__tests__/slider.browser-test.tsx +++ b/semcore/slider/__tests__/slider.browser-test.tsx @@ -38,6 +38,8 @@ test.describe('Slider', () => { await test.step('Verify bar hover on item', async () => { const item = page.locator('div[data-ui-name="Slider.Item"][value="big"]'); + await page.keyboard.press('Tab'); + await page.keyboard.press('Tab'); await item.hover(); await expect(page).toHaveScreenshot(); }); @@ -79,7 +81,6 @@ test.describe('Slider', () => { await expect(slider).toHaveAttribute('aria-valuemax', '3'); await expect(slider).toHaveAttribute('aria-valuenow', '2'); await expect(slider).toHaveAttribute('aria-valuetext', 'Medium'); - await expect(slider).toHaveAttribute('tabindex', '0'); await expect(slider).toHaveAttribute('min', '1'); await expect(slider).toHaveAttribute('max', '3'); await expect(slider).toHaveAttribute('step', '1'); diff --git a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-deafult-styles-1-firefox-linux.png b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-deafult-styles-1-firefox-linux.png index 2384ff9c88..3130609609 100644 Binary files a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-deafult-styles-1-firefox-linux.png and b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-deafult-styles-1-firefox-linux.png differ diff --git a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-chromium-linux.png b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-chromium-linux.png index ec42078ee6..a273783234 100644 Binary files a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-chromium-linux.png and b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-chromium-linux.png differ diff --git a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-firefox-linux.png b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-firefox-linux.png index 88a01c41e0..86435af702 100644 Binary files a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-firefox-linux.png and b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-firefox-linux.png differ diff --git a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-webkit-linux.png b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-webkit-linux.png index 053e9a558b..d21f26960e 100644 Binary files a/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-webkit-linux.png and b/semcore/slider/__tests__/slider.browser-test.tsx-snapshots/Slider-Verify-different-states-and-types-1-webkit-linux.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-addon.png b/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-addon.png index 52adbd81f7..36b60ff568 100644 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-addon.png and b/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-addon.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-long-addon.png b/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-long-addon.png index 38d6e7f19e..9f77685e6e 100644 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-long-addon.png and b/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly-with-long-addon.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly.png b/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly.png index 96a251a826..56d8ad4f56 100644 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly.png and b/semcore/switch/__tests__/__image_snapshots__/switch-render-correctly.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-a-custom-icon-on-the-toggle.png b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-a-custom-icon-on-the-toggle.png index ad4edc7d1e..3c55220e54 100644 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-a-custom-icon-on-the-toggle.png and b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-a-custom-icon-on-the-toggle.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-custom-theme.png b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-custom-theme.png index def99d78a9..9a0397b5cb 100644 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-custom-theme.png and b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-custom-theme.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-disabled.png b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-disabled.png new file mode 100644 index 0000000000..540afb3f42 Binary files /dev/null and b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-disabled.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-keyboardfocused-disabled.png b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-keyboardfocused-disabled.png deleted file mode 100644 index 70af35679d..0000000000 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-keyboardfocused-disabled.png and /dev/null differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-size.png b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-size.png index 82eb2ced79..3fc5f1536d 100644 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-size.png and b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-size.png differ diff --git a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-theme.png b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-theme.png index a71a5db000..35f13a4501 100644 Binary files a/semcore/switch/__tests__/__image_snapshots__/switch-should-support-theme.png and b/semcore/switch/__tests__/__image_snapshots__/switch-should-support-theme.png differ diff --git a/semcore/switch/__tests__/index.test.tsx b/semcore/switch/__tests__/index.test.tsx index 93fc75f2fe..85e6e7f859 100644 --- a/semcore/switch/__tests__/index.test.tsx +++ b/semcore/switch/__tests__/index.test.tsx @@ -74,7 +74,7 @@ describe('Switch', () => { await expect(await snapshot(component)).toMatchImageSnapshot(task); }); - test.concurrent('Should support keyboardFocused/disabled', async ({ task }) => { + test.concurrent('Should support disabled', async ({ task }) => { const component = ( <> @@ -82,21 +82,10 @@ describe('Switch', () => { disabled - - keyboardFocused - - keyboardFocused - ); - await expect( - await snapshot(component, { - actions: { - focus: '#focused', - }, - }), - ).toMatchImageSnapshot(task); + await expect(await snapshot(component)).toMatchImageSnapshot(task); }); test.concurrent('Should support a custom icon on the toggle', async ({ task }) => { diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-letters-must-not-be-cut-off.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-letters-must-not-be-cut-off.png index 3895219a9c..4adda8b7c9 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-letters-must-not-be-cut-off.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-letters-must-not-be-cut-off.png differ diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly-with-min-width.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly-with-min-width.png index 8441c7fc0d..9234d1f651 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly-with-min-width.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly-with-min-width.png differ diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly.png index adabae5870..574a1f0ac1 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-render-correctly.png differ diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-addon.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-addon.png index c9087915d1..83c8a84e79 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-addon.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-addon.png differ diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-hover-item.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-hover-item.png index 9be887d85d..c1f33eb789 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-hover-item.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-hover-item.png differ diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-keyboardfocused-disabled-selected.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-keyboardfocused-disabled-selected.png index 81d211f368..e6f0d55edf 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-keyboardfocused-disabled-selected.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-keyboardfocused-disabled-selected.png differ diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-size.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-size.png index 3e88455ea1..c8f64151bd 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-size.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-size.png differ diff --git a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-underlined-false.png b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-underlined-false.png index 53d5d87ecb..b721a58003 100644 Binary files a/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-underlined-false.png and b/semcore/tab-line/__tests__/__image_snapshots__/tabline-should-support-underlined-false.png differ diff --git a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly-with-min-width.png b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly-with-min-width.png index fb2e8901ca..bc8b6f2df6 100644 Binary files a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly-with-min-width.png and b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly-with-min-width.png differ diff --git a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly.png b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly.png index 1ff07fc474..fbd9ce54d5 100644 Binary files a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly.png and b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-render-correctly.png differ diff --git a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-render-correctly-with-one-addon.png b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-render-correctly-with-one-addon.png index 212cc1366a..30df40d5a2 100644 Binary files a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-render-correctly-with-one-addon.png and b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-render-correctly-with-one-addon.png differ diff --git a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-addon.png b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-addon.png index d87c1c8082..0b5cd66b7d 100644 Binary files a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-addon.png and b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-addon.png differ diff --git a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-hover-item.png b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-hover-item.png index b9eb5aaab0..22ef4fcc64 100644 Binary files a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-hover-item.png and b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-hover-item.png differ diff --git a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-keyboardfocused-disabled-selected.png b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-keyboardfocused-disabled-selected.png index 6bddf3720a..8487ef1a34 100644 Binary files a/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-keyboardfocused-disabled-selected.png and b/semcore/tab-panel/__tests__/__image_snapshots__/tabpanel-should-support-keyboardfocused-disabled-selected.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-2.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-2.png index 6c1bfe7574..b0d915b9a5 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-2.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-2.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-3.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-3.png index 4e50230cf3..8783432737 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-3.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-3.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-disabled-read-only-resize.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-disabled-read-only-resize.png index 6b313583eb..7c51a1db68 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-disabled-read-only-resize.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus-disabled-read-only-resize.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus.png index 9c215ef619..a698634fa9 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-focus.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-2.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-2.png index 9c215ef619..a698634fa9 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-2.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-2.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-3.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-3.png index f828f5655c..b82ae28557 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-3.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size-3.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size.png index 72c23c33c8..3f3fbaa935 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-size.png differ diff --git a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-state.png b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-state.png index ac926763cf..0a5264b0b2 100644 Binary files a/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-state.png and b/semcore/textarea/__tests__/__image_snapshots__/textarea-should-support-state.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-active-format.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-active-format.png index 7b113f1233..d376a3c33c 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-active-format.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-active-format.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-disabled.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-disabled.png index db7b316bc1..e0b98d74ed 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-disabled.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-disabled.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-2.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-2.png index b801de40c5..2d7ab3de63 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-2.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-2.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-3.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-3.png index 0832d6de6d..7d00e5773f 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-3.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-3.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-4.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-4.png index 1a5140ac62..8cd3c999e1 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-4.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-4.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-5.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-5.png index bc9b595f80..4d6749fc3b 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-5.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-5.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-6.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-6.png index 136ab3c9df..50b8079d99 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-6.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus-6.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus.png index 0800e62dc3..93f650f9b0 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-focus.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-hover-format.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-hover-format.png index 69fa6186bb..2e1a7b06c8 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-hover-format.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-hover-format.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-sizes.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-sizes.png index b7b9e8f6f6..79b017205c 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-sizes.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-sizes.png differ diff --git a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-state.png b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-state.png index 8e81ebb4f4..8ba5bed10d 100644 Binary files a/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-state.png and b/semcore/time-picker/__tests__/__image_snapshots__/timepicker-should-support-state.png differ diff --git a/semcore/tooltip/src/Tooltip.jsx b/semcore/tooltip/src/Tooltip.jsx index 7406ed4411..fbad086f8b 100644 --- a/semcore/tooltip/src/Tooltip.jsx +++ b/semcore/tooltip/src/Tooltip.jsx @@ -157,15 +157,21 @@ function TooltipPopper(props) { // We need this effect with timer to prevent creating all STooltipPortalledWrapper on each tooltip initialization. // On the same time, we need to have a container with role=status to announce tooltip popper content on the fly by screen readers. React.useEffect(() => { + let timer; + if (visible) { - setTimeout(() => { + timer = setTimeout(() => { setIsVisible(true); }, 0); } else { - setTimeout(() => { + timer = setTimeout(() => { setIsVisible(false); }, timeoutConfig[1] + 50); } + + return () => { + clearTimeout(timer); + }; }, [visible]); if (!visible && !isVisible) { diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/error-should-support-custom-description.png b/semcore/widget-empty/__tests__/__image_snapshots__/error-should-support-custom-description.png index e27084c8d1..7f53a4ae99 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/error-should-support-custom-description.png and b/semcore/widget-empty/__tests__/__image_snapshots__/error-should-support-custom-description.png differ diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-renders-correctly.png b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-renders-correctly.png index 54c65ddb69..0fc7217718 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-renders-correctly.png and b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-renders-correctly.png differ diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-content.png b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-content.png index b808e2522b..0a239c8cf5 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-content.png and b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-content.png differ diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-description.png b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-description.png index 633d5f247a..86772c8a6e 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-description.png and b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-description.png differ diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-type.png b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-type.png index 7bad43aa2f..a67562e2b8 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-type.png and b/semcore/widget-empty/__tests__/__image_snapshots__/nodata-should-support-custom-type.png differ diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-renders-correctly.png b/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-renders-correctly.png index 76a6d4d155..ed9be89f0a 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-renders-correctly.png and b/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-renders-correctly.png differ diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-custom-node-icon.png b/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-custom-node-icon.png index 9d0dbbdec1..9bee19a010 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-custom-node-icon.png and b/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-custom-node-icon.png differ diff --git a/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-icon.png b/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-icon.png index 9dbfae45a3..be8d9baf42 100644 Binary files a/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-icon.png and b/semcore/widget-empty/__tests__/__image_snapshots__/widgetempty-should-support-icon.png differ diff --git a/stories/components/color-picker/tests/examples/triggers.tsx b/stories/components/color-picker/tests/examples/triggers.tsx index 4bed6e6e03..6e88d7d0f4 100644 --- a/stories/components/color-picker/tests/examples/triggers.tsx +++ b/stories/components/color-picker/tests/examples/triggers.tsx @@ -16,8 +16,9 @@ const Demo = () => { New tag + - +
{ return ( 10), + kd: (10), cpc: '$0.65', vol: '47,354,640', [ACCORDION]: (), diff --git a/stories/components/data-table/docs/examples/base.tsx b/stories/components/data-table/docs/examples/base.tsx index 8b03b72383..e567fa7d0e 100644 --- a/stories/components/data-table/docs/examples/base.tsx +++ b/stories/components/data-table/docs/examples/base.tsx @@ -1,27 +1,6 @@ import React from 'react'; import { DataTable } from '@semcore/data-table'; -const keywords = ['ebay buy', 'www.ebay.com']; -const kdValues = ['77.8', '11.2', '10', '75.89', '-', '65.3']; -const cpcValues = ['$1.25', '$3.4', '$0.65', '$0', '$2.15']; -const volPatterns = [ - () => 'n/a', - () => '21,644,290,000,500', - () => '32,500,000,500,000'.repeat(Math.floor(Math.random() * 3) + 1), - () => '65,457,920,000,500'.repeat(Math.floor(Math.random() * 3) + 1), - () => '47,354,640,000,500'.repeat(Math.floor(Math.random() * 4) + 1), -]; - -function generateData(count:any) { - return Array.from({ length: count }, () => ({ - keyword: keywords[Math.floor(Math.random() * keywords.length)], - kd: kdValues[Math.floor(Math.random() * kdValues.length)], - cpc: cpcValues[Math.floor(Math.random() * cpcValues.length)], - vol: volPatterns[Math.floor(Math.random() * volPatterns.length)](), - })); -} -const data = generateData(500); - const Demo = () => { return ( { aria-label={'Base table example'} defaultGridTemplateColumnWidth={'auto'} wMax={'800px'} - hMax={'400px'} headerProps={{ sticky: true, - h: 38, }} columns={[ { @@ -58,7 +35,159 @@ const Demo = () => { ]} /> ); - }; +const data = [ + { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, + { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, + { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, + { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, + { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, +]; + export default Demo; diff --git a/stories/components/data-table/docs/examples/pagination.tsx b/stories/components/data-table/docs/examples/pagination.tsx index e9a629c924..34b33b71d9 100644 --- a/stories/components/data-table/docs/examples/pagination.tsx +++ b/stories/components/data-table/docs/examples/pagination.tsx @@ -15,23 +15,38 @@ const Demo = () => { return ( <> - { - if (props.columnName === 'keyword') { - return props.defaultRender(); - } - - const value = props.defaultRender(); - - return typeof value === 'number' && value !== -1 ? numberFormat.format(value) : 'n/a'; - }} - /> + { + const { column, row } = props; + + if (!row) return props.defaultRender(); + + const value = row[column.name]; + + if (column.name === 'keyword') { + return props.defaultRender(); + } + + if (typeof value !== 'number' || value === -1) { + return 'n/a'; + } + + if (column.name === 'cpc') { + return currencyFormat.format(value); + } + + return numberFormat.format(value); + }} + /> = { @@ -18,6 +19,11 @@ export const PerformanceTest: Story = { render: PerformanceTestExample, }; +export const PerformanceBaseTest: Story = { + render: PerformanceBaseTestExample, +}; + + export const ColoredMergedCellsColumns: Story = { render: ColoredMergedCellsExample, }; \ No newline at end of file diff --git a/stories/components/data-table/tests/data-table-header.stories.tsx b/stories/components/data-table/tests/data-table-header.stories.tsx index b4d1d137d5..44900d51d3 100644 --- a/stories/components/data-table/tests/data-table-header.stories.tsx +++ b/stories/components/data-table/tests/data-table-header.stories.tsx @@ -2,7 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react'; -import FixedHeaderWithSpinOverlayExample from './examples/header-tests/fixed-header-with-spin-overlay'; import InteractiveHeaderExample from './examples/header-tests/table-with-1tf-and diff-elements'; import HeaderContentExample from './examples/header-tests/header-content'; import MultiLevelSortingExample from './examples/header-tests/multi-level-sorting'; @@ -49,10 +48,6 @@ export const MultiLevelSticky: Story = { render: MultiLevelStickyExample, }; -export const FixedHeaderWithSpinOverlay: Story = { - render: FixedHeaderWithSpinOverlayExample, -}; - export const MultiLevelBorders: Story = { render: MultiLevelExample, }; diff --git a/stories/components/data-table/tests/data-table-states.stories.tsx b/stories/components/data-table/tests/data-table-states.stories.tsx index 5ae32a636f..68ac359a4f 100644 --- a/stories/components/data-table/tests/data-table-states.stories.tsx +++ b/stories/components/data-table/tests/data-table-states.stories.tsx @@ -5,9 +5,10 @@ import { DataTable } from '@semcore/data-table'; import LoadingScrollExample from './examples/table-states-tests/loading-in-scroll'; import LoadingPaginationExample from './examples/table-states-tests/loading-in-pagination'; -import EmptyStateSortableExample from './examples/table-states-tests/nothing-found-sortable'; +import EmptyStateSortableExample from './examples/table-states-tests/empty-sortable'; import LoadingWithScrollAndButtonExample from './examples/table-states-tests/loading-with-button-and-scroll'; import WidgetEmptyInCellExample from './examples/table-states-tests/widget-empty-in-cell'; +import NothingFoundExample from './examples/table-states-tests/nothing-found'; const meta: Meta = { @@ -22,6 +23,10 @@ export const WidgetEmptyInCell: Story = { render: WidgetEmptyInCellExample, }; +export const NothingFound: Story = { + render: NothingFoundExample, +}; + export const EmptyStateSortable: Story = { render: EmptyStateSortableExample, }; diff --git a/stories/components/data-table/tests/data-table-virtualization.stories.tsx b/stories/components/data-table/tests/data-table-virtualization.stories.tsx index 80034eca25..2247246408 100644 --- a/stories/components/data-table/tests/data-table-virtualization.stories.tsx +++ b/stories/components/data-table/tests/data-table-virtualization.stories.tsx @@ -7,7 +7,6 @@ import InteractiveHeaderExample from './examples/virtualization/table-with-1tf-a import HeaderContentExample from './examples/virtualization/header-content'; import MultiLevelSortingExample from './examples/virtualization/multi-level-sorting'; import TableInTableExample from './examples/virtualization/table-in-table-with-fixed-column'; - import HorizontalScrollWithoutFixedExample from './examples/virtualization/horizontal-scroll'; import FixedColumnDiffWidthExample from './examples/virtualization/fixed-column-with-d-ff-width'; import FixedGroupExample from './examples/virtualization/horizontal-scroll-fixed-group'; @@ -17,13 +16,9 @@ import InteractiveCellsExample from './examples/virtualization/interactive-eleme import DDSelectInCellExample from './examples/virtualization/dd-select-in-cell'; import MultiLevelInteractiveExample from './examples/virtualization/multi-level-with-interactive'; import AccordionWithChartExample from './examples/virtualization/accordion-inside-table'; - import LoadingScrollExample from './examples/virtualization/loading-in-scroll'; - import SecondarySortingExample from './examples/virtualization/secondary-sorting'; -import SecondaryHeaderExample from './examples/virtualization/secondary-header'; import MultiLevelExample from './examples/virtualization/multi-level-header'; - import PerformExample from './examples/virtualization/performmance-tooltips-ellipsis-test'; const meta: Meta = { @@ -34,9 +29,6 @@ const meta: Meta = { export default meta; type Story = StoryObj; -export const SecondaryHeader: Story = { - render: SecondaryHeaderExample, -}; export const AccordionWithChart: Story = { render: AccordionWithChartExample, diff --git a/stories/components/data-table/tests/examples/additional-tests/base-huge.tsx b/stories/components/data-table/tests/examples/additional-tests/base-huge.tsx new file mode 100644 index 0000000000..8b03b72383 --- /dev/null +++ b/stories/components/data-table/tests/examples/additional-tests/base-huge.tsx @@ -0,0 +1,64 @@ +import React from 'react'; +import { DataTable } from '@semcore/data-table'; + +const keywords = ['ebay buy', 'www.ebay.com']; +const kdValues = ['77.8', '11.2', '10', '75.89', '-', '65.3']; +const cpcValues = ['$1.25', '$3.4', '$0.65', '$0', '$2.15']; +const volPatterns = [ + () => 'n/a', + () => '21,644,290,000,500', + () => '32,500,000,500,000'.repeat(Math.floor(Math.random() * 3) + 1), + () => '65,457,920,000,500'.repeat(Math.floor(Math.random() * 3) + 1), + () => '47,354,640,000,500'.repeat(Math.floor(Math.random() * 4) + 1), +]; + +function generateData(count:any) { + return Array.from({ length: count }, () => ({ + keyword: keywords[Math.floor(Math.random() * keywords.length)], + kd: kdValues[Math.floor(Math.random() * kdValues.length)], + cpc: cpcValues[Math.floor(Math.random() * cpcValues.length)], + vol: volPatterns[Math.floor(Math.random() * volPatterns.length)](), + })); +} +const data = generateData(500); + +const Demo = () => { + return ( + + ); + +}; + +export default Demo; diff --git a/stories/components/data-table/tests/examples/cells-tests/interactive-elements-in-cells.tsx b/stories/components/data-table/tests/examples/cells-tests/interactive-elements-in-cells.tsx index b515f7f3cd..e26ceb0730 100644 --- a/stories/components/data-table/tests/examples/cells-tests/interactive-elements-in-cells.tsx +++ b/stories/components/data-table/tests/examples/cells-tests/interactive-elements-in-cells.tsx @@ -4,7 +4,6 @@ import { ButtonLink } from '@semcore/button'; import Checkbox from '@semcore/checkbox'; import Link from '@semcore/link'; import Button from '@semcore/button'; -import Ellipsis from '@semcore/ellipsis'; import { Text } from '@semcore/typography'; import { Flex } from '@semcore/flex-box'; import { DescriptionTooltip, Hint } from '@semcore/tooltip'; diff --git a/stories/components/data-table/tests/examples/header-tests/base.tsx b/stories/components/data-table/tests/examples/header-tests/base.tsx deleted file mode 100644 index e567fa7d0e..0000000000 --- a/stories/components/data-table/tests/examples/header-tests/base.tsx +++ /dev/null @@ -1,193 +0,0 @@ -import React from 'react'; -import { DataTable } from '@semcore/data-table'; - -const Demo = () => { - return ( - - ); -}; - -const data = [ - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290', - }, - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290', - }, - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290', - }, - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290', - }, - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290', - }, -]; - -export default Demo; diff --git a/stories/components/data-table/tests/examples/header-tests/fixed-header-with-spin-overlay.tsx b/stories/components/data-table/tests/examples/header-tests/fixed-header-with-spin-overlay.tsx deleted file mode 100644 index 7db2e7ad8e..0000000000 --- a/stories/components/data-table/tests/examples/header-tests/fixed-header-with-spin-overlay.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import React from 'react'; -import { DataTable } from '@semcore/data-table'; -import SpinContainer from '@semcore/spin-container'; -import { Box } from '@semcore/flex-box'; - -const Demo = () => { - const [loading, setLoading] = React.useState(true); - React.useEffect(() => { - const timer = setInterval(() => { - setLoading(!loading); - }, 1500); - return () => { - clearInterval(timer); - }; - }, [loading]); - - - return ( - - - - - - - - - - - - - - - ); -}; - -const data = [ - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290', - }, -]; - -export default Demo; diff --git a/stories/components/data-table/tests/examples/table-states-tests/nothing-found-sortable.tsx b/stories/components/data-table/tests/examples/table-states-tests/empty-sortable.tsx similarity index 100% rename from stories/components/data-table/tests/examples/table-states-tests/nothing-found-sortable.tsx rename to stories/components/data-table/tests/examples/table-states-tests/empty-sortable.tsx diff --git a/stories/components/data-table/docs/examples/nothing-found.tsx b/stories/components/data-table/tests/examples/table-states-tests/nothing-found.tsx similarity index 100% rename from stories/components/data-table/docs/examples/nothing-found.tsx rename to stories/components/data-table/tests/examples/table-states-tests/nothing-found.tsx diff --git a/stories/components/data-table/tests/examples/virtualization/accordion-inside-table.tsx b/stories/components/data-table/tests/examples/virtualization/accordion-inside-table.tsx index 11a3fa559c..1908750cc7 100644 --- a/stories/components/data-table/tests/examples/virtualization/accordion-inside-table.tsx +++ b/stories/components/data-table/tests/examples/virtualization/accordion-inside-table.tsx @@ -5,17 +5,19 @@ import { Plot, Line, XAxis, YAxis, ResponsiveContainer, minMax } from '@semcore/ const Demo = () => { return ( - - - - - - - - - - - + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/fixed-column-with-d-ff-width.tsx b/stories/components/data-table/tests/examples/virtualization/fixed-column-with-d-ff-width.tsx index fb88208d28..695d95c91e 100644 --- a/stories/components/data-table/tests/examples/virtualization/fixed-column-with-d-ff-width.tsx +++ b/stories/components/data-table/tests/examples/virtualization/fixed-column-with-d-ff-width.tsx @@ -21,23 +21,30 @@ const data = Array(10000) // ], })); -const Demo = () => { - return ( - - - - - - - - - - - - - ); -}; + + const Demo = () => { + return ( + <> + + + + + ); + }; export default Demo; diff --git a/stories/components/data-table/tests/examples/virtualization/header-content.tsx b/stories/components/data-table/tests/examples/virtualization/header-content.tsx index 5a9dd1a5fe..8b4223804c 100644 --- a/stories/components/data-table/tests/examples/virtualization/header-content.tsx +++ b/stories/components/data-table/tests/examples/virtualization/header-content.tsx @@ -27,43 +27,65 @@ const data = Array(10000) const Demo = () => { return ( - - - - - Keyword (Keyword 1-100) - - - - - Difficulty Difficlty 123 - - - - - - Difficulty Difficulty - - - - - - - - Marketing SEO - (Marketing SEO Marketing SEO 1-100) - - - - - Marketing SEO - (Marketing SEO Marketing SEO 1-100) - - - - - + <> + , + Keyword (Keyword 1-100) + ) + }, + { + name: 'kd', + gtcWidth: '85px', + children: ( + + Difficulty Difficlty 123 + + + + ) + }, + { + name: 'cpc', gtcWidth: '85px', + children: ( + <> + Difficulty Difficulty + + + + ) + }, + { name: 'cpc', gtcWidth: '90px', children: 'CPC CPC CPC CPC CPC' }, + { name: 'vol', children: 'Vol.', gtcWidth: 'minmax(0, 300px)' }, + { + name: 'md', + gtcWidth: '90px', + children: ( + + Marketing SEO + (Marketing SEO Marketing SEO 1-100) + + ) + }, { + name: 'md', + gtcWidth: '90px', + children: ( + + Marketing SEO + (Marketing SEO Marketing SEO 1-100) + + ) + }, + ]} + /> + + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/horizontal-scroll-fixed-group.tsx b/stories/components/data-table/tests/examples/virtualization/horizontal-scroll-fixed-group.tsx index d851385ceb..0359e21f3d 100644 --- a/stories/components/data-table/tests/examples/virtualization/horizontal-scroll-fixed-group.tsx +++ b/stories/components/data-table/tests/examples/virtualization/horizontal-scroll-fixed-group.tsx @@ -1,28 +1,74 @@ import React from 'react'; import { DataTable } from '@semcore/data-table'; +import { Flex } from '@semcore/flex-box'; + const Demo = () => { return ( - <> - - - - - - - - - - - - - - - - - + - + + + + + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/horizontal-scroll.tsx b/stories/components/data-table/tests/examples/virtualization/horizontal-scroll.tsx index 643644fa1f..82f84f3009 100644 --- a/stories/components/data-table/tests/examples/virtualization/horizontal-scroll.tsx +++ b/stories/components/data-table/tests/examples/virtualization/horizontal-scroll.tsx @@ -5,41 +5,79 @@ import { Flex } from '@semcore/flex-box'; const Demo = () => { return ( - - - - - - - - - - - - - - - - - - - - + - - - - - - - - - - - - + - + + + + + + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx b/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx index e6ae25467b..a8e5d6a0c0 100644 --- a/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx +++ b/stories/components/data-table/tests/examples/virtualization/interactive-elements-in-cells.tsx @@ -15,108 +15,80 @@ import CheckM from '@semcore/icon/Check/m'; const Demo = () => { return ( <> - - - - - - - - { - if (props.columnName === 'keyword') { - return ( - - - - Keyword (100) - - - - - About fastest animals - - - - The peregrine falcon{' '} - is the fastest bird, and the fastest member of the animal kingdom, with a diving speed - of over 300 km/h (190 mph). - + { + if (props.columnName === 'keyword') { + return ( + + + + Keyword (100) + + + + + About fastest animals + + + + The peregrine falcon{' '} + is the fastest bird, and the fastest member of the animal kingdom, with a diving speed + of over 300 km/h (190 mph). + - - - - ); - } + + + + ); + } + if (props.columnName === 'kd') { + return ( + <> + + + {props.value} + + + + The peregrine falcon{' '} + is the fastest bird, and the fastest member of the animal kingdom, with a diving speed + of over 300 km/h (190 mph). + + + The fastest land animal is the cheetah. Among the fastest animals in the sea is the + black marlin, with uncertain and conflicting reports of recorded speeds. + + + + + ); + } + if (props.columnName === 'cpc') { + return ( + <> + + + + ); + } - if (props.columnName === 'kd') { - return ( - <> - - - - {props.value} - - - - The peregrine falcon{' '} - is the fastest bird, and the fastest member of the animal kingdom, with a diving speed - of over 300 km/h (190 mph). - - - The fastest land animal is the cheetah. Among the fastest animals in the sea is the - black marlin, with uncertain and conflicting reports of recorded speeds. - - - - - ); - } - - - - - if (props.columnName === 'cpc') { - return ( - <> - - - - - ); - } - - return props.defaultRender(); - }} - /> - {/* */} - {/* {(props, row, index) => {*/} - {/* return {*/} - {/* children: (*/} - {/* {*/} - {/* alert(`Click row */} - {/* props: ${JSON.stringify(Object.keys(props), null, ' ')};*/} - {/* row: ${JSON.stringify(row, null, ' ')};*/} - {/* index: ${index};`);*/} - {/* }}*/} - {/* >*/} - {/* {row[props.name]}*/} - {/* */} - {/* ),*/} - {/* };*/} - {/* }}*/} - {/* */} - {/**/} - + return props.defaultRender(); + }} + /> ); diff --git a/stories/components/data-table/tests/examples/virtualization/loading-in-scroll.tsx b/stories/components/data-table/tests/examples/virtualization/loading-in-scroll.tsx index a6d4f06b56..f3fa9f9cdc 100644 --- a/stories/components/data-table/tests/examples/virtualization/loading-in-scroll.tsx +++ b/stories/components/data-table/tests/examples/virtualization/loading-in-scroll.tsx @@ -3,15 +3,28 @@ import { DataTable } from '@semcore/data-table'; const Demo = () => { return ( - - - - - - - - - + + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx b/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx index cfcd3178b4..d542c3cff8 100644 --- a/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx +++ b/stories/components/data-table/tests/examples/virtualization/multi-level-header.tsx @@ -8,57 +8,118 @@ import AmazonM from '@semcore/icon/color/Amazon/m'; const Demo = () => { return ( - - - - - - Kd Organic Sessions Organic Sessions - - - - - - - - - - Bprders both - Organic Sessions rganic Sessions rganic Sessions)}> - - - - Kd Organic Sessions Organic Sessions - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + <> + + + Kd Organic Sessions Organic Sessions + + + + ) + + + }, + { name: 'cpc', children: 'CPC' }, + { name: 'vol', children: 'Vol.' }, + + ] + }, + + { name: 'keyword', children: 'Keyword' }, + { + children: ( + Borders both - Organic Sessions rganic Sessions rganic Sessions + ), + borders: 'both', + columns: [ + { + name: 'kd2', + gtcWidth: '100px', + children: ( + <> + + Kd Organic Sessions Organic Sessions + + + + ) + + + }, + { name: 'cpc', children: 'CPC' }, + { name: 'vol', children: 'Vol.' }, + + ] + }, + + { name: 'other', children: 'Other' }, + + { + children: 'Borders right', + borders: 'right', + columns: [ + { + name: 'kd', + gtcWidth: '100px', + children: ( + <> + + Kd Organic Sessions Organic Sessions + + + + ) + + }, + { name: 'cpc', children: 'CPC' }, + + ] + }, + + { name: 'other', children: 'Other' }, + + { + children: 'Borders default', + columns: [ + { + name: 'kd', + gtcWidth: '100px', + children: ( + <> + + Kd Organic Sessions Organic Sessions + + + + ) + + + }, + { name: 'cpc', children: 'CPC' }, + + ] + }, + + + ]} + /> + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx b/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx index bbf8579fe4..3a4f4ae001 100644 --- a/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx +++ b/stories/components/data-table/tests/examples/virtualization/multi-level-sorting.tsx @@ -28,51 +28,77 @@ const Demo = () => { ); return ( - - - - - - Kd Organic Sessions Organic Sessions - - - - - - - - - - - - - - Kd Organic Sessions Organic Sessions - - - - - - - - - - - - - - - - - - - - - - - - - + + Kd Organic Sessions Organic Sessions + + + ), + }, + { name: 'cpc', children: 'CPC', sortable: true }, + { name: 'vol', children: 'Vol.' }, + ], + }, + { name: 'keyword', children: 'Keyword', sortable: true }, + { + children: 'Organic Sessions Organic Sessions Organic SessionsOrganic Sessions Organic Sessions Organic Sessions' + , + borders: 'both', + columns: [ + { + name: 'kd2', + sortable: true, + gtcWidth: '100px', + children: ( + <> + Kd Organic Sessions + + + ), + }, + { name: 'cpc2', children: 'CPC', sortable: true }, + { name: 'vol', children: 'Vol.' }, + ], + }, + { name: 'other', children: 'Other' }, + { + children: 'Organic Sessions', + borders: 'right', + columns: [ + { + name: 'kd', + children: ( + <> + + + + ), + }, + { name: 'cpc', children: 'CPC' }, + { name: 'vol', children: 'Vol.' }, + ], + }, + { name: 'other2', children: 'Other' }, + ]} + + /> ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/multi-level-with-interactive.tsx b/stories/components/data-table/tests/examples/virtualization/multi-level-with-interactive.tsx index 756d185f9d..e49dc4a492 100644 --- a/stories/components/data-table/tests/examples/virtualization/multi-level-with-interactive.tsx +++ b/stories/components/data-table/tests/examples/virtualization/multi-level-with-interactive.tsx @@ -1,10 +1,10 @@ import React from 'react'; import { DataTable } from '@semcore/data-table'; import Link from '@semcore/link'; -import Select from '@semcore/select'; -import { LinkTrigger } from '@semcore/base-trigger'; import Checkbox from '@semcore/checkbox'; +import Select from '@semcore/select'; import { DescriptionTooltip } from '@semcore/tooltip'; +import { LinkTrigger } from '@semcore/base-trigger'; import InfoM from '@semcore/icon/Info/m'; import { ButtonLink } from '@semcore/button'; @@ -16,65 +16,97 @@ const options = Array(6) children: `Option ${index}`, })); +const CustomSelect = () => { + const [isVisible, setIsVisible] = React.useState(false); + + return ( + { - if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && !isVisible) { - return false - } - if (e.key.startsWith('Arrow') && isVisible) { - e.stopPropagation(); - } - }} /> - - - - - + /> ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/multiple-horizontal-with-fixed.tsx b/stories/components/data-table/tests/examples/virtualization/multiple-horizontal-with-fixed.tsx deleted file mode 100644 index 33daf06e4c..0000000000 --- a/stories/components/data-table/tests/examples/virtualization/multiple-horizontal-with-fixed.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import React from 'react'; -import { DataTable } from '@semcore/data-table'; - -const Demo = () => { - return ( - <> - - - - - - - - - - - - - ); -}; - -const data = [ - { - keyword: 'ebay buy', - kd: '77.8', - cpc: '$1.25', - vol: '32,500,000', - }, - { - keyword: 'www.ebay.com', - kd: '11.2', - cpc: '$3.4', - vol: '65,457,920', - }, - { - keyword: 'www.ebay.com', - kd: '10', - cpc: '$0.65', - vol: '47,354,640', - }, - { - keyword: 'ebay buy', - kd: '-', - cpc: '$0', - vol: 'n/a', - }, - { - keyword: 'ebay buy', - kd: '75.89', - cpc: '$0', - vol: '21,644,290', - }, -]; - -export default Demo; diff --git a/stories/components/data-table/tests/examples/virtualization/multiple-scrolls.tsx b/stories/components/data-table/tests/examples/virtualization/multiple-scrolls.tsx index 9b1dcba24d..363cfaca78 100644 --- a/stories/components/data-table/tests/examples/virtualization/multiple-scrolls.tsx +++ b/stories/components/data-table/tests/examples/virtualization/multiple-scrolls.tsx @@ -5,16 +5,24 @@ const Demo = () => { return ( <> -

Scroll.Bar Horizontal and vertical

- - - - - - - - - +

Scroll.Bar Horizontal and vertical

+ + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx b/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx index 8ab1fbd41a..1db452addc 100644 --- a/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx +++ b/stories/components/data-table/tests/examples/virtualization/performmance-tooltips-ellipsis-test.tsx @@ -15,88 +15,109 @@ const Demo = () => { return ( <> - - - - - - - + { + if (props.columnName === 'keyword') { + return ( + - - { - if (props.columnName === 'keyword') { - return ( - + NoWrapTrue {props.value} + + + + About fastest animals + + + + The peregrine falcon{' '} + is the fastest bird, and the fastest member of the animal kingdom, with a diving speed + of over 300 km/h (190 mph). + - NoWrapTrue {props.value} - - - - About fastest animals - - - - The peregrine falcon{' '} - is the fastest bird, and the fastest member of the animal kingdom, with a diving speed - of over 300 km/h (190 mph). - + + + + ); + } - - - - ); - } + if (props.columnName === 'cpc') { + return ( + - if (props.columnName === 'cpc') { - return ( - + No Wrap False {props.value} + + + ); + } + if (props.columnName === 'vol') { + return ( + <> + {props.value} + + + ); + } + if (props.columnName === 'index') { + return props.rowIndex + 1; + } + return props.defaultRender(); + }} + /> - No Wrap False {props.value} - - - ); - } - if (props.columnName === 'vol') { - return ( - <> - {props.value} - - - ); - } - if (props.columnName === 'index') { - return props.rowIndex + 1; - } - return props.defaultRender(); - }} - /> - - ); diff --git a/stories/components/data-table/tests/examples/virtualization/row-and-column-merging.tsx b/stories/components/data-table/tests/examples/virtualization/row-and-column-merging.tsx index 4e372943d4..450a350e27 100644 --- a/stories/components/data-table/tests/examples/virtualization/row-and-column-merging.tsx +++ b/stories/components/data-table/tests/examples/virtualization/row-and-column-merging.tsx @@ -300,15 +300,28 @@ const data = [ const Demo = () => { return ( - - - - - - - - - + + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/secondary-header.tsx b/stories/components/data-table/tests/examples/virtualization/secondary-header.tsx deleted file mode 100644 index 8aa65d7f3e..0000000000 --- a/stories/components/data-table/tests/examples/virtualization/secondary-header.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React from 'react'; -import { DataTable, DataTableSort } from '@semcore/data-table'; -type SortableColumn = Exclude; -import Ellipsis from '@semcore/ellipsis'; -import WhatsAppM from '@semcore/icon/color/WhatsApp/m'; -import { Hint } from '@semcore/tooltip'; -import { Text } from '@semcore/typography'; -import AmazonM from '@semcore/icon/color/Amazon/m'; - -const Demo = () => { - const [sort, setSort] = React.useState>(['kd', 'desc']); - const sortedData = React.useMemo( - () => - [...data].sort((aRow, bRow) => { - const [prop, sortDirection] = sort; - const a = aRow[prop as SortableColumn]; - const b = bRow[prop as SortableColumn]; - if (a === b) return 0; - if (sortDirection === 'asc') return a > b ? 1 : -1; - else return a > b ? -1 : 1; - }), - [sort], - ); - const numberFormat = React.useMemo(() => new Intl.NumberFormat('en-US'), []); - const currencyFormat = React.useMemo( - () => new Intl.NumberFormat('en-US', { currency: 'USD', style: 'currency' }), - [], - ); - - return ( - - - - - Keyword (Keyword 1-100) - - - - - Difficulty Difficlty 123 - - - - - - Difficulty Difficulty - - - - - - - - - Marketing SEO - (Marketing SEO Marketing SEO 1-100) - - - - - Marketing SEO - (Marketing SEO Marketing SEO 1-100) - - - - - - ); -}; - -const keyword = ['ebay buy', 'www.ebay.com', 'ebay buy'] -const kd = ['77.8', '10', '11.2', '-', '75.89']; -const cpc = ['$3.4', '$0.65', '$1.25', '$0', '$0']; -const vol = ['32,500,000', '65,457,920', '47,354,640', 'n/a', '21,644,290']; - -const data = Array(10000) - .fill(0) - .map((_, index) => ({ - id: `#${index + 1}`, - keyword: keyword[Math.floor(keyword.length * Math.random())], - // [ROW_GROUP]: [ - // { - kd: kd[Math.floor(kd.length * Math.random())], - cpc: cpc[Math.floor(cpc.length * Math.random())], - vol: vol[Math.floor(vol.length * Math.random())], - // }, - // ], - })); - -export default Demo; diff --git a/stories/components/data-table/tests/examples/virtualization/secondary-sorting.tsx b/stories/components/data-table/tests/examples/virtualization/secondary-sorting.tsx index 7c80f7fdae..d3e152f7ff 100644 --- a/stories/components/data-table/tests/examples/virtualization/secondary-sorting.tsx +++ b/stories/components/data-table/tests/examples/virtualization/secondary-sorting.tsx @@ -3,57 +3,188 @@ import { DataTable, DataTableSort } from '@semcore/data-table'; type SortableColumn = Exclude; const Demo = () => { + const [sort, setSort] = React.useState>(['kd', 'asc']); + const sortedData = React.useMemo( + () => + [...data].sort((aRow, bRow) => { + const [prop, sortDirection] = sort; + const a = aRow[prop as SortableColumn]; + const b = bRow[prop as SortableColumn]; + if (a === b) return 0; + if (sortDirection === 'asc') return a > b ? 1 : -1; + else return a > b ? -1 : 1; + }), + [sort], + ); + const numberFormat = React.useMemo(() => new Intl.NumberFormat('en-US'), []); + const currencyFormat = React.useMemo( + () => new Intl.NumberFormat('en-US', { currency: 'USD', style: 'currency' }), + [], + ); - const [sort, setSort] = React.useState>(['kd', 'desc']); - const sortedData = React.useMemo( - () => - [...data].sort((aRow, bRow) => { - const [prop, sortDirection] = sort; - const a = aRow[prop as SortableColumn]; - const b = bRow[prop as SortableColumn]; - if (a === b) return 0; - if (sortDirection === 'asc') return a > b ? 1 : -1; - else return a > b ? -1 : 1; - }), - [sort], - ); - const numberFormat = React.useMemo(() => new Intl.NumberFormat('en-US'), []); - const currencyFormat = React.useMemo( - () => new Intl.NumberFormat('en-US', { currency: 'USD', style: 'currency' }), - [], - ); + return ( + - return ( - - - - - - - - - + ); }; -const keyword = ['ebay buy', 'www.ebay.com', 'ebay buy'] -const kd = ['77.8', '10', '11.2', '-', '75.89']; -const cpc = ['$3.4', '$0.65', '$1.25', '$0', '$0']; -const vol = ['32,500,000', '65,457,920', '47,354,640', 'n/a', '21,644,290']; - -const data = Array(10000) - .fill(0) - .map((_, index) => ({ - id: `#${index + 1}`, - keyword: keyword[Math.floor(keyword.length * Math.random())], - // [ROW_GROUP]: [ - // { - kd: kd[Math.floor(kd.length * Math.random())], - cpc: cpc[Math.floor(cpc.length * Math.random())], - vol: vol[Math.floor(vol.length * Math.random())], - // }, - // ], - })); +const data = [ + { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, { + keyword: 'ebay buy', + kd: '77.8', + cpc: '$1.25', + vol: '32,500,000', + }, + { + keyword: 'www.ebay.com', + kd: '11.2', + cpc: '$3.4', + vol: '65,457,920', + }, + { + keyword: 'www.ebay.com', + kd: '10', + cpc: '$0.65', + vol: '47,354,640', + }, + { + keyword: 'ebay buy', + kd: '-', + cpc: '$0', + vol: 'n/a', + }, + { + keyword: 'ebay buy', + kd: '75.89', + cpc: '$0', + vol: '21,644,290', + }, +]; export default Demo; diff --git a/stories/components/data-table/tests/examples/virtualization/table-in-table-with-fixed-column.tsx b/stories/components/data-table/tests/examples/virtualization/table-in-table-with-fixed-column.tsx index f1aa29ac45..7eccf9e8d4 100644 --- a/stories/components/data-table/tests/examples/virtualization/table-in-table-with-fixed-column.tsx +++ b/stories/components/data-table/tests/examples/virtualization/table-in-table-with-fixed-column.tsx @@ -3,14 +3,14 @@ import { DataTable, ACCORDION } from '@semcore/data-table'; const Demo = () => { return ( - + ); }; diff --git a/stories/components/data-table/tests/examples/virtualization/table-with-1tf-and diff-elements.tsx b/stories/components/data-table/tests/examples/virtualization/table-with-1tf-and diff-elements.tsx index 750ad608e2..123fa21cb9 100644 --- a/stories/components/data-table/tests/examples/virtualization/table-with-1tf-and diff-elements.tsx +++ b/stories/components/data-table/tests/examples/virtualization/table-with-1tf-and diff-elements.tsx @@ -13,9 +13,20 @@ import { Text } from '@semcore/typography'; const Demo = () => { return ( - - - + + , + }, + { + name: 'cpc', + children: ( Cpc 1 { aria-label='Additional info 1' data-test-id='tooltip-without-interactive-el' /> - + Jesus Christ, Joe, Pink. Let's move on. - - - + ), + }, + { + name: 'cpc', + children: ( Cpc 2 { tag={ButtonLink} addonLeft={InfoM} color='icon-secondary-neutral' - aria-label='Additional info2' + aria-label='Additional info 2' data-test-id='tooltip-with-interactive-el' /> - - Jesus Christ, Joe, fucking forget about it. I'm Mr. - Pink. Let's move on. + + Jesus Christ, Joe, fucking forget about it. I'm Mr. Pink. Let's move on. - - - + ), + }, + { + name: 'cpc', + children: ( { > Keywords - - - - - - Keyword (100) - - - - - - - - Hello - + + Keyword (100) + + - - Place an additional information here! - - + + ), + }, + { + name: 'keyword', + children: ( + <> + + + Hello + + + Place an additional information here! + + + + ), + }, + { + name: 'vol', + sortable: 'desc', + children: 'Vol.', + tag: Tooltip, + + title: ( + <> + Jesus Christ, Joe, fucking forget about it. I'm Mr. Pink. Let's move on. + + ), + }, + ]} - - - Jesus Christ, Joe, fucking forget about it. I'm Mr. - Pink. Let's move on. - } - /> - - { if (props.columnName === 'keyword') { @@ -123,6 +149,14 @@ const Demo = () => { ); } + if (props.columnName === 'hiddenColumn') { + return ( + <> + + + + ); + } if (props.columnName === 'vol') { return ( <> @@ -137,8 +171,6 @@ const Demo = () => { return props.defaultRender(); }} /> - - ); }; diff --git a/stories/components/dropdown-menu/tests/Dropdown-menu.stories.tsx b/stories/components/dropdown-menu/tests/Dropdown-menu.stories.tsx index 4685a6baef..29748e742e 100644 --- a/stories/components/dropdown-menu/tests/Dropdown-menu.stories.tsx +++ b/stories/components/dropdown-menu/tests/Dropdown-menu.stories.tsx @@ -4,6 +4,7 @@ import DropdownMenu from '@semcore/dropdown-menu'; import OnVisibleExample from './examples/on-visible'; import OnVisible2ndExample from './examples/on-visible-2nd'; +import WithSearchExample from './examples/with-search'; const meta: Meta = { title: 'Components/Dropdown Menu/Tests', @@ -17,6 +18,10 @@ export const OnVisible: Story = { render: OnVisibleExample, }; +export const WithSearch: Story = { + render: WithSearchExample, +}; + export const OnVisible2nd: Story = { render: OnVisible2ndExample, }; diff --git a/stories/components/dropdown-menu/tests/examples/with-search.tsx b/stories/components/dropdown-menu/tests/examples/with-search.tsx new file mode 100644 index 0000000000..9e9cba1a55 --- /dev/null +++ b/stories/components/dropdown-menu/tests/examples/with-search.tsx @@ -0,0 +1,138 @@ +import React from 'react'; +import Button, { ButtonLink } from '@semcore/button'; +import Counter from '@semcore/counter'; +import SettingsM from '@semcore/icon/Settings/m'; +import DropdownMenu from '@semcore/dropdown-menu'; +import { Text } from '@semcore/typography'; +import { Flex } from '@semcore/flex-box'; +import DnD from '@semcore/drag-and-drop'; +import Select from '@semcore/select'; + +const defeaultColumns = [ + { id: "uniquePageviews", label: "Unique Pageviews" }, + { id: "uniqueVisitors", label: "Unique Visitors" }, + { id: "entranceSources", label: "Entrance Sources" }, + { id: "desktop", label: "Desktop" }, + { id: "mobile", label: "Mobile" }, +]; +const defaultSelectedColumns = ["uniquePageviews", "entranceSources"]; + + +const Demo = () => { + const searchRef = React.useRef(null); + const [visible, setVisible] = React.useState(false); + const [highlightedIndex, setHighlightedIndex] = React.useState( + null + ); + const [columns, setColumns] = React.useState(defeaultColumns); + const handleDnD = React.useCallback( + ({ fromIndex, toIndex }: { fromIndex: number; toIndex: number }) => { + setColumns((columns) => { + const newColumns = [...columns]; + const shift = fromIndex < toIndex ? 1 : -1; + for (let i = fromIndex; i !== toIndex; i += shift) { + newColumns[i] = columns[i + shift]; + } + newColumns[toIndex] = columns[fromIndex]; + return newColumns; + }); + setHighlightedIndex(toIndex); + }, + [] + ); + const [selectedColumns, setSelectedColumns] = React.useState( + defaultSelectedColumns + ); + const handleVisible = (visible: boolean) => { + setVisible(visible); + if (visible) { + setTimeout(() => { + searchRef.current?.focus(); + }, 200); + } + }; + const resetToDefault = React.useCallback(() => { + setSelectedColumns(defaultSelectedColumns); + }, []); + const toggleAll = React.useCallback(() => { + const allSelected = selectedColumns.length === columns.length; + const allColumns = columns.map((column) => column.id); + if (allSelected) { + setSelectedColumns([]); + } else { + setSelectedColumns(allColumns); + } + }, [selectedColumns, columns]); + + return ( + + + + + + Manage columns + + + {selectedColumns.length}/{columns.length} + + + + + + + + Show table columns + + Reset to default + + {selectedColumns.length === columns.length ? "Deselect" : "Select"}{" "} + all + + + + + {columns.map((column, index) => ( + { + if ( + e.target instanceof HTMLElement && + e.target.getAttribute("role") === "menuitemcheckbox" + ) { + if (!selectedColumns.includes(column.id)) { + setSelectedColumns([...selectedColumns, column.id]); + } else { + setSelectedColumns( + selectedColumns.filter((i) => i !== column.id) + ); + } + } + }} + > + {column.label} + + ))} + + + + + ); +}; + +export default Demo; + diff --git a/stories/components/radio/tests/examples/additional_props_for_input_tooltip.tsx b/stories/components/radio/tests/examples/additional_props_for_input_tooltip.tsx index 1792c6f70c..0ee4dbf54a 100644 --- a/stories/components/radio/tests/examples/additional_props_for_input_tooltip.tsx +++ b/stories/components/radio/tests/examples/additional_props_for_input_tooltip.tsx @@ -1,12 +1,9 @@ import React from 'react'; import Radio, { RadioGroup } from '@semcore/radio'; import Tooltip, { Hint, DescriptionTooltip } from '@semcore/tooltip'; -import { Flex } from '@semcore/flex-box'; import { Text } from '@semcore/typography'; import Link from '@semcore/link'; -import Button, { ButtonLink } from '@semcore/button'; -import FileExportM from '@semcore/icon/FileExport/m'; -import CheckAltM from '@semcore/icon/CheckAlt/m'; +import { ButtonLink } from '@semcore/button'; import InfoM from '@semcore/icon/Info/m'; const Demo = () => { diff --git a/stories/components/radio/tests/examples/checked-and-focused-states.tsx b/stories/components/radio/tests/examples/checked-and-focused-states.tsx index e83ff00c0b..ffc52605a7 100644 --- a/stories/components/radio/tests/examples/checked-and-focused-states.tsx +++ b/stories/components/radio/tests/examples/checked-and-focused-states.tsx @@ -13,15 +13,6 @@ const Demo = () => { checked disabled - - - checked focused - - - - - invalid focused - invalid focused checked @@ -30,10 +21,6 @@ const Demo = () => { invalid focused checked disabled - - - invalid checked keyboardFocused - @@ -48,14 +35,6 @@ const Demo = () => { theme checked L - - - theme checked keyboardFocused - - - - theme checked keyboardFocused L - ); }; diff --git a/stories/components/radio/tests/examples/radiogroup_different_states.tsx b/stories/components/radio/tests/examples/radiogroup_different_states.tsx index d1852fb25c..9e13bb27ef 100644 --- a/stories/components/radio/tests/examples/radiogroup_different_states.tsx +++ b/stories/components/radio/tests/examples/radiogroup_different_states.tsx @@ -15,18 +15,8 @@ const Demo = () => { - - - supports invalid and keyboardFocused - - - - - supports theme=yellow and keyboardFocused - - @@ -94,17 +84,9 @@ const Demo = () => { - - - supports invalid keyboardFocused and l - - - - supports normal keyboardFocused and l - diff --git a/stories/components/slider/tests/examples/different-types-states.tsx b/stories/components/slider/tests/examples/different-types-states.tsx index dda3be7ec4..d7028db3a1 100644 --- a/stories/components/slider/tests/examples/different-types-states.tsx +++ b/stories/components/slider/tests/examples/different-types-states.tsx @@ -25,13 +25,6 @@ const Demo = () => { - - - Focused - - - - Disabled diff --git a/stories/components/wizard/docs/__tests__/basic_example_test.test.tsx b/stories/components/wizard/docs/__tests__/basic_example_test.test.tsx index f6646264a7..3c9e53cc4e 100644 --- a/stories/components/wizard/docs/__tests__/basic_example_test.test.tsx +++ b/stories/components/wizard/docs/__tests__/basic_example_test.test.tsx @@ -82,7 +82,6 @@ export async function BasicExampleTest({ canvasElement }: { canvasElement: HTMLE await userEvent.keyboard('{Tab}'); const prevButtonOnSecondStepFocus = canvas.getByRole('button', { name: /Back to Location/i }); expect(document.activeElement).toBe(prevButtonOnSecondStepFocus); - expect(prevButtonOnSecondStepFocus).toHaveAttribute('tabindex', '0'); await userEvent.keyboard('{Tab}'); const nextButtonOnSecondStepFocus = canvas.getByRole('button', { name: /Go to Schedule/i }); diff --git a/stories/components/wizard/docs/__tests__/custom_step_test.test.tsx b/stories/components/wizard/docs/__tests__/custom_step_test.test.tsx index d261ec9e05..01f6d9cca6 100644 --- a/stories/components/wizard/docs/__tests__/custom_step_test.test.tsx +++ b/stories/components/wizard/docs/__tests__/custom_step_test.test.tsx @@ -82,7 +82,6 @@ export async function CustomStepExampleTest({ canvasElement }: { canvasElement: await userEvent.keyboard('{Tab}'); const prevButtonOnSecondStepFocus = canvas.getByRole('button', { name: /Back to Keywords/i }); expect(document.activeElement).toBe(prevButtonOnSecondStepFocus); - expect(prevButtonOnSecondStepFocus).toHaveAttribute('tabindex', '0'); await userEvent.keyboard('{Tab}'); const nextButtonOnSecondStepFocus = canvas.getByRole('button', { name: /Go to Schedule/i }); diff --git a/stories/components/wizard/docs/__tests__/custom_stepper_test.test.tsx b/stories/components/wizard/docs/__tests__/custom_stepper_test.test.tsx index 8b41e6d810..3b1b2fecf3 100644 --- a/stories/components/wizard/docs/__tests__/custom_stepper_test.test.tsx +++ b/stories/components/wizard/docs/__tests__/custom_stepper_test.test.tsx @@ -81,7 +81,6 @@ export async function CustomStepperExampleTest({ canvasElement }: { canvasElemen await userEvent.keyboard('{Tab}'); const prevButtonOnSecondStepFocus = canvas.getByRole('button', { name: 'Back to' }); expect(document.activeElement).toBe(prevButtonOnSecondStepFocus); - expect(prevButtonOnSecondStepFocus).toHaveAttribute('tabindex', '0'); await userEvent.keyboard('{Tab}'); const nextButtonOnSecondStepFocus = canvas.getByRole('button', { name: 'Go to' }); diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json index 4ca75a23db..086e36c1a0 100644 --- a/website/docs/style/design-tokens/design-tokens.json +++ b/website/docs/style/design-tokens/design-tokens.json @@ -2246,6 +2246,7 @@ "bulk-textarea", "checkbox", "counter", + "data-table", "dropdown", "feedback-form", "format-text",