Skip to content

ColorPicker: improve UX of dragging the handle when in popover on top of the editor #85828

ColorPicker: improve UX of dragging the handle when in popover on top of the editor

ColorPicker: improve UX of dragging the handle when in popover on top of the editor #85828

Triggered via pull request October 9, 2023 10:55
Status Cancelled
Total duration 36m 15s
Artifacts 2

end2end-test.yml

on: pull_request
Matrix: e2e-playwright
Matrix: e2e-puppeteer
Report to GitHub
3m 5s
Report to GitHub
Fit to window
Zoom out
Zoom in

Annotations

7 errors and 4 notices
[chromium] › editor/blocks/cover.spec.js:74:2 › Cover › dims background image down by 50% with the average image color when an image is uploaded: test/e2e/specs/editor/blocks/cover.spec.js#L90
1) [chromium] › editor/blocks/cover.spec.js:74:2 › Cover › dims background image down by 50% with the average image color when an image is uploaded Error: expect(received).toHaveCSS(expected) Expected string: "rgb(179, 179, 179)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Cover' }).locator('.wp-block-cover__background') - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Cover' }).locator('.wp-block-cover__background') - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" 88 | const overlay = coverBlock.locator( '.wp-block-cover__background' ); 89 | > 90 | await expect( overlay ).toHaveCSS( | ^ 91 | 'background-color', 92 | 'rgb(179, 179, 179)' 93 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/cover.spec.js:90:27
[chromium] › editor/blocks/cover.spec.js:74:2 › Cover › dims background image down by 50% with the average image color when an image is uploaded: test/e2e/specs/editor/blocks/cover.spec.js#L90
1) [chromium] › editor/blocks/cover.spec.js:74:2 › Cover › dims background image down by 50% with the average image color when an image is uploaded Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toHaveCSS(expected) Expected string: "rgb(179, 179, 179)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Cover' }).locator('.wp-block-cover__background') - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Cover' }).locator('.wp-block-cover__background') - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" 88 | const overlay = coverBlock.locator( '.wp-block-cover__background' ); 89 | > 90 | await expect( overlay ).toHaveCSS( | ^ 91 | 'background-color', 92 | 'rgb(179, 179, 179)' 93 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/cover.spec.js:90:27
[chromium] › editor/blocks/cover.spec.js:74:2 › Cover › dims background image down by 50% with the average image color when an image is uploaded: test/e2e/specs/editor/blocks/cover.spec.js#L90
1) [chromium] › editor/blocks/cover.spec.js:74:2 › Cover › dims background image down by 50% with the average image color when an image is uploaded Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toHaveCSS(expected) Expected string: "rgb(179, 179, 179)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Cover' }).locator('.wp-block-cover__background') - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Cover' }).locator('.wp-block-cover__background') - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" - locator resolved to <span aria-hidden="true" class="wp-block-cover__backgr…></span> - unexpected value "rgb(255, 255, 255)" 88 | const overlay = coverBlock.locator( '.wp-block-cover__background' ); 89 | > 90 | await expect( overlay ).toHaveCSS( | ^ 91 | 'background-color', 92 | 'rgb(179, 179, 179)' 93 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/cover.spec.js:90:27
Playwright - 1
Process completed with exit code 1.
Playwright - 2
Canceling since a higher priority waiting request for 'End-to-End Tests-try/color-picker-dropdown-backdrop' exists
[chromium] › editor/various/autocomplete-and-mentions.spec.js:426:2 › Autocomplete (@firefox: test/e2e/specs/editor/various/autocomplete-and-mentions.spec.js#L461
1) [chromium] › editor/various/autocomplete-and-mentions.spec.js:426:2 › Autocomplete (@Firefox, @WebKit) › should insert elements from multiple completers in a single block Error: Timed out 5000ms waiting for expect(received).toBeVisible() Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('option', { name: 'Bilbo Baggins', selected: true }) - waiting for getByRole('option', { name: 'Bilbo Baggins', selected: true }) 459 | selected: true, 460 | } ) > 461 | ).toBeVisible(); | ^ 462 | await page.keyboard.press( 'Enter' ); 463 | 464 | await expect.poll( editor.getBlocks ).toMatchObject( [ at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/various/autocomplete-and-mentions.spec.js:461:5
Playwright - 2
The operation was canceled.
🎭 Playwright Run Summary
1 skipped 231 passed (16.4m)
🎭 Playwright Run Summary
1 failed [chromium] › editor/blocks/cover.spec.js:74:2 › Cover › dims background image down by 50% with the average image color when an image is uploaded 11 skipped 218 passed (19.4m)
🎭 Playwright Run Summary
2 skipped 220 passed (21.7m)
🎭 Playwright Run Summary
1 flaky [chromium] › editor/various/autocomplete-and-mentions.spec.js:426:2 › Autocomplete (@Firefox, @WebKit) › should insert elements from multiple completers in a single block 229 passed (23.9m)

Artifacts

Produced during runtime
Name Size
failures-artifacts Expired
8.37 MB
flaky-tests-report Expired
2.85 KB