feat/group subs enabling #317
unit-and-screenshot-tests.yml
on: pull_request
Unit and screenshot tests
3m 49s
Annotations
10 errors and 1 notice
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--defualt:
playwright/helpers/expectToMatchScreenshot.ts#L11
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--defualt
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--defualt.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--defualt-chromium/SubscriptionList/subscriptionlist--defualt-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--defualt-chromium/SubscriptionList/subscriptionlist--defualt-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--defualt:
playwright/helpers/expectToMatchScreenshot.ts#L11
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--defualt
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--defualt.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--defualt-chromium-retry1/SubscriptionList/subscriptionlist--defualt-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--defualt-chromium-retry1/SubscriptionList/subscriptionlist--defualt-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--defualt:
playwright/helpers/expectToMatchScreenshot.ts#L11
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--defualt
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--defualt.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--defualt-chromium-retry2/SubscriptionList/subscriptionlist--defualt-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--defualt-chromium-retry2/SubscriptionList/subscriptionlist--defualt-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-disabled-item:
playwright/helpers/expectToMatchScreenshot.ts#L11
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-disabled-item
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--with-disabled-item.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-disabled-item-chromium/SubscriptionList/subscriptionlist--with-disabled-item-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-disabled-item-chromium/SubscriptionList/subscriptionlist--with-disabled-item-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-disabled-item:
playwright/helpers/expectToMatchScreenshot.ts#L11
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-disabled-item
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--with-disabled-item.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-disabled-item-chromium-retry1/SubscriptionList/subscriptionlist--with-disabled-item-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-disabled-item-chromium-retry1/SubscriptionList/subscriptionlist--with-disabled-item-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-disabled-item:
playwright/helpers/expectToMatchScreenshot.ts#L11
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-disabled-item
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--with-disabled-item.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-disabled-item-chromium-retry2/SubscriptionList/subscriptionlist--with-disabled-item-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-disabled-item-chromium-retry2/SubscriptionList/subscriptionlist--with-disabled-item-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--few-channels-for-subscription:
playwright/helpers/expectToMatchScreenshot.ts#L11
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--few-channels-for-subscription
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--few-channels-for-subscription.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--few-channels-for-subscription-chromium/SubscriptionList/subscriptionlist--few-channels-for-subscription-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--few-channels-for-subscription-chromium/SubscriptionList/subscriptionlist--few-channels-for-subscription-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--few-channels-for-subscription:
playwright/helpers/expectToMatchScreenshot.ts#L11
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--few-channels-for-subscription
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--few-channels-for-subscription.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--few-channels-for-subscription-chromium-retry1/SubscriptionList/subscriptionlist--few-channels-for-subscription-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--few-channels-for-subscription-chromium-retry1/SubscriptionList/subscriptionlist--few-channels-for-subscription-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--few-channels-for-subscription:
playwright/helpers/expectToMatchScreenshot.ts#L11
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--few-channels-for-subscription
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--few-channels-for-subscription.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--few-channels-for-subscription-chromium-retry2/SubscriptionList/subscriptionlist--few-channels-for-subscription-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--few-channels-for-subscription-chromium-retry2/SubscriptionList/subscriptionlist--few-channels-for-subscription-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-many-tags:
playwright/helpers/expectToMatchScreenshot.ts#L11
4) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-many-tags
Error: Screenshot comparison failed:
604 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/SubscriptionList/subscriptionlist--with-many-tags.png
Received: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-many-tags-chromium/SubscriptionList/subscriptionlist--with-many-tags-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-SubscriptionList-–-subscriptionlist--with-many-tags-chromium/SubscriptionList/subscriptionlist--with-many-tags-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root"></div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is not visible - waiting...
- element is visible and stable
- 604 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#storybook-root')
- locator resolved to <div id="storybook-root">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 604 pixels (ratio 0.01 of all image pixels) are different.
at helpers/expectToMatchScreenshot.ts:11
9 | } else {
10 | const element = page.locator("#storybook-root");
> 11 | await expect(element).toHaveScreenshot([component, `${story}.png`]);
| ^
12 | }
13 | }
14 |
at expectToMatchScreenshot (/app/playwright/helpers/expectToMatchScreenshot.ts:11:31)
at /app/playwright/screenshotTests/screenshotTest.spec.ts:10:42
|
🎭 Playwright Run Summary
4 failed
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--defualt
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-disabled-item
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--few-channels-for-subscription
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionList – subscriptionlist--with-many-tags
152 passed (1.9m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
screenshots-report
|
2.01 MB |
|