Feat/dark theme #286
Annotations
10 errors and 1 notice
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--filled
Error: Screenshot comparison failed:
275 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactEditForm/contacteditform--filled.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactEditForm-–-contacteditform--filled-chromium/ContactEditForm/contacteditform--filled-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactEditForm-–-contacteditform--filled-chromium/ContactEditForm/contacteditform--filled-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
- 275 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
- 275 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--filled
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
275 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactEditForm/contacteditform--filled.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactEditForm-–-contacteditform--filled-chromium-retry1/ContactEditForm/contacteditform--filled-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactEditForm-–-contacteditform--filled-chromium-retry1/ContactEditForm/contacteditform--filled-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
- 275 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
- 275 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--filled
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
275 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactEditForm/contacteditform--filled.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactEditForm-–-contacteditform--filled-chromium-retry2/ContactEditForm/contacteditform--filled-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactEditForm-–-contacteditform--filled-chromium-retry2/ContactEditForm/contacteditform--filled-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
- 275 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
- 275 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--one-item
Error: Screenshot comparison failed:
54 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactList/contactlist--one-item.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--one-item-chromium/ContactList/contactlist--one-item-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--one-item-chromium/ContactList/contactlist--one-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
- 54 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
- 54 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--one-item
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
54 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactList/contactlist--one-item.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--one-item-chromium-retry1/ContactList/contactlist--one-item-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--one-item-chromium-retry1/ContactList/contactlist--one-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
- 54 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
- 54 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--one-item
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
54 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactList/contactlist--one-item.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--one-item-chromium-retry2/ContactList/contactlist--one-item-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--one-item-chromium-retry2/ContactList/contactlist--one-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
- 54 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
- 54 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--few-items
Error: Screenshot comparison failed:
56 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactList/contactlist--few-items.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--few-items-chromium/ContactList/contactlist--few-items-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--few-items-chromium/ContactList/contactlist--few-items-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
- 56 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
- 56 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--few-items
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
56 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactList/contactlist--few-items.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--few-items-chromium-retry1/ContactList/contactlist--few-items-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--few-items-chromium-retry1/ContactList/contactlist--few-items-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
- 56 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
- 56 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--few-items
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
56 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactList/contactlist--few-items.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--few-items-chromium-retry2/ContactList/contactlist--few-items-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactList-–-contactlist--few-items-chromium-retry2/ContactList/contactlist--few-items-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
- 56 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
- 56 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
|
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
4) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactSelect – contactselect--default
Error: Screenshot comparison failed:
389 pixels (ratio 0.01 of all image pixels) are different.
Expected: /app/playwright/snapshots/ContactSelect/contactselect--default.png
Received: /app/test-results/screenshotTests-screenshotTest-ContactSelect-–-contactselect--default-chromium/ContactSelect/contactselect--default-actual.png
Diff: /app/test-results/screenshotTests-screenshotTest-ContactSelect-–-contactselect--default-chromium/ContactSelect/contactselect--default-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
- 389 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
- 389 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
|
|
Run screenshot tests on Docker
23 failed
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--filled
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--one-item ─
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--few-items
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactSelect – contactselect--default
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactTypeIcon – contacttypeicon--all-icons-in-list
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Header – header--default ────────────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--highlight-errors
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › HighlightInput – highlightinput--with-syntax-fail
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › NotificationList – notificationlist--default
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SearchSelector – searchselector--no-tag-for-result
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionEditor – subscriptioneditor--with-data
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionEditor – subscriptioneditor--with-degradation
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionEditor – subscriptioneditor--without-graph
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionEditor – subscriptioneditor--with-graph-in-dark-theme
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › SubscriptionEditor – subscriptioneditor--with-graph-in-light-theme
[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
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--empty
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--simple
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--advanced
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › TriggerEditForm – triggereditform--full-filled
133 passed (3.4m)
|
Loading