1) [chromium] › interactivity/directive-style.spec.ts:21:6 › data-wp-style › dont change style if callback returns same value on hydration Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('dont change style if callback returns same value on hydration') Expected string: "color: red; background: green;" Received string: "background: green; color: red;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('dont change style if callback returns same value on hydration') - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" 25 | 'dont change style if callback returns same value on hydration' 26 | ); > 27 | await expect( el ).toHaveAttribute( | ^ 28 | 'style', 29 | 'color: red; background: green;' 30 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:27:22

1) [chromium] › interactivity/directive-style.spec.ts:21:6 › data-wp-style › dont change style if callback returns same value on hydration Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('dont change style if callback returns same value on hydration') Expected string: "color: red; background: green;" Received string: "background: green; color: red;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('dont change style if callback returns same value on hydration') - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" 25 | 'dont change style if callback returns same value on hydration' 26 | ); > 27 | await expect( el ).toHaveAttribute( | ^ 28 | 'style', 29 | 'color: red; background: green;' 30 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:27:22

1) [chromium] › interactivity/directive-style.spec.ts:21:6 › data-wp-style › dont change style if callback returns same value on hydration Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('dont change style if callback returns same value on hydration') Expected string: "color: red; background: green;" Received string: "background: green; color: red;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('dont change style if callback returns same value on hydration') - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Don’t change style if callback returns same value…</div> - unexpected value "background: green; color: red;" 25 | 'dont change style if callback returns same value on hydration' 26 | ); > 27 | await expect( el ).toHaveAttribute( | ^ 28 | 'style', 29 | 'color: red; background: green;' 30 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:27:22

2) [chromium] › interactivity/directive-style.spec.ts:33:6 › data-wp-style › remove style if callback returns falsy value on hydration Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('remove style if callback returns falsy value on hydration') Expected string: "background: green;" Received string: "background:green;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('remove style if callback returns falsy value on hydration') - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" 37 | 'remove style if callback returns falsy value on hydration' 38 | ); > 39 | await expect( el ).toHaveAttribute( 'style', 'background: green;' ); | ^ 40 | } ); 41 | 42 | test( 'change style if callback returns a new value on hydration', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:39:22

2) [chromium] › interactivity/directive-style.spec.ts:33:6 › data-wp-style › remove style if callback returns falsy value on hydration Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('remove style if callback returns falsy value on hydration') Expected string: "background: green;" Received string: "background:green;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('remove style if callback returns falsy value on hydration') - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" 37 | 'remove style if callback returns falsy value on hydration' 38 | ); > 39 | await expect( el ).toHaveAttribute( 'style', 'background: green;' ); | ^ 40 | } ); 41 | 42 | test( 'change style if callback returns a new value on hydration', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:39:22

2) [chromium] › interactivity/directive-style.spec.ts:33:6 › data-wp-style › remove style if callback returns falsy value on hydration Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('remove style if callback returns falsy value on hydration') Expected string: "background: green;" Received string: "background:green;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('remove style if callback returns falsy value on hydration') - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" - locator resolved to <div data-wp-style--color="state.falseValue" data-tes…>Remove style if callback returns falsy value on h…</div> - unexpected value "background:green;" 37 | 'remove style if callback returns falsy value on hydration' 38 | ); > 39 | await expect( el ).toHaveAttribute( 'style', 'background: green;' ); | ^ 40 | } ); 41 | 42 | test( 'change style if callback returns a new value on hydration', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:39:22

3) [chromium] › interactivity/directive-style.spec.ts:42:6 › data-wp-style › change style if callback returns a new value on hydration Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('change style if callback returns a new value on hydration') Expected string: "color: red; background: green;" Received string: "background: green; color: red;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('change style if callback returns a new value on hydration') - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" 46 | 'change style if callback returns a new value on hydration' 47 | ); > 48 | await expect( el ).toHaveAttribute( | ^ 49 | 'style', 50 | 'color: red; background: green;' 51 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:48:22

3) [chromium] › interactivity/directive-style.spec.ts:42:6 › data-wp-style › change style if callback returns a new value on hydration Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('change style if callback returns a new value on hydration') Expected string: "color: red; background: green;" Received string: "background: green; color: red;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('change style if callback returns a new value on hydration') - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" 46 | 'change style if callback returns a new value on hydration' 47 | ); > 48 | await expect( el ).toHaveAttribute( | ^ 49 | 'style', 50 | 'color: red; background: green;' 51 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:48:22

3) [chromium] › interactivity/directive-style.spec.ts:42:6 › data-wp-style › change style if callback returns a new value on hydration Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('change style if callback returns a new value on hydration') Expected string: "color: red; background: green;" Received string: "background: green; color: red;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('change style if callback returns a new value on hydration') - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" - locator resolved to <div data-wp-style--color="state.color" data-testid="…>Change style if callback returns a new value on h…</div> - unexpected value "background: green; color: red;" 46 | 'change style if callback returns a new value on hydration' 47 | ); > 48 | await expect( el ).toHaveAttribute( | ^ 49 | 'style', 50 | 'color: red; background: green;' 51 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:48:22

4) [chromium] › interactivity/directive-style.spec.ts:89:6 › data-wp-style › can toggle style in the middle Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected) Locator: getByTestId('can toggle style in the middle') Expected string: "color: blue; background: red; border: 1px solid black;" Received string: "color: blue; border: 1px solid black; background: red;" Call log: - expect.toHaveAttribute with timeout 5000ms - waiting for getByTestId('can toggle style in the middle') - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" - locator resolved to <div data-wp-style--background="state.color" data-tes…>Can toggle style in the middle</div> - unexpected value "color: blue; border: 1px solid black; background: red;" 89 | test( 'can toggle style in the middle', async ( { page } ) => { 90 | const el = page.getByTestId( 'can toggle style in the middle' ); > 91 | await expect( el ).toHaveAttribute( | ^ 92 | 'style', 93 | 'color: blue; background: red; border: 1px solid black;' 94 | ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-style.spec.ts:91:22

Failed to CreateArtifact: Received non-retryable error: Failed request: (409) Conflict: an artifact with this name already exists on the workflow run

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c, actions/cache@88522ab9f39a2ea568f7027eddc7d8d8bc9d59c8. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.