From d0dbfbeb2845a1b65cbb7a4457be04b24e6b8f80 Mon Sep 17 00:00:00 2001 From: null Date: Mon, 23 Dec 2024 08:45:05 +0000 Subject: [PATCH] chore: update dependency @taiga-ui/design-tokens to v0.158.0 --- package-lock.json | 8 ++--- package.json | 2 +- .../multi-select/multi-select.pw.spec.ts | 32 +++++++++---------- .../tests/legacy/select/select.pw.spec.ts | 8 +++-- 4 files changed, 26 insertions(+), 24 deletions(-) diff --git a/package-lock.json b/package-lock.json index feaa2ce2dcda..2ce8fe9048ad 100644 --- a/package-lock.json +++ b/package-lock.json @@ -31,7 +31,7 @@ "@taiga-ui/browserslist-config": "0.238.0", "@taiga-ui/commitlint-config": "0.238.0", "@taiga-ui/cspell-config": "0.238.0", - "@taiga-ui/design-tokens": "0.157.0", + "@taiga-ui/design-tokens": "0.158.0", "@taiga-ui/eslint-plugin-experience": "0.238.0", "@taiga-ui/event-plugins": "4.3.1", "@taiga-ui/jest-config": "0.238.0", @@ -9846,9 +9846,9 @@ "link": true }, "node_modules/@taiga-ui/design-tokens": { - "version": "0.157.0", - "resolved": "https://registry.npmjs.org/@taiga-ui/design-tokens/-/design-tokens-0.157.0.tgz", - "integrity": "sha512-flq2utD5stWVxF8SHtmgu01PN/uf91hQ5pXVTuZ5xOqp9LhNA9gPsBtul3d3/l0DmqWcnolcWmkp9ctUEb1XZA==", + "version": "0.158.0", + "resolved": "https://registry.npmjs.org/@taiga-ui/design-tokens/-/design-tokens-0.158.0.tgz", + "integrity": "sha512-a/B0wK1lzmBIQj1L+fK2mtT19gkCzm2peWiYujhY8J4UsDW+J72drRzm1jZSfyZEmHhmYolBEqj11U1eqVHk5g==", "dev": true, "license": "Apache-2.0", "dependencies": { diff --git a/package.json b/package.json index beea13fc35f2..887af785c1fd 100644 --- a/package.json +++ b/package.json @@ -161,7 +161,7 @@ "@taiga-ui/browserslist-config": "0.238.0", "@taiga-ui/commitlint-config": "0.238.0", "@taiga-ui/cspell-config": "0.238.0", - "@taiga-ui/design-tokens": "0.157.0", + "@taiga-ui/design-tokens": "0.158.0", "@taiga-ui/eslint-plugin-experience": "0.238.0", "@taiga-ui/event-plugins": "4.3.1", "@taiga-ui/jest-config": "0.238.0", diff --git a/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts b/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts index 37a80561c033..0e8fa5aead27 100644 --- a/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts +++ b/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts @@ -7,16 +7,10 @@ test.describe('MultiSelect', () => { test.describe('Examples', () => { let documentationPage: TuiDocumentationPagePO; - test.beforeEach(async ({page, browserName}) => { + test.beforeEach(async ({page}) => { await tuiGoto(page, DemoRoute.MultiSelect); documentationPage = new TuiDocumentationPagePO(page); - - // TODO: why does this test keep failing in safari - test.skip( - browserName !== 'chromium', - 'This feature is only relevant in Chrome', - ); }); test('does not overflow arrow icon by many tags', async () => { @@ -37,7 +31,7 @@ test.describe('MultiSelect', () => { ); }); - test('multi-select with data list with label', async () => { + test('multi-select with data list with label', async ({page}) => { const example = documentationPage.getExample('#datalist'); const multiSelect = new TuiMultiSelectPO( example.locator('tui-multi-select').first(), @@ -45,13 +39,15 @@ test.describe('MultiSelect', () => { await multiSelect.arrow.click(); await documentationPage.waitStableState(); + await page.waitForTimeout(300); + await page.locator('tui-dropdown [tuiOption]').first().hover(); await expect(multiSelect.dropdown).toHaveScreenshot( - '02-with-data-list__with-label.png', + '02-with-data-list-with-label.png', ); }); - test('multi-select with data list without label', async () => { + test('multi-select with data list without label', async ({page}) => { const example = documentationPage.getExample('#datalist'); const multiSelect = new TuiMultiSelectPO( example.locator('tui-multi-select').nth(1), @@ -59,9 +55,11 @@ test.describe('MultiSelect', () => { await multiSelect.arrow.click(); await documentationPage.waitStableState(); + await page.waitForTimeout(300); + await page.locator('tui-dropdown [tuiOption]').first().hover(); await expect(multiSelect.dropdown).toHaveScreenshot( - '03-with-data-list__without-label.png', + '03-with-data-list-without-label.png', ); }); @@ -144,7 +142,7 @@ test.describe('MultiSelect', () => { await documentationPage.waitStableState(); await expect(apiPageExample).toHaveScreenshot( - `06-update-on-${type}__1_initial.png`, + `06-update-on-${type}-1_initial.png`, ); await multiSelect.arrow.click(); @@ -153,35 +151,35 @@ test.describe('MultiSelect', () => { await documentationPage.waitStableState(); await expect(multiSelect.dropdown).toHaveScreenshot( - `06-update-on-${type}__2_selected-values.png`, + `06-update-on-${type}-2_selected-values.png`, ); await multiSelect.closeDropdown(); await documentationPage.waitStableState(); await expect(apiPageExample).toHaveScreenshot( - `06-update-on-${type}__3_hide-dropdown.png`, + `06-update-on-${type}-3_hide-dropdown.png`, ); await multiSelect.textfield.blur(); await documentationPage.waitStableState(); await expect(apiPageExample).toHaveScreenshot( - `06-update-on-${type}__4_blur-event.png`, + `06-update-on-${type}-4_blur-event.png`, ); await documentationPage.submitFormControlButton.click(); await documentationPage.waitStableState(); await expect(apiPageExample).toHaveScreenshot( - `06-update-on-${type}__5_submit-event.png`, + `06-update-on-${type}-5_submit-event.png`, ); await documentationPage.resetFormControlButton.click(); await documentationPage.waitStableState(); await expect(apiPageExample).toHaveScreenshot( - `06-update-on-${type}__6_reset.png`, + `06-update-on-${type}-6_reset.png`, ); }); }); diff --git a/projects/demo-playwright/tests/legacy/select/select.pw.spec.ts b/projects/demo-playwright/tests/legacy/select/select.pw.spec.ts index 11bd0fd76f99..3ffe54bd4b49 100644 --- a/projects/demo-playwright/tests/legacy/select/select.pw.spec.ts +++ b/projects/demo-playwright/tests/legacy/select/select.pw.spec.ts @@ -16,8 +16,10 @@ test.describe('Select', () => { test('checkmark size', async ({page}) => { const example = documentationPage.getExample('#template'); - const select = new TuiSelectPO(example.locator('tui-select').first()); + const selectLocator = example.locator('tui-select').first(); + const select = new TuiSelectPO(selectLocator); + await selectLocator.scrollIntoViewIfNeeded(); await select.textfield.click(); await expect(select.dropdown).toBeVisible(); @@ -32,8 +34,10 @@ test.describe('Select', () => { test('opens dropdown by click on icon', async ({page}) => { const example = documentationPage.getExample('#base'); - const select = new TuiSelectPO(example.locator('tui-select').last()); + const selectLocator = example.locator('tui-select').first(); + const select = new TuiSelectPO(selectLocator); + await selectLocator.scrollIntoViewIfNeeded(); await select.textfield.click({position: {x: 200, y: 30}}); await expect(select.dropdown).toBeVisible();