chore: update dependency @taiga-ui/design-tokens to v0.158.0

taiga-family · Dec 23, 2024 · e88b3e9 · e88b3e9
1 parent e3cfbc9
commit e88b3e9
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git 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
@@ -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,31 +31,33 @@ 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(),
             );
 
             await multiSelect.arrow.click();
             await documentationPage.waitStableState();
+            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),
             );
 
             await multiSelect.arrow.click();
             await documentationPage.waitStableState();
+            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 +140,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 +149,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`,
                     );
                 });
             });