wcs-core 7.2.2 → 7.4.0

package/dist/collection/components/form-field/form-field.e2e.js

@@ -1,122 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('Form field component', () => {
-    describe('Global', () => {
-        describe('Accessibility', () => {
-            it('Should put form-field label to aria-label of the spied element when non empty', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-input/>
-                    </wcs-form-field>
-                `);
-                // When
-                const input = await page.find('wcs-input >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = input.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field');
-            });
-            it('Should not put form-field label to aria-label of the spied element when empty', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label></wcs-label>
-                        <wcs-input/>
-                    </wcs-form-field>
-                `);
-                // When
-                const input = await page.find('wcs-input >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = input.getAttribute('aria-label');
-                expect(ariaLabel).toBe(null);
-            });
-            it('Should not concatenate form-field label with form control (switch, checkbox label when form-field label is empty', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label></wcs-label>
-                        <wcs-switch>Label switch</wcs-switch>
-                    </wcs-form-field>
-                `);
-                // When
-                const switchInput = await page.find('wcs-switch >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = switchInput.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label switch');
-            });
-        });
-    });
-    describe('With switch', () => {
-        describe('Accessibility', () => {
-            it('Should concatenate form-field label with switch label', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-switch>Label switch</wcs-switch>
-                    </wcs-form-field>
-                `);
-                // When
-                const switchInput = await page.find('wcs-switch >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = switchInput.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field Label switch');
-            });
-        });
-    });
-    describe('With checkbox', () => {
-        describe('Accessibility', () => {
-            it('Should concatenate form-field label with checkbox label', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-checkbox>Label checkbox</wcs-checkbox>
-                    </wcs-form-field>
-                `);
-                // When
-                const checkboxInput = await page.find('wcs-checkbox >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = checkboxInput.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field Label checkbox');
-            });
-        });
-    });
-    describe('With radio-group', () => {
-        describe('Accessibility', () => {
-            it('Should set aria-label on radio-group element', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-radio-group>
-                            <wcs-radio name="SA" label="SNCF" value="1"></wcs-radio>
-                            <wcs-radio name="SA" label="SNCF Réseau" value="2"></wcs-radio>
-                            <wcs-radio name="SA" label="SNCF Voyageurs" value="3"></wcs-radio>
-                        </wcs-radio>
-                        </wcs-radio-group>
-                    </wcs-form-field>
-                `);
-                // When
-                const radioGroup = await page.find('wcs-radio-group');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = radioGroup.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field');
-            });
-        });
-    });
-});
-//# sourceMappingURL=form-field.e2e.js.map

package/dist/collection/components/form-field/form-field.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.e2e.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;QACpB,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3B,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;gBAC3F,QAAQ;gBACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;gBAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;iBAKzB,CAAC,CAAC;gBAEH,OAAO;gBACP,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;gBACrD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACnD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YACH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;gBAC3F,QAAQ;gBACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;gBAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;iBAKzB,CAAC,CAAC;gBAEH,OAAO;gBACP,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;gBACrD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACnD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;YACH,EAAE,CAAC,kHAAkH,EAAE,KAAK,IAAI,EAAE;gBAC9H,QAAQ;gBACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;gBAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;iBAKzB,CAAC,CAAC;gBAEH,OAAO;gBACP,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;gBAC5D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACzD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QACzB,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3B,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;gBACnE,QAAQ;gBACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;gBAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;iBAKzB,CAAC,CAAC;gBAEH,OAAO;gBACP,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;gBAC5D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACzD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;YAC5D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC3B,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3B,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;gBACrE,QAAQ;gBACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;gBAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;iBAKzB,CAAC,CAAC;gBAEH,OAAO;gBACP,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;gBAChE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBAC3D,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;YAC9D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC9B,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;YAC3B,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;gBAC1D,QAAQ;gBACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;gBAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;;;;;;iBAUzB,CAAC,CAAC;gBAEH,OAAO;gBACP,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACtD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;gBAE5B,OAAO;gBACP,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACxD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('Form field component', () => {\n    describe('Global', () => {\n        describe('Accessibility', () => {\n            it('Should put form-field label to aria-label of the spied element when non empty', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-input/>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const input = await page.find('wcs-input >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = input.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field');\n            });\n            it('Should not put form-field label to aria-label of the spied element when empty', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label></wcs-label>\n                        <wcs-input/>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const input = await page.find('wcs-input >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = input.getAttribute('aria-label');\n                expect(ariaLabel).toBe(null);\n            });\n            it('Should not concatenate form-field label with form control (switch, checkbox label when form-field label is empty', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label></wcs-label>\n                        <wcs-switch>Label switch</wcs-switch>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const switchInput = await page.find('wcs-switch >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = switchInput.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label switch');\n            });\n        });\n    });\n    describe('With switch', () => {\n        describe('Accessibility', () => {\n            it('Should concatenate form-field label with switch label', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-switch>Label switch</wcs-switch>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const switchInput = await page.find('wcs-switch >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = switchInput.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field Label switch');\n            });\n        });\n    });\n\n    describe('With checkbox', () => {\n        describe('Accessibility', () => {\n            it('Should concatenate form-field label with checkbox label', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-checkbox>Label checkbox</wcs-checkbox>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const checkboxInput = await page.find('wcs-checkbox >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = checkboxInput.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field Label checkbox');\n            });\n        });\n    });\n    describe('With radio-group', () => {\n        describe('Accessibility', () => {\n            it('Should set aria-label on radio-group element', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-radio-group>\n                            <wcs-radio name=\"SA\" label=\"SNCF\" value=\"1\"></wcs-radio>\n                            <wcs-radio name=\"SA\" label=\"SNCF Réseau\" value=\"2\"></wcs-radio>\n                            <wcs-radio name=\"SA\" label=\"SNCF Voyageurs\" value=\"3\"></wcs-radio>\n                        </wcs-radio>\n                        </wcs-radio-group>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const radioGroup = await page.find('wcs-radio-group');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = radioGroup.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field');\n            });\n        });\n    });\n});\n"]}

package/dist/collection/components/grid/grid.e2e.js

@@ -1,147 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('Grid component', () => {
-    describe('Events', () => {
-        describe('simple', () => {
-            it('should emit a wcsGridSelectionChange event when a row is selected', async () => {
-                // Given
-                const page = await newE2EPage();
-                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }];
-                await setWcsContent(page, `
-                    <wcs-grid id="simpleGrid" selection-config="single" sort="">
-                        <wcs-grid-column path="first_name" name="First Name"></wcs-grid-column>
-                    </wcs-grid>
-                `);
-                const simpleGrid = await page.find('#simpleGrid');
-                simpleGrid.setProperty('data', data);
-                await page.waitForChanges();
-                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');
-                // When
-                const gridRadioFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td .grid-radio');
-                await gridRadioFirstRow.click();
-                // Then
-                expect(eventSpy)
-                    .toHaveReceivedEventDetail({
-                    selectedRows: [{ data: data[0], selected: true }], // compare by reference (deep equality)
-                    changedRow: {
-                        selected: true,
-                        data: data[0], // compare by reference (deep equality)
-                        // page is not present because we don't have any pagination with <wcs-grid-pagination>
-                    }
-                });
-            });
-        });
-        describe('multiple', () => {
-            it('should emit a wcsGridSelectionChange event when a row is selected', async () => {
-                // Given
-                const page = await newE2EPage();
-                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }];
-                await setWcsContent(page, `
-                    <wcs-grid id="simpleGrid" selection-config="multiple" sort="">
-                        <wcs-grid-column path="first_name" name="First Name"></wcs-grid-column>
-                    </wcs-grid>
-                `);
-                const simpleGrid = await page.find('#simpleGrid');
-                simpleGrid.setProperty('data', data);
-                await page.waitForChanges();
-                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');
-                // When
-                const wcsCheckboxFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td wcs-checkbox');
-                await wcsCheckboxFirstRow.click();
-                // Then
-                expect(eventSpy)
-                    .toHaveReceivedEventDetail({
-                    selectedRows: [{ data: data[0], selected: true }], // compare by reference (deep equality)
-                    changedRow: {
-                        selected: true,
-                        data: data[0], // compare by reference (deep equality)
-                        // page is not present because we don't have any pagination with <wcs-grid-pagination>
-                    }
-                });
-            });
-            it('should emit a wcsGridSelectionChange event when a row is unselected', async () => {
-                // Given
-                const page = await newE2EPage();
-                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }];
-                await setWcsContent(page, `
-                    <wcs-grid id="simpleGrid" selection-config="multiple" sort="">
-                        <wcs-grid-column path="first_name" name="First Name"></wcs-grid-column>
-                    </wcs-grid>
-                `);
-                const simpleGrid = await page.find('#simpleGrid');
-                simpleGrid.setProperty('data', data);
-                await page.waitForChanges();
-                const wcsCheckboxFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td wcs-checkbox');
-                await wcsCheckboxFirstRow.click(); // Row is selected
-                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');
-                // When
-                await wcsCheckboxFirstRow.click(); // Row is unselected
-                // Then
-                expect(eventSpy)
-                    .toHaveReceivedEventDetail({
-                    selectedRows: [],
-                    changedRow: {
-                        selected: false,
-                        data: data[0], // compare by reference (deep equality)
-                        // page is not present because we don't have any pagination with <wcs-grid-pagination>
-                    }
-                });
-            });
-            it('should emit a wcsGridSelectionChange event when a new row is selected while another are already selected', async () => {
-                // Given
-                const page = await newE2EPage();
-                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }];
-                await setWcsContent(page, `
-                    <wcs-grid id="simpleGrid" selection-config="multiple" sort="">
-                        <wcs-grid-column path="first_name" name="First Name"></wcs-grid-column>
-                    </wcs-grid>
-                `);
-                const simpleGrid = await page.find('#simpleGrid');
-                simpleGrid.setProperty('data', data);
-                await page.waitForChanges();
-                const wcsCheckboxFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td wcs-checkbox');
-                await wcsCheckboxFirstRow.click();
-                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');
-                // When
-                const wcsCheckboxLastChild = await page.find('wcs-grid >>> table tbody tr:last-child td wcs-checkbox');
-                await wcsCheckboxLastChild.click();
-                // Then
-                expect(eventSpy)
-                    .toHaveReceivedEventDetail({
-                    selectedRows: [{ data: data[0], selected: true }, { data: data[data.length - 1], selected: true }], // compare by reference (deep equality)
-                    changedRow: {
-                        selected: true,
-                        data: data[data.length - 1], // compare by reference (deep equality)
-                        // page is not present because we don't have any pagination with <wcs-grid-pagination>
-                    }
-                });
-            });
-            it('should emit a wcsGridSelectionChange event when all rows are selected', async () => {
-                // Given
-                const page = await newE2EPage();
-                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }];
-                await setWcsContent(page, `
-                    <wcs-grid id="simpleGrid" selection-config="multiple" sort="">
-                        <wcs-grid-column path="first_name" name="First Name"></wcs-grid-column>
-                    </wcs-grid>
-                `);
-                const simpleGrid = await page.find('#simpleGrid');
-                simpleGrid.setProperty('data', data);
-                await page.waitForChanges();
-                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');
-                // When
-                const wcsCheckboxAll = await page.find('wcs-grid >>> table thead th:first-child wcs-checkbox');
-                await wcsCheckboxAll.click();
-                // Then
-                expect(eventSpy)
-                    .toHaveReceivedEventDetail({
-                    selectedRows: data.map(d => {
-                        return { data: d, selected: true };
-                    }), // compare by reference (deep equality)
-                    changedRow: 'allCheckbox'
-                });
-            });
-        });
-    });
-});
-//# sourceMappingURL=grid.e2e.js.map

package/dist/collection/components/grid/grid.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.e2e.js","sourceRoot":"","sources":["../../../src/components/grid/grid.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('Grid component', () => {\n    describe('Events', () => {\n        describe('simple', () => {\n            it('should emit a wcsGridSelectionChange event when a row is selected', async () => {\n                // Given\n                const page = await newE2EPage();\n                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }]\n                await setWcsContent(page, `\n                    <wcs-grid id=\"simpleGrid\" selection-config=\"single\" sort=\"\">\n                        <wcs-grid-column path=\"first_name\" name=\"First Name\"></wcs-grid-column>\n                    </wcs-grid>\n                `);\n\n                const simpleGrid = await page.find('#simpleGrid');\n                simpleGrid.setProperty('data', data);\n                await page.waitForChanges();\n\n                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');\n\n                // When\n                const gridRadioFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td .grid-radio');\n\n                await gridRadioFirstRow.click();\n\n                // Then\n                expect(eventSpy)\n                    .toHaveReceivedEventDetail({\n                        selectedRows: [{ data: data[0], selected: true }], // compare by reference (deep equality)\n                        changedRow: {\n                            selected: true,\n                            data: data[0], // compare by reference (deep equality)\n                            // page is not present because we don't have any pagination with <wcs-grid-pagination>\n                        }\n                    });\n            });\n        });\n\n        describe('multiple', () => {\n            it('should emit a wcsGridSelectionChange event when a row is selected', async () => {\n                // Given\n                const page = await newE2EPage();\n                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }]\n                await setWcsContent(page, `\n                    <wcs-grid id=\"simpleGrid\" selection-config=\"multiple\" sort=\"\">\n                        <wcs-grid-column path=\"first_name\" name=\"First Name\"></wcs-grid-column>\n                    </wcs-grid>\n                `);\n\n                const simpleGrid = await page.find('#simpleGrid');\n                simpleGrid.setProperty('data', data);\n                await page.waitForChanges();\n\n                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');\n\n                // When\n                const wcsCheckboxFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td wcs-checkbox');\n                await wcsCheckboxFirstRow.click();\n\n                // Then\n                expect(eventSpy)\n                    .toHaveReceivedEventDetail({\n                        selectedRows: [{ data: data[0], selected: true }], // compare by reference (deep equality)\n                        changedRow: {\n                            selected: true,\n                            data: data[0], // compare by reference (deep equality)\n                            // page is not present because we don't have any pagination with <wcs-grid-pagination>\n                        }\n                    });\n            });\n            it('should emit a wcsGridSelectionChange event when a row is unselected', async () => {\n                // Given\n                const page = await newE2EPage();\n                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }]\n                await setWcsContent(page, `\n                    <wcs-grid id=\"simpleGrid\" selection-config=\"multiple\" sort=\"\">\n                        <wcs-grid-column path=\"first_name\" name=\"First Name\"></wcs-grid-column>\n                    </wcs-grid>\n                `);\n\n                const simpleGrid = await page.find('#simpleGrid');\n                simpleGrid.setProperty('data', data);\n                await page.waitForChanges();\n\n                const wcsCheckboxFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td wcs-checkbox');\n                await wcsCheckboxFirstRow.click(); // Row is selected\n\n                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');\n\n                // When\n                await wcsCheckboxFirstRow.click(); // Row is unselected\n\n                // Then\n                expect(eventSpy)\n                    .toHaveReceivedEventDetail({\n                        selectedRows: [],\n                        changedRow: {\n                            selected: false,\n                            data: data[0], // compare by reference (deep equality)\n                            // page is not present because we don't have any pagination with <wcs-grid-pagination>\n                        }\n                    });\n            });\n            it('should emit a wcsGridSelectionChange event when a new row is selected while another are already selected', async () => {\n                // Given\n                const page = await newE2EPage();\n                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }]\n                await setWcsContent(page, `\n                    <wcs-grid id=\"simpleGrid\" selection-config=\"multiple\" sort=\"\">\n                        <wcs-grid-column path=\"first_name\" name=\"First Name\"></wcs-grid-column>\n                    </wcs-grid>\n                `);\n\n                const simpleGrid = await page.find('#simpleGrid');\n                simpleGrid.setProperty('data', data);\n                await page.waitForChanges();\n\n                const wcsCheckboxFirstRow = await page.find('wcs-grid >>> table tbody tr:first-child td wcs-checkbox');\n                await wcsCheckboxFirstRow.click();\n\n                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');\n\n                // When\n                const wcsCheckboxLastChild = await page.find('wcs-grid >>> table tbody tr:last-child td wcs-checkbox');\n                await wcsCheckboxLastChild.click();\n\n                // Then\n                expect(eventSpy)\n                    .toHaveReceivedEventDetail({\n                        selectedRows: [{ data: data[0], selected: true }, { data: data[data.length - 1], selected: true }], // compare by reference (deep equality)\n                        changedRow: {\n                            selected: true,\n                            data: data[data.length - 1], // compare by reference (deep equality)\n                            // page is not present because we don't have any pagination with <wcs-grid-pagination>\n                        }\n                    });\n            });\n            it('should emit a wcsGridSelectionChange event when all rows are selected', async () => {\n                // Given\n                const page = await newE2EPage();\n                const data = [{ id: 1, first_name: 'John' }, { id: 2, first_name: 'Doe' }, { id: 3, first_name: 'Jane' }, { id: 4, first_name: 'Smith' }]\n                await setWcsContent(page, `\n                    <wcs-grid id=\"simpleGrid\" selection-config=\"multiple\" sort=\"\">\n                        <wcs-grid-column path=\"first_name\" name=\"First Name\"></wcs-grid-column>\n                    </wcs-grid>\n                `);\n\n                const simpleGrid = await page.find('#simpleGrid');\n                simpleGrid.setProperty('data', data);\n                await page.waitForChanges();\n\n                const eventSpy = await simpleGrid.spyOnEvent('wcsGridSelectionChange');\n\n                // When\n                const wcsCheckboxAll = await page.find('wcs-grid >>> table thead th:first-child wcs-checkbox');\n                await wcsCheckboxAll.click();\n\n                // Then\n                expect(eventSpy)\n                    .toHaveReceivedEventDetail({\n                        selectedRows: data.map(d => {\n                            return { data: d, selected: true };\n                        }), // compare by reference (deep equality)\n                        changedRow: 'allCheckbox'\n                    });\n            });\n        });\n    });\n});\n"]}

package/dist/collection/components/input/input.e2e.js

@@ -1,152 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('Input component', () => {
-    it('Should fire wcsInput event once when user typing one char', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" />
-        `);
-        const input = await page.find('wcs-input');
-        const inputEvent = await page.spyOnEvent('wcsInput');
-        // When
-        await input.click();
-        await input.press('B');
-        // Then
-        expect(inputEvent).toHaveReceivedEventTimes(1);
-    });
-    it('Should fire wcsInput event multiple times when user typing multiple chars', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" />
-        `);
-        const input = await page.find('wcs-input');
-        const inputEvent = await page.spyOnEvent('wcsInput');
-        // When
-        await input.click();
-        await input.press('B');
-        await input.press('o');
-        await input.press('n');
-        await input.press('j');
-        await input.press('o');
-        await input.press('u');
-        await input.press('r');
-        // Then
-        expect(inputEvent).toHaveReceivedEventTimes(7);
-    });
-    it('Should fire wcsChange event when user commit change with blur (tab)', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" />
-            <button>Focus</button>
-        `);
-        const input = await page.find('wcs-input');
-        const changeEvent = await page.spyOnEvent('wcsChange');
-        // When
-        await input.click();
-        await input.press('B');
-        await input.press('l');
-        await input.press('u');
-        await input.press('r');
-        await input.press('Tab');
-        await page.waitForChanges();
-        // Then
-        expect(changeEvent).toHaveReceivedEventTimes(1);
-        expect(changeEvent).toHaveReceivedEventDetail({ value: 'Blur' });
-    });
-    it('Should fire wcsChange event when user commit change with blur (click)', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1"></wcs-input>
-            <button>Focus</button>
-        `);
-        const input = await page.find('wcs-input');
-        const button = await page.find('button');
-        const changeEvent = await page.spyOnEvent('wcsChange');
-        // When
-        await input.click();
-        await input.press('B');
-        await input.press('l');
-        await input.press('u');
-        await input.press('r');
-        await button.focus();
-        // Then
-        expect(changeEvent).toHaveReceivedEventTimes(1);
-        expect(changeEvent).toHaveReceivedEventDetail({ value: 'Blur' });
-    });
-    it('Should fire wcsChange event when user commit change with enter', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" />
-        `);
-        const input = await page.find('wcs-input');
-        const changeEvent = await page.spyOnEvent('wcsChange');
-        // When
-        await input.click();
-        await input.press('E');
-        await input.press('n');
-        await input.press('t');
-        await input.press('e');
-        await input.press('r');
-        await input.press('Enter');
-        // Then
-        expect(changeEvent).toHaveReceivedEventTimes(1);
-        expect(changeEvent).toHaveReceivedEventDetail({ value: 'Enter' });
-    });
-    it('Should not fire wcsChange event when value is programmatically set', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" />
-        `);
-        const input = await page.find('wcs-input');
-        const changeEvent = await page.spyOnEvent('wcsChange');
-        // When
-        input.setProperty('value', 'Programmatically set value');
-        // Then
-        expect(changeEvent).toHaveReceivedEventTimes(0);
-    });
-    it('Should not fire wcsInput event when value is programmatically set', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" />
-        `);
-        const input = await page.find('wcs-input');
-        const inputEvent = await page.spyOnEvent('wcsInput');
-        // When
-        input.setProperty('value', 'Programmatically set value');
-        // Then
-        expect(inputEvent).toHaveReceivedEventTimes(0);
-    });
-    it('Should have a default value when value attribute is set', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" value="Default value" />
-        `);
-        const input = await page.find('wcs-input');
-        // Then
-        expect(await input.getProperty('value')).toBe('Default value');
-        expect(await (await page.find('wcs-input >>> input')).getProperty('value')).toBe('Default value');
-    });
-    it('Should have a default value when value property is set', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-input name="wcs-input-1" />
-        `);
-        const input = await page.find('wcs-input');
-        // When
-        input.setProperty('value', 'Default value');
-        await page.waitForChanges();
-        // Then
-        expect(await input.getProperty('value')).toBe('Default value');
-        expect(await (await page.find('wcs-input >>> input')).getProperty('value')).toBe('Default value');
-    });
-});
-//# sourceMappingURL=input.e2e.js.map

package/dist/collection/components/input/input.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.e2e.js","sourceRoot":"","sources":["../../../src/components/input/input.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('Input component', () => {\n    it('Should fire wcsInput event once when user typing one char', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" />\n        `);\n        const input = await page.find('wcs-input');\n        const inputEvent = await page.spyOnEvent('wcsInput');\n\n        // When\n        await input.click();\n        await input.press('B');\n\n        // Then\n        expect(inputEvent).toHaveReceivedEventTimes(1);\n    });\n    it('Should fire wcsInput event multiple times when user typing multiple chars', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" />\n        `);\n        const input = await page.find('wcs-input');\n        const inputEvent = await page.spyOnEvent('wcsInput');\n\n        // When\n        await input.click();\n        await input.press('B');\n        await input.press('o');\n        await input.press('n');\n        await input.press('j');\n        await input.press('o');\n        await input.press('u');\n        await input.press('r');\n\n        // Then\n        expect(inputEvent).toHaveReceivedEventTimes(7);\n    });\n    it('Should fire wcsChange event when user commit change with blur (tab)', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" />\n            <button>Focus</button>\n        `);\n        const input = await page.find('wcs-input');\n        const changeEvent = await page.spyOnEvent('wcsChange');\n\n        // When\n        await input.click();\n        await input.press('B');\n        await input.press('l');\n        await input.press('u');\n        await input.press('r');\n        await input.press('Tab');\n\n        await page.waitForChanges();\n\n        // Then\n        expect(changeEvent).toHaveReceivedEventTimes(1);\n        expect(changeEvent).toHaveReceivedEventDetail({ value: 'Blur' });\n    });\n    it('Should fire wcsChange event when user commit change with blur (click)', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\"></wcs-input>\n            <button>Focus</button>\n        `);\n        const input = await page.find('wcs-input');\n        const button = await page.find('button');\n        const changeEvent = await page.spyOnEvent('wcsChange');\n\n        // When\n        await input.click();\n        await input.press('B');\n        await input.press('l');\n        await input.press('u');\n        await input.press('r');\n        await button.focus();\n\n        // Then\n        expect(changeEvent).toHaveReceivedEventTimes(1);\n        expect(changeEvent).toHaveReceivedEventDetail({ value: 'Blur' });\n    });\n    it('Should fire wcsChange event when user commit change with enter', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" />\n        `);\n        const input = await page.find('wcs-input');\n        const changeEvent = await page.spyOnEvent('wcsChange');\n\n        // When\n        await input.click();\n        await input.press('E');\n        await input.press('n');\n        await input.press('t');\n        await input.press('e');\n        await input.press('r');\n        await input.press('Enter');\n\n        // Then\n        expect(changeEvent).toHaveReceivedEventTimes(1);\n        expect(changeEvent).toHaveReceivedEventDetail({ value: 'Enter' });\n    });\n    it('Should not fire wcsChange event when value is programmatically set', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" />\n        `);\n        const input = await page.find('wcs-input');\n        const changeEvent = await page.spyOnEvent('wcsChange');\n\n        // When\n        input.setProperty('value', 'Programmatically set value');\n\n        // Then\n        expect(changeEvent).toHaveReceivedEventTimes(0);\n    });\n    it('Should not fire wcsInput event when value is programmatically set', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" />\n        `);\n        const input = await page.find('wcs-input');\n        const inputEvent = await page.spyOnEvent('wcsInput');\n\n        // When\n        input.setProperty('value', 'Programmatically set value');\n\n        // Then\n        expect(inputEvent).toHaveReceivedEventTimes(0);\n    });\n    it('Should have a default value when value attribute is set', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" value=\"Default value\" />\n        `);\n        const input = await page.find('wcs-input');\n\n        // Then\n        expect(await input.getProperty('value')).toBe('Default value');\n        expect(await (await page.find('wcs-input >>> input')).getProperty('value')).toBe('Default value');\n    });\n    it('Should have a default value when value property is set', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-input name=\"wcs-input-1\" />\n        `);\n        const input = await page.find('wcs-input');\n\n        // When\n        input.setProperty('value', 'Default value');\n        await page.waitForChanges();\n\n        // Then\n        expect(await input.getProperty('value')).toBe('Default value');\n        expect(await (await page.find('wcs-input >>> input')).getProperty('value')).toBe('Default value');\n    });\n});\n"]}

package/dist/collection/components/modal/modal.e2e.js

@@ -1,36 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('modal', () => {
-    it('should trap the focus inside', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-modal show-close-button>
-                <wcs-input id="first-input" type="text"></wcs-input>
-                <wcs-button id="last-button" disabled class="wcs-primary" type="button">Envoyer</wcs-button>
-            </wcs-modal>
-        `); // Modal is opened by default in this test
-        const modal = await page.find('wcs-modal');
-        modal.setProperty('show', true);
-        await page.waitForChanges();
-        const button = await page.find('wcs-modal wcs-button');
-        const showCloseButton = await page.find('wcs-modal .wcs-modal-header wcs-button');
-        const input = await page.find('wcs-modal wcs-input');
-        // When / Then
-        let activeElementId = await page.evaluate(() => document.activeElement.id);
-        expect(activeElementId).toEqual(showCloseButton.id);
-        await page.keyboard.press('Tab');
-        activeElementId = await page.evaluate(() => document.activeElement.id);
-        expect(activeElementId).toEqual(input.id);
-        await page.keyboard.press('Tab');
-        activeElementId = await page.evaluate(() => document.activeElement.id);
-        expect(activeElementId).toEqual(showCloseButton.id);
-        await page.keyboard.press('Tab'); // input receives the focus
-        button.setProperty('disabled', false);
-        await page.waitForChanges();
-        await page.keyboard.press('Tab');
-        activeElementId = await page.evaluate(() => document.activeElement.id);
-        expect(activeElementId).toEqual(button.id);
-    });
-});
-//# sourceMappingURL=modal.e2e.js.map

package/dist/collection/components/modal/modal.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.e2e.js","sourceRoot":"","sources":["../../../src/components/modal/modal.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC1C,QAAQ;QACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;SAKzB,CAAC,CAAC,CAAC,0CAA0C;QAC9C,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC3C,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACvD,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;QAClF,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAErD,cAAc;QACd,IAAI,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QAC3E,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAEpD,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACjC,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACvE,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAE1C,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACjC,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACvE,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAEpD,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,2BAA2B;QAE7D,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QACtC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACjC,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACvE,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('modal', () => {\n    it('should trap the focus inside', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-modal show-close-button>\n                <wcs-input id=\"first-input\" type=\"text\"></wcs-input>\n                <wcs-button id=\"last-button\" disabled class=\"wcs-primary\" type=\"button\">Envoyer</wcs-button>\n            </wcs-modal>\n        `); // Modal is opened by default in this test\n        const modal = await page.find('wcs-modal');\n        modal.setProperty('show', true);\n        await page.waitForChanges();\n\n        const button = await page.find('wcs-modal wcs-button');\n        const showCloseButton = await page.find('wcs-modal .wcs-modal-header wcs-button');\n        const input = await page.find('wcs-modal wcs-input');\n\n        // When / Then\n        let activeElementId = await page.evaluate(() => document.activeElement.id);\n        expect(activeElementId).toEqual(showCloseButton.id);\n\n        await page.keyboard.press('Tab');\n        activeElementId = await page.evaluate(() => document.activeElement.id);\n        expect(activeElementId).toEqual(input.id);\n\n        await page.keyboard.press('Tab');\n        activeElementId = await page.evaluate(() => document.activeElement.id);\n        expect(activeElementId).toEqual(showCloseButton.id);\n\n        await page.keyboard.press('Tab'); // input receives the focus\n\n        button.setProperty('disabled', false);\n        await page.waitForChanges();\n\n        await page.keyboard.press('Tab');\n        activeElementId = await page.evaluate(() => document.activeElement.id);\n        expect(activeElementId).toEqual(button.id);\n    });\n});\n"]}