Use ToggleGroupControl instead of ButtonGroup #719
Annotations
11 errors and 1 notice
|
Running e2e tests:
test/e2e/specs/global-setting.spec.ts#L103
1) [chromium] › specs/global-setting.spec.ts:22:2 › Global Setting › should output inline style reflecting the settings
Error: expect(received).toBe(expected) // Object.is equality
Expected: ".editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:center;vertical-align:bottom;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}"
Received: ".editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:left;vertical-align:middle;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}"
101 | } );
102 |
> 103 | expect( styleTagContent ).toBe(
| ^
104 | `.editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:center;vertical-align:bottom;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}`
105 | );
106 |
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/global-setting.spec.ts:103:29
|
Running e2e tests:
test/e2e/specs/global-setting.spec.ts#L103
1) [chromium] › specs/global-setting.spec.ts:22:2 › Global Setting › should output inline style reflecting the settings
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toBe(expected) // Object.is equality
Expected: ".editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:center;vertical-align:bottom;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}"
Received: ".editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:left;vertical-align:middle;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}"
101 | } );
102 |
> 103 | expect( styleTagContent ).toBe(
| ^
104 | `.editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:center;vertical-align:bottom;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}`
105 | );
106 |
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/global-setting.spec.ts:103:29
|
Running e2e tests:
test/e2e/specs/global-setting.spec.ts#L103
1) [chromium] › specs/global-setting.spec.ts:22:2 › Global Setting › should output inline style reflecting the settings
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toBe(expected) // Object.is equality
Expected: ".editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:center;vertical-align:bottom;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}"
Received: ".editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:left;vertical-align:middle;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}"
101 | } );
102 |
> 103 | expect( styleTagContent ).toBe(
| ^
104 | `.editor-styles-wrapper .wp-block-flexible-table-block-table>table{width:90%;max-width:110%;border-collapse:separate;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) th{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(odd) td{background-color:#111111;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) th{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table.is-style-stripes tbody tr:nth-child(even) td{background-color:#222222;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th,.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{padding:1em 2em 3em 4em;border-width:2px;border-style:dotted;border-color:#777777;text-align:center;vertical-align:bottom;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr th{color:#333333;background-color:#555555;}.editor-styles-wrapper .wp-block-flexible-table-block-table>table tr td{color:#444444;background-color:#666666;}`
105 | );
106 |
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/global-setting.spec.ts:103:29
|
Running e2e tests:
test/e2e/specs/table-style.spec.ts#L101
2) [chromium] › specs/table-style.spec.ts:206:2 › Styles › cell styles should be applied ─────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
Call log:
- waiting for getByRole('button', { name: 'TH', exact: true })
99 | await page.getByRole( 'button', { name: 'Align middle' } ).click();
100 | // Cell Tag element.
> 101 | await page.getByRole( 'button', { name: 'TH', exact: true } ).click();
| ^
102 | // Cell CSS class.
103 | await page.getByRole( 'textbox', { name: 'Cell CSS class(es)' } ).fill( 'custom' );
104 | // id, headers, scope getBlockAttributes.
at applyCellStyles (/home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:101:64)
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:215:3
|
Running e2e tests:
test/e2e/specs/table-style.spec.ts#L101
2) [chromium] › specs/table-style.spec.ts:206:2 › Styles › cell styles should be applied ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
Call log:
- waiting for getByRole('button', { name: 'TH', exact: true })
99 | await page.getByRole( 'button', { name: 'Align middle' } ).click();
100 | // Cell Tag element.
> 101 | await page.getByRole( 'button', { name: 'TH', exact: true } ).click();
| ^
102 | // Cell CSS class.
103 | await page.getByRole( 'textbox', { name: 'Cell CSS class(es)' } ).fill( 'custom' );
104 | // id, headers, scope getBlockAttributes.
at applyCellStyles (/home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:101:64)
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:215:3
|
Running e2e tests:
test/e2e/specs/table-style.spec.ts#L101
2) [chromium] › specs/table-style.spec.ts:206:2 › Styles › cell styles should be applied ─────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
Call log:
- waiting for getByRole('button', { name: 'TH', exact: true })
99 | await page.getByRole( 'button', { name: 'Align middle' } ).click();
100 | // Cell Tag element.
> 101 | await page.getByRole( 'button', { name: 'TH', exact: true } ).click();
| ^
102 | // Cell CSS class.
103 | await page.getByRole( 'textbox', { name: 'Cell CSS class(es)' } ).fill( 'custom' );
104 | // id, headers, scope getBlockAttributes.
at applyCellStyles (/home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:101:64)
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:215:3
|
Running e2e tests:
test/e2e/specs/table-style.spec.ts#L101
3) [chromium] › specs/table-style.spec.ts:219:2 › Styles › cell styles should be applied to multiple cells
TimeoutError: locator.click: Timeout 10000ms exceeded.
Call log:
- waiting for getByRole('button', { name: 'TH', exact: true })
99 | await page.getByRole( 'button', { name: 'Align middle' } ).click();
100 | // Cell Tag element.
> 101 | await page.getByRole( 'button', { name: 'TH', exact: true } ).click();
| ^
102 | // Cell CSS class.
103 | await page.getByRole( 'textbox', { name: 'Cell CSS class(es)' } ).fill( 'custom' );
104 | // id, headers, scope getBlockAttributes.
at applyCellStyles (/home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:101:64)
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:233:3
|
Running e2e tests:
test/e2e/specs/table-style.spec.ts#L101
3) [chromium] › specs/table-style.spec.ts:219:2 › Styles › cell styles should be applied to multiple cells
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
Call log:
- waiting for getByRole('button', { name: 'TH', exact: true })
99 | await page.getByRole( 'button', { name: 'Align middle' } ).click();
100 | // Cell Tag element.
> 101 | await page.getByRole( 'button', { name: 'TH', exact: true } ).click();
| ^
102 | // Cell CSS class.
103 | await page.getByRole( 'textbox', { name: 'Cell CSS class(es)' } ).fill( 'custom' );
104 | // id, headers, scope getBlockAttributes.
at applyCellStyles (/home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:101:64)
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:233:3
|
Running e2e tests:
test/e2e/specs/table-style.spec.ts#L101
3) [chromium] › specs/table-style.spec.ts:219:2 › Styles › cell styles should be applied to multiple cells
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.click: Timeout 10000ms exceeded.
Call log:
- waiting for getByRole('button', { name: 'TH', exact: true })
99 | await page.getByRole( 'button', { name: 'Align middle' } ).click();
100 | // Cell Tag element.
> 101 | await page.getByRole( 'button', { name: 'TH', exact: true } ).click();
| ^
102 | // Cell CSS class.
103 | await page.getByRole( 'textbox', { name: 'Cell CSS class(es)' } ).fill( 'custom' );
104 | // id, headers, scope getBlockAttributes.
at applyCellStyles (/home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:101:64)
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:233:3
|
Running e2e tests:
test/e2e/specs/table-style.spec.ts#L258
4) [chromium] › specs/table-style.spec.ts:237:2 › Styles › caption styles should be applied ──────
TimeoutError: locator.click: Timeout 10000ms exceeded.
Call log:
- waiting for locator('[aria-labelledby="flexible-table-block-caption-side-heading"]').getByRole('button', { name: 'Top' })
256 | .locator( '[aria-labelledby="flexible-table-block-caption-side-heading"]' )
257 | .getByRole( 'button', { name: 'Top' } )
> 258 | .click();
| ^
259 | await page.getByRole( 'button', { name: 'Align center' } ).click();
260 | expect( await editor.getEditedPostContent() ).toMatchSnapshot();
261 | } );
at /home/runner/work/flexible-table-block/flexible-table-block/test/e2e/specs/table-style.spec.ts:258:5
|
Running e2e tests
8 failed
[chromium] › specs/global-setting.spec.ts:22:2 › Global Setting › should output inline style reflecting the settings
[chromium] › specs/table-style.spec.ts:206:2 › Styles › cell styles should be applied ──────────
[chromium] › specs/table-style.spec.ts:219:2 › Styles › cell styles should be applied to multiple cells
[chromium] › specs/table-style.spec.ts:237:2 › Styles › caption styles should be applied ───────
[chromium] › specs/transform.spec.ts:209:2 › Transform from flexible table block › should be transformed to core table block with no style and class cells
[chromium] › specs/transform.spec.ts:246:2 › Transform from flexible table block › should be transformed to core table block with no unnecessary attributes cells
[chromium] › specs/transform.spec.ts:280:2 › Transform from flexible table block › should be transformed to core table block with appropriate tag cells
[chromium] › specs/transform.spec.ts:345:2 › Transform from flexible table block › should be transformed to core table block width no option caption text
29 passed (8.2m)
|
Loading