Interactivity API: Defer hydration until node is scrolled near the viewport #122461
Annotations
10 errors, 1 warning, and 1 notice
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L317
1) [chromium] › interactivity/directive-each.spec.ts:302:6 › data-wp-each › should work on navigation
Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected)
Locator: getByTestId('navigation-updated list').getByTestId('item')
- Expected - 3
+ Received + 3
Array [
- "b",
- "c",
- "d",
+ "beta",
+ "gamma",
+ "delta",
]
Call log:
- expect.toHaveText with timeout 5000ms
- waiting for getByTestId('navigation-updated list').getByTestId('item')
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
315 | );
316 |
> 317 | await expect( elements ).toHaveText( [ 'b', 'c', 'd' ] );
| ^
318 |
319 | await page
320 | .getByTestId( 'navigation-updated list' )
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:317:28
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L317
1) [chromium] › interactivity/directive-each.spec.ts:302:6 › data-wp-each › should work on navigation
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected)
Locator: getByTestId('navigation-updated list').getByTestId('item')
- Expected - 3
+ Received + 3
Array [
- "b",
- "c",
- "d",
+ "beta",
+ "gamma",
+ "delta",
]
Call log:
- expect.toHaveText with timeout 5000ms
- waiting for getByTestId('navigation-updated list').getByTestId('item')
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
315 | );
316 |
> 317 | await expect( elements ).toHaveText( [ 'b', 'c', 'd' ] );
| ^
318 |
319 | await page
320 | .getByTestId( 'navigation-updated list' )
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:317:28
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L317
1) [chromium] › interactivity/directive-each.spec.ts:302:6 › data-wp-each › should work on navigation
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected)
Locator: getByTestId('navigation-updated list').getByTestId('item')
- Expected - 3
+ Received + 3
Array [
- "b",
- "c",
- "d",
+ "beta",
+ "gamma",
+ "delta",
]
Call log:
- expect.toHaveText with timeout 5000ms
- waiting for getByTestId('navigation-updated list').getByTestId('item')
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
- locator resolved to 3 elements
315 | );
316 |
> 317 | await expect( elements ).toHaveText( [ 'b', 'c', 'd' ] );
| ^
318 |
319 | await page
320 | .getByTestId( 'navigation-updated list' )
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:317:28
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L500
2) [chromium] › interactivity/directive-each.spec.ts:491:6 › data-wp-each › directives inside elements with `wp-each-child` should not run
Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected)
Locator: getByTestId('elements with directives').getByTestId('item')
Expected string: "beta"
Received string: ""
Call log:
- expect.toHaveText with timeout 5000ms
- waiting for getByTestId('elements with directives').getByTestId('item')
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
498 | .getByTestId( 'elements with directives' )
499 | .getByTestId( 'callbackRunCount' );
> 500 | await expect( element ).toHaveText( 'beta' );
| ^
501 | await expect( callbackRunCount ).toHaveText( '1' );
502 | } );
503 |
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:500:27
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L500
2) [chromium] › interactivity/directive-each.spec.ts:491:6 › data-wp-each › directives inside elements with `wp-each-child` should not run
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected)
Locator: getByTestId('elements with directives').getByTestId('item')
Expected string: "beta"
Received string: ""
Call log:
- expect.toHaveText with timeout 5000ms
- waiting for getByTestId('elements with directives').getByTestId('item')
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
498 | .getByTestId( 'elements with directives' )
499 | .getByTestId( 'callbackRunCount' );
> 500 | await expect( element ).toHaveText( 'beta' );
| ^
501 | await expect( callbackRunCount ).toHaveText( '1' );
502 | } );
503 |
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:500:27
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L500
2) [chromium] › interactivity/directive-each.spec.ts:491:6 › data-wp-each › directives inside elements with `wp-each-child` should not run
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected)
Locator: getByTestId('elements with directives').getByTestId('item')
Expected string: "beta"
Received string: ""
Call log:
- expect.toHaveText with timeout 5000ms
- waiting for getByTestId('elements with directives').getByTestId('item')
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
- locator resolved to <div data-testid="item" data-wp-each-child="" data-wp-text="context.item" data-wp-priority-2-init="callbacks.updateCallbackRunCount"></div>
- unexpected value ""
498 | .getByTestId( 'elements with directives' )
499 | .getByTestId( 'callbackRunCount' );
> 500 | await expect( element ).toHaveText( 'beta' );
| ^
501 | await expect( callbackRunCount ).toHaveText( '1' );
502 | } );
503 |
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:500:27
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L532
3) [chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-array
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: getByTestId('each-with-array').getByText('an', { exact: true })
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for getByTestId('each-with-array').getByText('an', { exact: true })
530 | await expect(
531 | element.getByText( value, { exact: true } )
> 532 | ).toBeVisible();
| ^
533 | }
534 | } );
535 | }
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:532:7
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L532
3) [chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-array
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: getByTestId('each-with-array').getByText('an', { exact: true })
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for getByTestId('each-with-array').getByText('an', { exact: true })
530 | await expect(
531 | element.getByText( value, { exact: true } )
> 532 | ).toBeVisible();
| ^
533 | }
534 | } );
535 | }
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:532:7
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L532
3) [chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-array
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: getByTestId('each-with-array').getByText('an', { exact: true })
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for getByTestId('each-with-array').getByText('an', { exact: true })
530 | await expect(
531 | element.getByText( value, { exact: true } )
> 532 | ).toBeVisible();
| ^
533 | }
534 | } );
535 | }
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:532:7
|
Run the tests:
test/e2e/specs/interactivity/directive-each.spec.ts#L532
4) [chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-set
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: getByTestId('each-with-set').getByText('a', { exact: true })
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for getByTestId('each-with-set').getByText('a', { exact: true })
530 | await expect(
531 | element.getByText( value, { exact: true } )
> 532 | ).toBeVisible();
| ^
533 | }
534 | } );
535 | }
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-each.spec.ts:532:7
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run the tests
6 failed
[chromium] › interactivity/directive-each.spec.ts:302:6 › data-wp-each › should work on navigation
[chromium] › interactivity/directive-each.spec.ts:491:6 › data-wp-each › directives inside elements with `wp-each-child` should not run
[chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-array
[chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-set
[chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-string
[chromium] › interactivity/directive-each.spec.ts:525:7 › data-wp-each › support different each iterable values: each-with-generator
2 skipped
194 passed (8.6m)
|
Loading