Feat/dark theme #289
Annotations
10 errors and 1 notice
|
Run screenshot tests on Docker:
playwright/helpers/expectToMatchScreenshot.ts#L11
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › AddingButton – addingbutton--default
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /app/playwright/snapshots/AddingButton/addingbutton--default.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...
- Timeout 5000ms exceeded.
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/screenshotTests/screenshotTest.spec.ts#L9
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › AddingButton – addingbutton--default
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=addingbutton--default
Call log:
- navigating to "http://localhost:9001/iframe.html?id=addingbutton--default", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
1) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › AddingButton – addingbutton--default
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=addingbutton--default
Call log:
- navigating to "http://localhost:9001/iframe.html?id=addingbutton--default", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Bar – bar--default ─────────────────
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=bar--default
Call log:
- navigating to "http://localhost:9001/iframe.html?id=bar--default", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Bar – bar--default ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=bar--default
Call log:
- navigating to "http://localhost:9001/iframe.html?id=bar--default", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
2) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Bar – bar--default ─────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=bar--default
Call log:
- navigating to "http://localhost:9001/iframe.html?id=bar--default", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--empty
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=contacteditform--empty
Call log:
- navigating to "http://localhost:9001/iframe.html?id=contacteditform--empty", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--empty
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=contacteditform--empty
Call log:
- navigating to "http://localhost:9001/iframe.html?id=contacteditform--empty", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
3) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--empty
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=contacteditform--empty
Call log:
- navigating to "http://localhost:9001/iframe.html?id=contacteditform--empty", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker:
playwright/screenshotTests/screenshotTest.spec.ts#L9
4) [chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--filled
Error: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:9001/iframe.html?id=contacteditform--filled
Call log:
- navigating to "http://localhost:9001/iframe.html?id=contacteditform--filled", waiting until "load"
7 | stories.forEach((story) => {
8 | test(`${component} – ${story}`, async ({ page }) => {
> 9 | await page.goto(getStoryURL(story));
| ^
10 | await expectToMatchScreenshot(page, component, story);
11 | });
12 | });
at /app/playwright/screenshotTests/screenshotTest.spec.ts:9:24
|
|
Run screenshot tests on Docker
156 failed
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › AddingButton – addingbutton--default
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Bar – bar--default ──────────────────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--empty
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactEditForm – contacteditform--filled
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactList – contactlist--empty ────
[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 › ContactList – contactlist--invalid-item
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ContactSelect – contactselect--empty
[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 › EventList – eventlist--default ──────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Footer – footer--default ────────────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › FormattedNumberInput – formattednumberinput--default
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › FormattedNumberInput – formattednumberinput--with-value
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › FormattedNumberInput – formattednumberinput--with-edit-format
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › FormattedNumberInput – formattednumberinput--with-view-and-edit-format
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › FormattedNumberInput – formattednumberinput--with-custom-align
[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 › ItemsStack – itemsstack--row-stack ──
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ItemsStack – itemsstack--column-stack
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Layout – layout--default ────────────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Layout – layout--with-error ─────────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Layout – layout--with-plate ─────────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Layout – layout--with-paging ────────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › Layout – layout--with-plate-and-paging
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › MaintenanceSelect – maintenanceselect--custom-maintenance-menu
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › MaintenanceSelect – maintenanceselect--custom-maintenance-menu-with-initial-maintenance
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › MetricList – metriclist--default ────
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › MetricList – metriclist--with-status-indicator
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › MetricList – metriclist--with-remove-all-nodata
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › MetricStateChart – metricstatechart--default
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ModalError – modalerror--error-hidden
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › ModalError – modalerror--error-shown
[chromium] › screenshotTests/screenshotTest.spec.ts:8:13 › NotificationList – notificationlist--default
[chromium] › screenshotTests/screenshotTest.spec
|
Loading