Interactivity API: update TS/JSDocs after migrating to the new store()
API
#89844
Annotations
10 errors and 1 notice
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L23
1) [chromium] › interactivity/directive-bind.spec.ts:21:6 › data-wp-bind › add missing href at hydration
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('add missing href at hydration')
Expected string: "/some-url"
Received string: ""
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('add missing href at hydration')
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
21 | test( 'add missing href at hydration', async ( { page } ) => {
22 | const el = page.getByTestId( 'add missing href at hydration' );
> 23 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
24 | } );
25 |
26 | test( 'change href at hydration', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:23:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L23
1) [chromium] › interactivity/directive-bind.spec.ts:21:6 › data-wp-bind › add missing href at hydration
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('add missing href at hydration')
Expected string: "/some-url"
Received string: ""
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('add missing href at hydration')
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
21 | test( 'add missing href at hydration', async ( { page } ) => {
22 | const el = page.getByTestId( 'add missing href at hydration' );
> 23 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
24 | } );
25 |
26 | test( 'change href at hydration', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:23:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L23
1) [chromium] › interactivity/directive-bind.spec.ts:21:6 › data-wp-bind › add missing href at hydration
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('add missing href at hydration')
Expected string: "/some-url"
Received string: ""
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('add missing href at hydration')
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
21 | test( 'add missing href at hydration', async ( { page } ) => {
22 | const el = page.getByTestId( 'add missing href at hydration' );
> 23 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
24 | } );
25 |
26 | test( 'change href at hydration', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:23:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L28
2) [chromium] › interactivity/directive-bind.spec.ts:26:6 › data-wp-bind › change href at hydration
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('change href at hydration')
Expected string: "/some-url"
Received string: "/other-url"
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('change href at hydration')
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
26 | test( 'change href at hydration', async ( { page } ) => {
27 | const el = page.getByTestId( 'change href at hydration' );
> 28 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
29 | } );
30 |
31 | test( 'update missing href at hydration', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:28:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L28
2) [chromium] › interactivity/directive-bind.spec.ts:26:6 › data-wp-bind › change href at hydration
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('change href at hydration')
Expected string: "/some-url"
Received string: "/other-url"
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('change href at hydration')
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
26 | test( 'change href at hydration', async ( { page } ) => {
27 | const el = page.getByTestId( 'change href at hydration' );
> 28 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
29 | } );
30 |
31 | test( 'update missing href at hydration', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:28:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L28
2) [chromium] › interactivity/directive-bind.spec.ts:26:6 › data-wp-bind › change href at hydration
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('change href at hydration')
Expected string: "/some-url"
Received string: "/other-url"
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('change href at hydration')
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
- locator resolved to <a href="/other-url" data-wp-bind--href="state.url"…></a>
- unexpected value "/other-url"
26 | test( 'change href at hydration', async ( { page } ) => {
27 | const el = page.getByTestId( 'change href at hydration' );
> 28 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
29 | } );
30 |
31 | test( 'update missing href at hydration', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:28:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L33
3) [chromium] › interactivity/directive-bind.spec.ts:31:6 › data-wp-bind › update missing href at hydration
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('add missing href at hydration')
Expected string: "/some-url"
Received string: ""
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('add missing href at hydration')
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
31 | test( 'update missing href at hydration', async ( { page } ) => {
32 | const el = page.getByTestId( 'add missing href at hydration' );
> 33 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
34 | await page.getByTestId( 'toggle' ).click();
35 | await expect( el ).toHaveAttribute( 'href', '/some-other-url' );
36 | } );
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:33:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L33
3) [chromium] › interactivity/directive-bind.spec.ts:31:6 › data-wp-bind › update missing href at hydration
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('add missing href at hydration')
Expected string: "/some-url"
Received string: ""
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('add missing href at hydration')
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
31 | test( 'update missing href at hydration', async ( { page } ) => {
32 | const el = page.getByTestId( 'add missing href at hydration' );
> 33 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
34 | await page.getByTestId( 'toggle' ).click();
35 | await expect( el ).toHaveAttribute( 'href', '/some-other-url' );
36 | } );
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:33:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L33
3) [chromium] › interactivity/directive-bind.spec.ts:31:6 › data-wp-bind › update missing href at hydration
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveAttribute(expected)
Locator: getByTestId('add missing href at hydration')
Expected string: "/some-url"
Received string: ""
Call log:
- expect.toHaveAttribute with timeout 5000ms
- waiting for getByTestId('add missing href at hydration')
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
- locator resolved to <a data-wp-bind--href="state.url" data-testid="add …></a>
- unexpected value "null"
31 | test( 'update missing href at hydration', async ( { page } ) => {
32 | const el = page.getByTestId( 'add missing href at hydration' );
> 33 | await expect( el ).toHaveAttribute( 'href', '/some-url' );
| ^
34 | await page.getByTestId( 'toggle' ).click();
35 | await expect( el ).toHaveAttribute( 'href', '/some-other-url' );
36 | } );
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:33:22
|
Run the tests:
test/e2e/specs/interactivity/directive-bind.spec.ts#L40
4) [chromium] › interactivity/directive-bind.spec.ts:38:6 › data-wp-bind › add missing checked at hydration
Error: Timed out 5000ms waiting for expect(locator).toBeChecked()
Locator: getByTestId('add missing checked at hydration')
Expected: checked
Received: unchecked
Call log:
- expect.toBeChecked with timeout 5000ms
- waiting for getByTestId('add missing checked at hydration')
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
- locator resolved to <input type="checkbox" data-wp-bind--checked="state.che…/>
- unexpected value "unchecked"
38 | test( 'add missing checked at hydration', async ( { page } ) => {
39 | const el = page.getByTestId( 'add missing checked at hydration' );
> 40 | await expect( el ).toBeChecked();
| ^
41 | } );
42 |
43 | test( 'remove existing checked at hydration', async ( { page } ) => {
at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/interactivity/directive-bind.spec.ts:40:22
|
Run the tests
35 failed
[chromium] › interactivity/directive-bind.spec.ts:21:6 › data-wp-bind › add missing href at hydration
[chromium] › interactivity/directive-bind.spec.ts:26:6 › data-wp-bind › change href at hydration
[chromium] › interactivity/directive-bind.spec.ts:31:6 › data-wp-bind › update missing href at hydration
[chromium] › interactivity/directive-bind.spec.ts:38:6 › data-wp-bind › add missing checked at hydration
[chromium] › interactivity/directive-bind.spec.ts:43:6 › data-wp-bind › remove existing checked at hydration
[chromium] › interactivity/directive-bind.spec.ts:48:6 › data-wp-bind › update existing checked
[chromium] › interactivity/directive-bind.spec.ts:70:6 › data-wp-bind › nested binds ───────────
[chromium] › interactivity/directive-bind.spec.ts:80:6 › data-wp-bind › check enumerated attributes with true/false values
[chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › width is correctly hydrated for different values
[chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › name is correctly hydrated for different values
[chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › value is correctly hydrated for different values
[chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › disabled is correctly hydrated for different values
[chromium] › interactivity/directive-bind.spec.ts:203:8 › data-wp-bind › attribute hydration › aria-disabled is correctly hydrated for different values
[chromium] › interactivity/directive-init.spec.ts:21:6 › data-wp-init › should run when the block renders
[chromium] › interactivity/directive-init.spec.ts:27:6 › data-wp-init › should not run again if accessed signals change
[chromium] › interactivity/directive-init.spec.ts:37:6 › data-wp-init › should run multiple inits if defined
[chromium] › interactivity/directive-init.spec.ts:43:6 › data-wp-init › should run the init callback when the element is unmounted
[chromium] › interactivity/directive-init.spec.ts:60:6 › data-wp-init › should run init when the element is mounted
[chromium] › interactivity/directive-key.spec.ts:21:6 › data-wp-key › should keep the elements when adding items to the start of the array
[chromium] › interactivity/directive-on.spec.ts:21:6 › data-wp-on › callbacks should run whenever the specified event is dispatched
[chromium] › interactivity/directive-on.spec.ts:31:6 › data-wp-on › callbacks should receive the dispatched event
[chromium] › interactivity/directive-on.spec.ts:39:6 › data-wp-on › callbacks should be able to access the context
[chromium] › interactivity/directive-on.spec.ts:47:6 › data-wp-on › should work with custom events
[chromium] › interactivity/directive-priorities.spec.ts:21:6 › Directives (w/ priority) › should run in priority order
[chromium] › interactivity/directive-priorities.spec.ts:28:6 › Directives (w/ priority) › should wrap those with less priority
[chromium] › interactivity/directive-priorities.spec.ts:42:6 › Directives (w/ priority) › should propagate element modifications top-down
[chromium] › interactivity/directive-priorities.spec.ts:85:6 › Directives (w/ priority) › should not create a Directives component if none of the directives are registered
[chromium] › interactivity/directive-slots.spec.ts:21:6 › data-wp-slot › should render the fill in its children by default
[chromium] › interactivity/directive-slots.spec.ts:42:6 › data-wp-slot › should render the fill before if specified
[chromium] › interactivity/directive-slots.spec.ts:62:6 › data-wp-slot › should render the fill after if specified
[chromium] › interactivity/directive-slots.spec.ts:82:6 › data-wp-slot › should render the fill in its children if specified
[chromium] › interactivity/directive-slots.spec.ts:103:6 › data-wp-slot › should be replaced by the fill if specified
[chromium] › interactiv
|
The logs for this run have expired and are no longer available.
Loading