UIK-4841/button-link-underline-v-17

package.json

@@ -10,7 +10,7 @@
     "install-n-browser-test": "pnpm install && pnpm browser-test",
     "install-n-axe-test": "pnpm install && pnpm axe-test",
     "test": "vitest",
-    "test:setup": "docker build -t intergalactic-playwright:16.0.0 -f playwright.dockerfile .",
+    "test:setup": "docker build -t intergalactic-playwright:17.0.0 -f playwright.dockerfile .",
     "test:docker": "pnpm run-in-docker pnpm install-n-test",
     "browser-test": "pnpm playwright test --config playwright.browser.config.ts",
     "browser-test:docker": "pnpm run-in-docker pnpm install-n-browser-test",
@@ -22,7 +22,7 @@
     "vo-test:ci": "pnpm tsm --require=./.ci/tsm-filter-warnings.js ./.ci/vo-tests-ci.ts",
     "nvda-test:setup": "npx @guidepup/setup",
     "nvda-test": "playwright test --config playwright.nvda.config.ts",
-    "run-in-docker": "docker run -e TEST_TAG=\"$TEST_TAG\" -e PLAYWRIGHT_ARGS= --rm --network host -v $(pwd)/package.json:/work/package.json -v $(pwd)/vite.config.ts:/work/vite.config.ts -v $(pwd)/playwright.browser.config.ts:/work/playwright.browser.config.ts -v $(pwd)/playwright.axe.config.ts:/work/playwright.axe.config.ts -v $(pwd)/.storybook:/work/.storybook -v $(pwd)/allure-results:/work/allure-results/ -v $(pwd)/semcore:/work/semcore/ -v $(pwd)/stories:/work/stories/ -v $(pwd)/tools:/work/tools/ -v $(pwd)/website:/work/website/ -v $(pwd)/test-results:/work/test-results/ -w /work/ intergalactic-playwright:16.0.0",
+    "run-in-docker": "docker run -e TEST_TAG=\"$TEST_TAG\" -e PLAYWRIGHT_ARGS= --rm --network host -v $(pwd)/package.json:/work/package.json -v $(pwd)/vite.config.ts:/work/vite.config.ts -v $(pwd)/playwright.browser.config.ts:/work/playwright.browser.config.ts -v $(pwd)/playwright.axe.config.ts:/work/playwright.axe.config.ts -v $(pwd)/.storybook:/work/.storybook -v $(pwd)/allure-results:/work/allure-results/ -v $(pwd)/semcore:/work/semcore/ -v $(pwd)/stories:/work/stories/ -v $(pwd)/tools:/work/tools/ -v $(pwd)/website:/work/website/ -v $(pwd)/test-results:/work/test-results/ -w /work/ intergalactic-playwright:17.0.0",
     "website": "pnpm --dir website start",
     "lint": "pnpm lint:es && pnpm lint:ts",
     "publish:website": "pnpm --filter intergalactiс-migrate run build && tsm --require=./.ci/tsm-filter-warnings.js ./.ci/trigger-website-publish.ts",

playwright.dockerfile

@@ -8,4 +8,4 @@ COPY . .
 
 RUN npm install --global pnpm@10.11.1
 RUN pnpm install --ignore-scripts
-RUN npx playwright install
+RUN npx playwright install --with-deps

semcore/add-filter/__tests__/add-filter.browser-test.tsx

@@ -248,6 +248,7 @@ test.describe(`${TAG.VISUAL}`, () => {
     await locators.addFilterMenuItem(page, 'Position').click();
     await locators.addFilterInput(page, 'Filter by position').fill('Test');
     await locators.clearInput(page).hover();
+    await expect(page.locator('[data-ui-name="Hint"]')).toHaveCount(1);
     await expect(page).toHaveScreenshot();
   });
 

semcore/base-components/__tests__/ellipsis.browser-test.tsx

@@ -14,72 +14,6 @@ export const locators = {
 Visual states, hover and focus styles, paddings, margins, and snapshots.
 ===================================================== */
 test.describe(`${TAG.VISUAL}`, () => {
-  test.describe('Link with ellipsis', () => {
-    const ellipsisVariants = [
-      { ellipsis: true, size: 200, description: 'true and size: 200' },
-      { ellipsis: { cropPosition: 'middle' }, description: 'cropPosition: middle' },
-      { ellipsis: { cropPosition: 'end' }, color: 'text-success', description: 'cropPosition: end,  color: text- success' },
-      { ellipsis: { cropPosition: 'middle', lastRequiredSymbols: 2 }, description: 'cropPosition: middle, , lastRequiredSymbols: 2' },
-      { ellipsis: { cropPosition: 'end', maxLine: 2 }, description: 'cropPosition: end, maxLine: 2' },
-    ];
-
-    ellipsisVariants.forEach((variant) => {
-      test(`Verify ellipsis on link with keyboard focus when ${variant.description}`, {
-        tag: [TAG.PRIORITY_HIGH, TAG.KEYBOARD, '@ellipsis', '@link'],
-      }, async ({ page }) => {
-        await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', variant);
-        await locators.link(page).waitFor({ state: 'visible' });
-        await page.waitForTimeout(200);
-
-        await test.step('Focus link with keyboard', async () => {
-          await page.keyboard.press('Tab');
-          await expect(locators.link(page)).toBeFocused();
-          await locators.hint(page).waitFor({ state: 'visible' });
-
-          await expect(page).toHaveScreenshot();
-        });
-      });
-      test(`Verify ellipsis on link with mouse hover when ${variant.description}`, {
-        tag: [TAG.PRIORITY_HIGH, TAG.MOUSE, '@ellipsis', '@link'],
-      }, async ({ page }) => {
-        await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', variant);
-        await page.waitForTimeout(200);
-
-        await test.step('Hover link and verify hint appears', async () => {
-          await locators.link(page).hover();
-
-          await page.waitForTimeout(200);
-          await locators.hint(page).waitFor({ state: 'visible' });
-
-          await expect(page).toHaveScreenshot();
-        });
-      });
-    });
-  });
-
-  test.describe('Link without ellipsis', () => {
-    const noEllipsisVariants = [
-      { ellipsis: false, description: 'false' },
-      { ellipsis: { cropPosition: 'end', maxLine: 6 }, description: 'maxLine: 6 (text not truncated)' },
-    ];
-
-    noEllipsisVariants.forEach((variant) => {
-      test(`Verify no hint appears when ${variant.description}`, {
-        tag: [TAG.PRIORITY_MEDIUM, TAG.MOUSE, TAG.KEYBOARD, '@ellipsis', '@link'],
-      }, async ({ page }) => {
-        await loadPage(page, 'stories/components/base-components/ellipsis/tests/examples/link_with_ellipsis.tsx', 'en', variant);
-        await page.waitForTimeout(100);
-
-        await test.step('Focus and hover link - no hint should appear', async () => {
-          await page.keyboard.press('Tab');
-          await locators.link(page).hover();
-          await expect(locators.hint(page)).toHaveCount(0);
-          await expect(page).toHaveScreenshot();
-        });
-      });
-    });
-  });
-
   test.describe('Text with ellipsis', () => {
     const textVariants = [
       { ellipsis: true, size: 100 },