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

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

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

2) [chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text Error: expect(received).toHaveCSS(expected) Expected string: "rgb(255, 255, 255)" Received string: "rgba(0, 0, 0, 0)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }) - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }) - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" 395 | 396 | // Submenu background color. > 397 | await expect( submenuWrapper ).toHaveCSS( | ^ 398 | 'background-color', 399 | submenuBackgroundColor 400 | ); at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:397:34) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:3

2) [chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toHaveCSS(expected) Expected string: "rgb(255, 255, 255)" Received string: "rgba(0, 0, 0, 0)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }) - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }) - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" 395 | 396 | // Submenu background color. > 397 | await expect( submenuWrapper ).toHaveCSS( | ^ 398 | 'background-color', 399 | submenuBackgroundColor 400 | ); at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:397:34) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:3

2) [chromium] › editor/blocks/navigation-colors.spec.js:57:2 › Navigation colors › All navigation links should default to the body color and submenus and mobile overlay should default to a white background with black text Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toHaveCSS(expected) Expected string: "rgb(255, 255, 255)" Received string: "rgba(0, 0, 0, 0)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }) - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }) - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <div tabindex="0" role="document" data-title="Custom …>…</div> - unexpected value "rgba(0, 0, 0, 0)" 395 | 396 | // Submenu background color. > 397 | await expect( submenuWrapper ).toHaveCSS( | ^ 398 | 'background-color', 399 | submenuBackgroundColor 400 | ); at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:397:34) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:69:3

3) [chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text Error: expect(received).toHaveCSS(expected) Expected string: "rgb(0, 0, 0)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" 392 | 393 | // Submenu link color. > 394 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor ); | ^ 395 | 396 | // Submenu background color. 397 | await expect( submenuWrapper ).toHaveCSS( at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:394:31) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3

3) [chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toHaveCSS(expected) Expected string: "rgb(0, 0, 0)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" 392 | 393 | // Submenu link color. > 394 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor ); | ^ 395 | 396 | // Submenu background color. 397 | await expect( submenuWrapper ).toHaveCSS( at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:394:31) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3

3) [chromium] › editor/blocks/navigation-colors.spec.js:78:2 › Navigation colors › Top level navigation links inherit the text color from the theme/group but do not apply to the submenu or overlay text Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toHaveCSS(expected) Expected string: "rgb(0, 0, 0)" Received string: "rgb(255, 255, 255)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - waiting for frameLocator('[name="editor-canvas"]').getByRole('document', { name: 'Block: Custom Link' }).filter({ hasText: 'Submenu Link' }).locator('a').filter({ hasText: 'Submenu Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(255, 255, 255)" 392 | 393 | // Submenu link color. > 394 | await expect( submenuLink ).toHaveCSS( 'color', submenuTextColor ); | ^ 395 | 396 | // Submenu background color. 397 | await expect( submenuWrapper ).toHaveCSS( at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:394:31) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:122:3

4) [chromium] › editor/blocks/navigation-colors.spec.js:131:2 › Navigation colors › Navigation text does not inherit the link color from the theme/group Error: expect(received).toHaveCSS(expected) Expected string: "rgb(0, 0, 0)" Received string: "rgb(207, 46, 46)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - waiting for frameLocator('[name="editor-canvas"]').locator('a').filter({ hasText: 'Custom Link' }) - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" - locator resolved to <a class="wp-block-navigation-item__content">…</a> - unexpected value "rgb(207, 46, 46)" 370 | .filter( { hasText: 'Page Link' } ); 371 | > 372 | await expect( customLink ).toHaveCSS( 'color', textColor ); | ^ 373 | await expect( pageLink ).toHaveCSS( 'color', textColor ); 374 | // Navigation background. 375 | const navigationWrapper = this.editor.canvas.getByRole( 'document', { at ColorControl.testEditorColors (/home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:372:30) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/navigation-colors.spec.js:178:22