Skip to content

Commit

Permalink
chore: update dependency @taiga-ui/design-tokens to v0.158.0
Browse files Browse the repository at this point in the history
  • Loading branch information
@taiga-family-bot @splincode
taiga-family-bot authored and splincode committed Dec 23, 2024
1 parent e3cfbc9 commit e2331b4
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 22 deletions.
8 changes: 4 additions & 4 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
32 changes: 15 additions & 17 deletions projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 () => {
Expand All @@ -37,31 +31,35 @@ 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.waitForTimeout(300);
await page.locator('tui-dropdown [tuiOption]').first().hover();

await expect(multiSelect.dropdown).toHaveScreenshot(

Check failure on line 45 in projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts

View workflow job for this annotation

GitHub Actions / Playwright / macos-latest / 9 of 9

[webkit] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label 

  2) [webkit] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label 
    Error: expect(locator).toHaveScreenshot(expected)

      53 pixels (ratio 0.01 of all image pixels) are different.

    Expected: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/legacy/multi-select/multi-select.pw.spec.ts-snapshots/02-with-data-list-with-label-webkit-darwin.png
    Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-webkit/02-with-data-list-with-label-actual.png
        Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-webkit/02-with-data-list-with-label-diff.png

    Call log:
      - expect.toHaveScreenshot(02-with-data-list-with-label.png) with timeout 5000ms
        - verifying given screenshot expectation
      - waiting for locator('tui-dropdown')
        - locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - 824 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('tui-dropdown')
        - locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - 824 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 250ms before taking screenshot
      - waiting for locator('tui-dropdown')
        - locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - 53 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 500ms before taking screenshot
      - waiting for locator('tui-dropdown')
        - locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - captured a stable screenshot
      - 53 pixels (ratio 0.01 of all image pixels) are different.


      43 |             await page.locator('tui-dropdown [tuiOption]').first().hover();
      44 |
    > 45 |             await expect(multiSelect.dropdown).toHaveScreenshot(
         |                                                ^
      46 |                 '02-with-data-list-with-label.png',
      47 |             );
      48 |         });
        at /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:45:48

Check failure on line 45 in projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts

View workflow job for this annotation

GitHub Actions / Playwright / macos-latest / 9 of 9

[webkit] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label 

  2) [webkit] › tests/legacy/multi-select/multi-select.pw.spec.ts:34:13 › MultiSelect › Examples › multi-select with data list with label 

    Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
    Error: expect(locator).toHaveScreenshot(expected)

      53 pixels (ratio 0.01 of all image pixels) are different.

    Expected: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/legacy/multi-select/multi-select.pw.spec.ts-snapshots/02-with-data-list-with-label-webkit-darwin.png
    Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-webkit-retry1/02-with-data-list-with-label-actual.png
        Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-legacy-multi-select--2d1d5-t-with-data-list-with-label-webkit-retry1/02-with-data-list-with-label-diff.png

    Call log:
      - expect.toHaveScreenshot(02-with-data-list-with-label.png) with timeout 5000ms
        - verifying given screenshot expectation
      - waiting for locator('tui-dropdown')
        - locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - 134555 pixels (ratio 0.30 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('tui-dropdown')
        - locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - 134578 pixels (ratio 0.30 of all image pixels) are different.
      - waiting 250ms before taking screenshot
      - waiting for locator('tui-dropdown')
        - locator resolved to <tui-dropdown data-appearance="" _nghost-ng-c452864359="" class="ng-tns-c452864359-45 ng-trigger ng-trigger-tuiDropdownAnimation ng-star-inserted">…</tui-dropdown>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - captured a stable screenshot
      - 53 pixels (ratio 0.01 of all image pixels) are different.


      43 |             await page.locator('tui-dropdown [tuiOption]').first().hover();
      44 |
    > 45 |             await expect(multiSelect.dropdown).toHaveScreenshot(
         |                                                ^
      46 |                 '02-with-data-list-with-label.png',
      47 |             );
      48 |         });
        at /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/multi-select/multi-select.pw.spec.ts:45:48
'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.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',
);
});

Expand Down Expand Up @@ -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();
Expand All @@ -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`,
);
});
});
Expand Down

0 comments on commit e2331b4

Please sign in to comment.