1) [chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › value is correctly hydrated for different values Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 Array [ "true", - null, + "", ] 222 | name 223 | ); > 224 | expect( [ type, hydratedAttr ] ).toEqual( [ | ^ 225 | type, 226 | attrValue, 227 | ] ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:224:39

1) [chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › value is correctly hydrated for different values Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 Array [ "true", - null, + "", ] 222 | name 223 | ); > 224 | expect( [ type, hydratedAttr ] ).toEqual( [ | ^ 225 | type, 226 | attrValue, 227 | ] ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:224:39

1) [chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › value is correctly hydrated for different values Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 Array [ "true", - null, + "", ] 222 | name 223 | ); > 224 | expect( [ type, hydratedAttr ] ).toEqual( [ | ^ 225 | type, 226 | attrValue, 227 | ] ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:224:39

2) [chromium] › interactivity/directive-class.spec.ts:21:6 › data-wp-class › remove class if callback returns falsy value Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected) Locator: getByTestId('remove class if callback returns falsy value') Expected string: "foo bar" Received string: " bar foo" Call log: - expect.toHaveClass with timeout 5000ms - waiting for getByTestId('remove class if callback returns falsy value') - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" 27 | await expect( el ).toHaveClass( 'bar' ); 28 | await page.getByTestId( 'toggle falseValue' ).click(); > 29 | await expect( el ).toHaveClass( 'foo bar' ); | ^ 30 | await page.getByTestId( 'toggle falseValue' ).click(); 31 | await expect( el ).toHaveClass( 'bar' ); 32 | } ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-class.spec.ts:29:22

2) [chromium] › interactivity/directive-class.spec.ts:21:6 › data-wp-class › remove class if callback returns falsy value Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected) Locator: getByTestId('remove class if callback returns falsy value') Expected string: "foo bar" Received string: " bar foo" Call log: - expect.toHaveClass with timeout 5000ms - waiting for getByTestId('remove class if callback returns falsy value') - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" 27 | await expect( el ).toHaveClass( 'bar' ); 28 | await page.getByTestId( 'toggle falseValue' ).click(); > 29 | await expect( el ).toHaveClass( 'foo bar' ); | ^ 30 | await page.getByTestId( 'toggle falseValue' ).click(); 31 | await expect( el ).toHaveClass( 'bar' ); 32 | } ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-class.spec.ts:29:22

2) [chromium] › interactivity/directive-class.spec.ts:21:6 › data-wp-class › remove class if callback returns falsy value Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected) Locator: getByTestId('remove class if callback returns falsy value') Expected string: "foo bar" Received string: " bar foo" Call log: - expect.toHaveClass with timeout 5000ms - waiting for getByTestId('remove class if callback returns falsy value') - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" - locator resolved to <div class=" bar foo" data-wp-class--foo="state.false…></div> - unexpected value " bar foo" 27 | await expect( el ).toHaveClass( 'bar' ); 28 | await page.getByTestId( 'toggle falseValue' ).click(); > 29 | await expect( el ).toHaveClass( 'foo bar' ); | ^ 30 | await page.getByTestId( 'toggle falseValue' ).click(); 31 | await expect( el ).toHaveClass( 'bar' ); 32 | } ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-class.spec.ts:29:22

3) [chromium] › interactivity/directive-class.spec.ts:71:6 › data-wp-class › can toggle class in the middle Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected) Locator: getByTestId('can toggle class in the middle') Expected string: "foo bar baz" Received string: "foo baz bar" Call log: - expect.toHaveClass with timeout 5000ms - waiting for getByTestId('can toggle class in the middle') - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" 71 | test( 'can toggle class in the middle', async ( { page } ) => { 72 | const el = page.getByTestId( 'can toggle class in the middle' ); > 73 | await expect( el ).toHaveClass( 'foo bar baz' ); | ^ 74 | await page.getByTestId( 'toggle trueValue' ).click(); 75 | await expect( el ).toHaveClass( 'foo baz' ); 76 | await page.getByTestId( 'toggle trueValue' ).click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-class.spec.ts:73:22

3) [chromium] › interactivity/directive-class.spec.ts:71:6 › data-wp-class › can toggle class in the middle Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected) Locator: getByTestId('can toggle class in the middle') Expected string: "foo bar baz" Received string: "foo baz bar" Call log: - expect.toHaveClass with timeout 5000ms - waiting for getByTestId('can toggle class in the middle') - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" 71 | test( 'can toggle class in the middle', async ( { page } ) => { 72 | const el = page.getByTestId( 'can toggle class in the middle' ); > 73 | await expect( el ).toHaveClass( 'foo bar baz' ); | ^ 74 | await page.getByTestId( 'toggle trueValue' ).click(); 75 | await expect( el ).toHaveClass( 'foo baz' ); 76 | await page.getByTestId( 'toggle trueValue' ).click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-class.spec.ts:73:22

3) [chromium] › interactivity/directive-class.spec.ts:71:6 › data-wp-class › can toggle class in the middle Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected) Locator: getByTestId('can toggle class in the middle') Expected string: "foo bar baz" Received string: "foo baz bar" Call log: - expect.toHaveClass with timeout 5000ms - waiting for getByTestId('can toggle class in the middle') - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" - locator resolved to <div class="foo baz bar" data-wp-class--bar="state.tr…></div> - unexpected value "foo baz bar" 71 | test( 'can toggle class in the middle', async ( { page } ) => { 72 | const el = page.getByTestId( 'can toggle class in the middle' ); > 73 | await expect( el ).toHaveClass( 'foo bar baz' ); | ^ 74 | await page.getByTestId( 'toggle trueValue' ).click(); 75 | await expect( el ).toHaveClass( 'foo baz' ); 76 | await page.getByTestId( 'toggle trueValue' ).click(); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-class.spec.ts:73:22

4) [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/router-regions.spec.ts:28:6 › Router regions › should be the only part hydrated Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected) Locator: getByTestId('no-region-text-1') Expected string: "not hydrated" Received string: "" Call log: - expect.toHaveText with timeout 5000ms - waiting for getByTestId('no-region-text-1') - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" 34 | await expect( region1Text ).toHaveText( 'hydrated' ); 35 | await expect( region2Text ).toHaveText( 'hydrated' ); > 36 | await expect( noRegionText1 ).toHaveText( 'not hydrated' ); | ^ 37 | await expect( noRegionText2 ).toHaveText( 'not hydrated' ); 38 | } ); 39 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/router-regions.spec.ts:36:33

1) [chromium] › interactivity/router-regions.spec.ts:28:6 › Router regions › should be the only part hydrated Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected) Locator: getByTestId('no-region-text-1') Expected string: "not hydrated" Received string: "" Call log: - expect.toHaveText with timeout 5000ms - waiting for getByTestId('no-region-text-1') - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" 34 | await expect( region1Text ).toHaveText( 'hydrated' ); 35 | await expect( region2Text ).toHaveText( 'hydrated' ); > 36 | await expect( noRegionText1 ).toHaveText( 'not hydrated' ); | ^ 37 | await expect( noRegionText2 ).toHaveText( 'not hydrated' ); 38 | } ); 39 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/router-regions.spec.ts:36:33

1) [chromium] › interactivity/router-regions.spec.ts:28:6 › Router regions › should be the only part hydrated Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected) Locator: getByTestId('no-region-text-1') Expected string: "not hydrated" Received string: "" Call log: - expect.toHaveText with timeout 5000ms - waiting for getByTestId('no-region-text-1') - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" - locator resolved to <p data-testid="no-region-text-1" data-wp-text="sta…></p> - unexpected value "" 34 | await expect( region1Text ).toHaveText( 'hydrated' ); 35 | await expect( region2Text ).toHaveText( 'hydrated' ); > 36 | await expect( noRegionText1 ).toHaveText( 'not hydrated' ); | ^ 37 | await expect( noRegionText2 ).toHaveText( 'not hydrated' ); 38 | } ); 39 | at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/router-regions.spec.ts:36:33

Process completed with exit code 1.

No artifacts found matching pattern 'flaky-tests-report*'

3 skipped 145 passed (8.0m)

8 failed [chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › value is correctly hydrated for different values [chromium] › interactivity/directive-class.spec.ts:21:6 › data-wp-class › remove class if callback returns falsy value [chromium] › interactivity/directive-class.spec.ts:71:6 › data-wp-class › can toggle class in the middle [chromium] › interactivity/directive-style.spec.ts:21:6 › data-wp-style › dont change style if callback returns same value on hydration [chromium] › interactivity/directive-style.spec.ts:33:6 › data-wp-style › remove style if callback returns falsy value on hydration [chromium] › interactivity/directive-style.spec.ts:42:6 › data-wp-style › change style if callback returns a new value on hydration [chromium] › interactivity/directive-style.spec.ts:89:6 › data-wp-style › can toggle style in the middle [chromium] › interactivity/directive-style.spec.ts:112:6 › data-wp-style › can use context values 3 skipped 174 passed (8.3m)

190 passed (9.6m)

1 skipped 189 passed (9.5m)

1 skipped 187 passed (9.6m)

182 passed (9.4m)

1 skipped 188 passed (9.7m)