wcs-core 7.2.2 → 7.4.0

package/dist/collection/components/alert-drawer/alert-drawer.e2e.js

@@ -1,111 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-const WAITING_DELAY_BEFORE_ASSERTIONS = 1000;
-describe('alert-drawer', () => {
-    it('should show an alert when using show() method', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-alert-drawer position="bottom-right"></wcs-alert-drawer>
-        `);
-        const alertDrawer = await page.find('wcs-alert-drawer');
-        // When
-        await alertDrawer.callMethod('show', {
-            title: 'Test Title',
-            subtitle: 'Test Subtitle',
-            intent: 'success',
-            showProgressBar: false,
-            timeout: 0
-        });
-        await page.waitForChanges();
-        // Then
-        const alert = await page.find('wcs-alert-drawer >>> wcs-alert');
-        expect(alert).not.toBeNull();
-        const title = await page.find('wcs-alert-drawer >>> wcs-alert > [slot="title"]');
-        const subtitle = await page.find('wcs-alert-drawer >>> wcs-alert > [slot="subtitle"]');
-        expect(title.textContent).toBe('Test Title');
-        expect(subtitle.textContent).toBe('Test Subtitle');
-    });
-    it('should close the alert after timeout', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-alert-drawer></wcs-alert-drawer>
-        `);
-        const alertDrawer = await page.find('wcs-alert-drawer');
-        // When
-        await alertDrawer.callMethod('show', {
-            title: 'Test Title',
-            subtitle: 'Test Subtitle',
-            intent: 'success',
-            showProgressBar: false,
-            timeout: 100 // Short timeout for testing
-        });
-        await page.waitForChanges();
-        // Wait for the alert to be removed
-        await new Promise(resolve => setTimeout(resolve, WAITING_DELAY_BEFORE_ASSERTIONS)); // Wait a bit longer than the timeout
-        // Then
-        const alert = await page.find('wcs-alert-drawer >>> wcs-alert');
-        expect(alert).toBeNull();
-    });
-    it('should show progress bar when showProgressBar is true', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-alert-drawer></wcs-alert-drawer>
-        `);
-        const alertDrawer = await page.find('wcs-alert-drawer');
-        // When
-        await alertDrawer.callMethod('show', {
-            title: 'Test Title',
-            subtitle: 'Test Subtitle',
-            intent: 'success',
-            showProgressBar: true,
-            timeout: 5000
-        });
-        await page.waitForChanges();
-        // Then
-        const progressBar = await page.find('wcs-alert-drawer >>> wcs-alert >>> .progress-bar');
-        expect(progressBar).not.toBeNull();
-    });
-    it('should have correct ARIA attributes for accessibility', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-alert-drawer></wcs-alert-drawer>
-        `);
-        const alertDrawer = await page.find('wcs-alert-drawer');
-        // Then
-        expect(alertDrawer.getAttribute('role')).toBe('region');
-        expect(alertDrawer.getAttribute('aria-live')).toBe('polite');
-        expect(alertDrawer.getAttribute('aria-atomic')).toBe('true');
-    });
-    it('should handle multiple alerts', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-alert-drawer></wcs-alert-drawer>
-        `);
-        const alertDrawer = await page.find('wcs-alert-drawer');
-        // When
-        await alertDrawer.callMethod('show', {
-            title: 'First Alert',
-            subtitle: 'First Subtitle',
-            intent: 'success',
-            showProgressBar: false,
-            timeout: 0
-        });
-        await alertDrawer.callMethod('show', {
-            title: 'Second Alert',
-            subtitle: 'Second Subtitle',
-            intent: 'warning',
-            showProgressBar: false,
-            timeout: 0
-        });
-        await page.waitForChanges();
-        // Then
-        const alerts = await page.findAll('wcs-alert-drawer >>> wcs-alert');
-        expect(alerts.length).toBe(2);
-    });
-});
-//# sourceMappingURL=alert-drawer.e2e.js.map

package/dist/collection/components/alert-drawer/alert-drawer.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-drawer.e2e.js","sourceRoot":"","sources":["../../../src/components/alert-drawer/alert-drawer.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from '../../utils/tests';\n\nconst WAITING_DELAY_BEFORE_ASSERTIONS = 1_000;\n\ndescribe('alert-drawer', () => {\n    it('should show an alert when using show() method', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-alert-drawer position=\"bottom-right\"></wcs-alert-drawer>\n        `);\n        const alertDrawer = await page.find('wcs-alert-drawer');\n\n        // When\n        await alertDrawer.callMethod('show', {\n            title: 'Test Title',\n            subtitle: 'Test Subtitle',\n            intent: 'success',\n            showProgressBar: false,\n            timeout: 0\n        });\n        await page.waitForChanges();\n\n        // Then\n        const alert = await page.find('wcs-alert-drawer >>> wcs-alert');\n        expect(alert).not.toBeNull();\n        const title = await page.find('wcs-alert-drawer >>> wcs-alert > [slot=\"title\"]');\n        const subtitle = await page.find('wcs-alert-drawer >>> wcs-alert > [slot=\"subtitle\"]');\n        expect(title.textContent).toBe('Test Title');\n        expect(subtitle.textContent).toBe('Test Subtitle');\n    });\n\n    it('should close the alert after timeout', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-alert-drawer></wcs-alert-drawer>\n        `);\n        const alertDrawer = await page.find('wcs-alert-drawer');\n\n        // When\n        await alertDrawer.callMethod('show', {\n            title: 'Test Title',\n            subtitle: 'Test Subtitle',\n            intent: 'success',\n            showProgressBar: false,\n            timeout: 100 // Short timeout for testing\n        });\n        await page.waitForChanges();\n\n        // Wait for the alert to be removed\n        await new Promise(resolve => setTimeout(resolve, WAITING_DELAY_BEFORE_ASSERTIONS)); // Wait a bit longer than the timeout\n\n        // Then\n        const alert = await page.find('wcs-alert-drawer >>> wcs-alert');\n        expect(alert).toBeNull();\n    });\n\n    it('should show progress bar when showProgressBar is true', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-alert-drawer></wcs-alert-drawer>\n        `);\n        const alertDrawer = await page.find('wcs-alert-drawer');\n\n        // When\n        await alertDrawer.callMethod('show', {\n            title: 'Test Title',\n            subtitle: 'Test Subtitle',\n            intent: 'success',\n            showProgressBar: true,\n            timeout: 5000\n        });\n        await page.waitForChanges();\n\n        // Then\n        const progressBar = await page.find('wcs-alert-drawer >>> wcs-alert >>> .progress-bar');\n        expect(progressBar).not.toBeNull();\n    });\n\n    it('should have correct ARIA attributes for accessibility', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-alert-drawer></wcs-alert-drawer>\n        `);\n        const alertDrawer = await page.find('wcs-alert-drawer');\n\n        // Then\n        expect(alertDrawer.getAttribute('role')).toBe('region');\n        expect(alertDrawer.getAttribute('aria-live')).toBe('polite');\n        expect(alertDrawer.getAttribute('aria-atomic')).toBe('true');\n    });\n\n    it('should handle multiple alerts', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-alert-drawer></wcs-alert-drawer>\n        `);\n        const alertDrawer = await page.find('wcs-alert-drawer');\n\n        // When\n        await alertDrawer.callMethod('show', {\n            title: 'First Alert',\n            subtitle: 'First Subtitle',\n            intent: 'success',\n            showProgressBar: false,\n            timeout: 0\n        });\n        await alertDrawer.callMethod('show', {\n            title: 'Second Alert',\n            subtitle: 'Second Subtitle',\n            intent: 'warning',\n            showProgressBar: false,\n            timeout: 0\n        });\n        await page.waitForChanges();\n\n        // Then\n        const alerts = await page.findAll('wcs-alert-drawer >>> wcs-alert');\n        expect(alerts.length).toBe(2);\n    });\n});\n"]}

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

@@ -1,223 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { EXPAND_BTN_ARIA_LABEL_DEFAULT } from "./breadcrumb-constants";
-import { setWcsContent } from "../../utils/tests";
-describe('breadcrumb collapse', () => {
-    it('should hide breadcrumb item and respect default values for itemsBeforeCollapse and itemsAfterCollapse props', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb max-items="3">
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="detail-item">Details</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        await page.waitForChanges();
-        const homeItem = await page.find('.home-item');
-        const trainItem = await page.find('.train-item');
-        const ticketItem = await page.find('.ticket-item');
-        const detail = await page.find('.detail-item');
-        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken
-        // into account with the isVisible() method
-        expect(homeItem.getAttribute("slot")).toEqual("items-before-expand-btn");
-        expect(trainItem.getAttribute("slot")).toEqual("hidden-items");
-        expect(ticketItem.getAttribute("slot")).toEqual("items-after-expand-btn");
-        expect(detail.getAttribute("slot")).toEqual("items-after-expand-btn");
-    });
-    it('should hide breadcrumb item and respect user values for itemsBeforeCollapse and itemsAfterCollapse props', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb max-items="3" items-before-collapse="2" items-after-collapse="1">
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="detail-item">Details</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        await page.waitForChanges();
-        const homeItem = await page.find('.home-item');
-        const trainItem = await page.find('.train-item');
-        const ticketItem = await page.find('.ticket-item');
-        const detail = await page.find('.detail-item');
-        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken
-        // into account with the isVisible() method
-        expect(homeItem.getAttribute("slot")).toEqual("items-before-expand-btn");
-        expect(trainItem.getAttribute("slot")).toEqual("items-before-expand-btn");
-        expect(ticketItem.getAttribute("slot")).toEqual("hidden-items");
-        expect(detail.getAttribute("slot")).toEqual("items-after-expand-btn");
-    });
-    it('shouldn\'t hide breadcrumb item if max item attribute is not defined', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb>
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="detail-item">Details</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        await page.waitForChanges();
-        const homeItem = await page.find('.home-item');
-        const trainItem = await page.find('.train-item');
-        const ticketItem = await page.find('.ticket-item');
-        const detail = await page.find('.detail-item');
-        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken
-        // into account with the isVisible() method
-        expect(homeItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(trainItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(ticketItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(detail.getAttribute("slot")).toEqual("non-collapsed");
-    });
-    it('sould hide appended breadcrumb item', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb max-items="3">
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        await page.waitForChanges();
-        await page.evaluate(() => {
-            const breadcrumbItem = document.createElement('wcs-breadcrumb-item');
-            breadcrumbItem.classList.add('detail-item');
-            breadcrumbItem.textContent = 'Details';
-            const breadcrumb = document.querySelector('wcs-breadcrumb');
-            breadcrumb.appendChild(breadcrumbItem);
-        });
-        await page.waitForChanges();
-        const homeItem = await page.find('.home-item');
-        const trainItem = await page.find('.train-item');
-        const ticketItem = await page.find('.ticket-item');
-        const detail = await page.find('.detail-item');
-        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken
-        // into account with the isVisible() method
-        expect(homeItem.getAttribute("slot")).toEqual("items-before-expand-btn");
-        expect(trainItem.getAttribute("slot")).toEqual("hidden-items");
-        expect(ticketItem.getAttribute("slot")).toEqual("items-after-expand-btn");
-        expect(detail.getAttribute("slot")).toEqual("items-after-expand-btn");
-    });
-    it('should display all breadcrumb items when the max-items prop is mutated in js', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb max-items="3">
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="detail-item">Details</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        await page.waitForChanges();
-        const homeItem = await page.find('.home-item');
-        const trainItem = await page.find('.train-item');
-        const ticketItem = await page.find('.ticket-item');
-        const detail = await page.find('.detail-item');
-        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken
-        // into account with the isVisible() method
-        expect(homeItem.getAttribute("slot")).toEqual("items-before-expand-btn");
-        expect(trainItem.getAttribute("slot")).toEqual("hidden-items");
-        expect(ticketItem.getAttribute("slot")).toEqual("items-after-expand-btn");
-        expect(detail.getAttribute("slot")).toEqual("items-after-expand-btn");
-        const breadcrumb = await page.find('wcs-breadcrumb');
-        breadcrumb.setProperty('maxItems', undefined);
-        await page.waitForChanges();
-        expect(homeItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(trainItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(ticketItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(detail.getAttribute("slot")).toEqual("non-collapsed");
-    });
-    it('should collapse all breadcrumb items when the max-items prop is mutated in js', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb>
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="detail-item">Details</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        await page.waitForChanges();
-        const homeItem = await page.find('.home-item');
-        const trainItem = await page.find('.train-item');
-        const ticketItem = await page.find('.ticket-item');
-        const detail = await page.find('.detail-item');
-        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken
-        // into account with the isVisible() method
-        expect(homeItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(trainItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(ticketItem.getAttribute("slot")).toEqual("non-collapsed");
-        expect(detail.getAttribute("slot")).toEqual("non-collapsed");
-        const breadcrumb = await page.find('wcs-breadcrumb');
-        breadcrumb.setProperty('maxItems', 3);
-        await page.waitForChanges();
-        expect(homeItem.getAttribute("slot")).toEqual("items-before-expand-btn");
-        expect(trainItem.getAttribute("slot")).toEqual("hidden-items");
-        expect(ticketItem.getAttribute("slot")).toEqual("items-after-expand-btn");
-        expect(detail.getAttribute("slot")).toEqual("items-after-expand-btn");
-    });
-    it('should expand collapsed items when user click on expand button', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb max-items="3">
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="detail-item">Details</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        await page.waitForChanges();
-        const nav = await page.find('wcs-breadcrumb >>> nav');
-        const expandBtn = await page.find(`wcs-breadcrumb >>> button[aria-label="${EXPAND_BTN_ARIA_LABEL_DEFAULT}"]`);
-        await expandBtn.click();
-        await page.waitForChanges();
-        expect(nav).toHaveClass('show-hidden-items');
-    });
-    it('should update aria-label attribute after the first render', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb>
-                <wcs-breadcrumb-item>Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item>Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item>Tickets</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        const wcsBreadcrumb = await page.find('wcs-breadcrumb');
-        await page.waitForChanges();
-        // When
-        await wcsBreadcrumb.callMethod('setAriaAttribute', 'aria-label', 'new label');
-        await page.waitForChanges();
-        // Then
-        const navEl = wcsBreadcrumb.shadowRoot.querySelector('nav');
-        expect(navEl.getAttribute('aria-label')).toBe('new label');
-    });
-    it('should update expand button aria-label attribute', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-breadcrumb max-items="3">
-                <wcs-breadcrumb-item class="home-item">Home</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="train-item">Train</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="ticket-item">Tickets</wcs-breadcrumb-item>
-                <wcs-breadcrumb-item class="detail-item">Details</wcs-breadcrumb-item>
-            </wcs-breadcrumb>
-        `);
-        const wcsBreadcrumb = await page.find('wcs-breadcrumb');
-        await page.waitForChanges();
-        // When
-        const newAriaLabelValue = 'New label';
-        wcsBreadcrumb.setProperty('ariaLabelExpandButton', newAriaLabelValue);
-        await page.waitForChanges();
-        // Then
-        const expandBtn = await page.find('wcs-breadcrumb >>> button.wcs-inner-button');
-        expect(expandBtn.getAttribute('aria-label')).toBe(newAriaLabelValue);
-    });
-});
-//# sourceMappingURL=breadcrumb.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.e2e.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\nimport { EXPAND_BTN_ARIA_LABEL_DEFAULT } from './breadcrumb-constants';\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('breadcrumb collapse', () => {\n    it('should hide breadcrumb item and respect default values for itemsBeforeCollapse and itemsAfterCollapse props', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb max-items=\"3\">\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"detail-item\">Details</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n\n        await page.waitForChanges();\n\n        const homeItem = await page.find('.home-item');\n        const trainItem = await page.find('.train-item');\n        const ticketItem = await page.find('.ticket-item');\n        const detail = await page.find('.detail-item');\n\n        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken\n        // into account with the isVisible() method\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"items-before-expand-btn\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"hidden-items\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n\n    });\n\n    it('should hide breadcrumb item and respect user values for itemsBeforeCollapse and itemsAfterCollapse props', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb max-items=\"3\" items-before-collapse=\"2\" items-after-collapse=\"1\">\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"detail-item\">Details</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n\n        await page.waitForChanges();\n\n        const homeItem = await page.find('.home-item');\n        const trainItem = await page.find('.train-item');\n        const ticketItem = await page.find('.ticket-item');\n        const detail = await page.find('.detail-item');\n\n        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken\n        // into account with the isVisible() method\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"items-before-expand-btn\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"items-before-expand-btn\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"hidden-items\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n    });\n\n    it('shouldn\\'t hide breadcrumb item if max item attribute is not defined', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb>\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"detail-item\">Details</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n\n        await page.waitForChanges();\n\n        const homeItem = await page.find('.home-item');\n        const trainItem = await page.find('.train-item');\n        const ticketItem = await page.find('.ticket-item');\n        const detail = await page.find('.detail-item');\n\n        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken\n        // into account with the isVisible() method\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n    });\n\n    it('sould hide appended breadcrumb item', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb max-items=\"3\">\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n\n        await page.waitForChanges();\n\n        await page.evaluate(() => {\n            const breadcrumbItem = document.createElement('wcs-breadcrumb-item');\n            breadcrumbItem.classList.add('detail-item');\n            breadcrumbItem.textContent = 'Details';\n            const breadcrumb = document.querySelector('wcs-breadcrumb');\n            breadcrumb.appendChild(breadcrumbItem);\n        });\n\n        await page.waitForChanges();\n\n        const homeItem = await page.find('.home-item');\n        const trainItem = await page.find('.train-item');\n        const ticketItem = await page.find('.ticket-item');\n        const detail = await page.find('.detail-item');\n\n        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken\n        // into account with the isVisible() method\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"items-before-expand-btn\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"hidden-items\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n    });\n\n    it('should display all breadcrumb items when the max-items prop is mutated in js', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb max-items=\"3\">\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"detail-item\">Details</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n\n        await page.waitForChanges();\n\n        const homeItem = await page.find('.home-item');\n        const trainItem = await page.find('.train-item');\n        const ticketItem = await page.find('.ticket-item');\n        const detail = await page.find('.detail-item');\n\n        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken\n        // into account with the isVisible() method\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"items-before-expand-btn\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"hidden-items\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n\n        const breadcrumb = await page.find('wcs-breadcrumb');\n        breadcrumb.setProperty('maxItems', undefined);\n\n        await page.waitForChanges();\n\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n    });\n\n    it('should collapse all breadcrumb items when the max-items prop is mutated in js', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb>\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"detail-item\">Details</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n\n        await page.waitForChanges();\n\n        const homeItem = await page.find('.home-item');\n        const trainItem = await page.find('.train-item');\n        const ticketItem = await page.find('.ticket-item');\n        const detail = await page.find('.detail-item');\n\n        // We don't use isVisible() because the item is still in the user DOM and the slot style don't seem to be taken\n        // into account with the isVisible() method\n\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"non-collapsed\");\n\n        const breadcrumb = await page.find('wcs-breadcrumb');\n        breadcrumb.setProperty('maxItems', 3);\n\n        await page.waitForChanges();\n\n        expect(homeItem.getAttribute(\"slot\")).toEqual(\"items-before-expand-btn\");\n        expect(trainItem.getAttribute(\"slot\")).toEqual(\"hidden-items\");\n        expect(ticketItem.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n        expect(detail.getAttribute(\"slot\")).toEqual(\"items-after-expand-btn\");\n    });\n\n    it('should expand collapsed items when user click on expand button', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb max-items=\"3\">\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"detail-item\">Details</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n\n        await page.waitForChanges();\n\n        const nav = await page.find('wcs-breadcrumb >>> nav');\n        const expandBtn =\n            await page.find(`wcs-breadcrumb >>> button[aria-label=\"${EXPAND_BTN_ARIA_LABEL_DEFAULT}\"]`);\n        await expandBtn.click();\n\n        await page.waitForChanges();\n\n        expect(nav).toHaveClass('show-hidden-items');\n    });\n\n    it('should update aria-label attribute after the first render', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb>\n                <wcs-breadcrumb-item>Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item>Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item>Tickets</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n        const wcsBreadcrumb = await page.find('wcs-breadcrumb');\n        await page.waitForChanges();\n\n        // When\n        await wcsBreadcrumb.callMethod('setAriaAttribute', 'aria-label', 'new label');\n        await page.waitForChanges();\n\n        // Then\n        const navEl = wcsBreadcrumb.shadowRoot.querySelector('nav');\n        expect(navEl.getAttribute('aria-label')).toBe('new label');\n    });\n\n    it('should update expand button aria-label attribute', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-breadcrumb max-items=\"3\">\n                <wcs-breadcrumb-item class=\"home-item\">Home</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"train-item\">Train</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"ticket-item\">Tickets</wcs-breadcrumb-item>\n                <wcs-breadcrumb-item class=\"detail-item\">Details</wcs-breadcrumb-item>\n            </wcs-breadcrumb>\n        `);\n        const wcsBreadcrumb = await page.find('wcs-breadcrumb');\n        await page.waitForChanges();\n\n        // When\n        const newAriaLabelValue = 'New label';\n        wcsBreadcrumb.setProperty('ariaLabelExpandButton', newAriaLabelValue);\n        await page.waitForChanges();\n\n        // Then\n        const expandBtn =\n            await page.find('wcs-breadcrumb >>> button.wcs-inner-button');\n        expect(expandBtn.getAttribute('aria-label')).toBe(newAriaLabelValue);\n    });\n});\n"]}

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

@@ -1,25 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('button', () => {
-    // XXX: this test display an error in console but actually works
-    // This is maybe due to the form submiting making the page reload ?
-    it('should trigger submit when in a form', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <form>
-                <wcs-button class="wcs-primary" type="wcs-submit"></wcs-button>
-            </form>
-        `);
-        const form = await page.find('form');
-        const formSubmit = await form.spyOnEvent('submit');
-        // When
-        // XXX temporary fix see : https://github.com/GoogleChrome/puppeteer/issues/2977
-        await page.evaluate(() => {
-            document.querySelector('wcs-button').click();
-        });
-        // Then
-        expect(formSubmit).toHaveReceivedEvent();
-    });
-});
-//# sourceMappingURL=button.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.e2e.js","sourceRoot":"","sources":["../../../src/components/button/button.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACpB,gEAAgE;IAChE,mEAAmE;IACnE,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QAClD,QAAQ;QACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;SAIzB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACnD,OAAO;QACP,gFAAgF;QAChF,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACrB,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC;QACjD,CAAC,CAAC,CAAC;QACH,OAAO;QACP,MAAM,CAAC,UAAU,CAAC,CAAC,mBAAmB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('button', () => {\n    // XXX: this test display an error in console but actually works\n    // This is maybe due to the form submiting making the page reload ?\n    it('should trigger submit when in a form', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <form>\n                <wcs-button class=\"wcs-primary\" type=\"wcs-submit\"></wcs-button>\n            </form>\n        `);\n        const form = await page.find('form');\n        const formSubmit = await form.spyOnEvent('submit');\n        // When\n        // XXX temporary fix see : https://github.com/GoogleChrome/puppeteer/issues/2977\n        await page.evaluate(() => {\n            document.querySelector('wcs-button').click();\n        });\n        // Then\n        expect(formSubmit).toHaveReceivedEvent();\n    });\n});\n\n"]}

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

@@ -1,45 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('Checkbox component', () => {
-    describe('Events', () => {
-        it('should emit a wcsChange event when clicked on wcs-checkbox', async () => {
-            // Given
-            const page = await newE2EPage();
-            await setWcsContent(page, `
-                    <wcs-checkbox name="checkbox-id">
-                        Checkbox
-                    </wcs-checkbox>
-                `);
-            // When
-            const checkbox = await page.find('wcs-checkbox');
-            const eventSpy = await checkbox.spyOnEvent('wcsChange');
-            await checkbox.click();
-            await page.waitForChanges();
-            // Then
-            expect(eventSpy)
-                .toHaveReceivedEventDetail({
-                checked: true
-            });
-        });
-        it('should emit a wcsChange event when space pressed on wcs-checkbox', async () => {
-            // Given
-            const page = await newE2EPage();
-            await setWcsContent(page, `
-                    <wcs-checkbox name="checkbox-id">
-                        Checkbox
-                    </wcs-checkbox>
-                `);
-            // When
-            const checkbox = await page.find('wcs-checkbox');
-            const eventSpy = await checkbox.spyOnEvent('wcsChange');
-            await checkbox.press('Space');
-            await page.waitForChanges();
-            // Then
-            expect(eventSpy)
-                .toHaveReceivedEventDetail({
-                checked: true
-            });
-        });
-    });
-});
-//# sourceMappingURL=checkbox.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.e2e.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;QACpB,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;YACxE,QAAQ;YACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;iBAIrB,CAAC,CAAC;YAEP,OAAO;YACP,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACjD,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YAExD,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,QAAQ,CAAC;iBACX,yBAAyB,CAAC;gBACvB,OAAO,EAAE,IAAI;aAChB,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;YAC9E,QAAQ;YACR,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;YAChC,MAAM,aAAa,CAAC,IAAI,EAAE;;;;iBAIrB,CAAC,CAAC;YAEP,OAAO;YACP,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACjD,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YAExD,MAAM,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC9B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,QAAQ,CAAC;iBACX,yBAAyB,CAAC;gBACvB,OAAO,EAAE,IAAI;aAChB,CAAC,CAAC;QACX,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('Checkbox component', () => {\n    describe('Events', () => {\n        it('should emit a wcsChange event when clicked on wcs-checkbox', async () => {\n            // Given\n            const page = await newE2EPage();\n            await setWcsContent(page, `\n                    <wcs-checkbox name=\"checkbox-id\">\n                        Checkbox\n                    </wcs-checkbox>\n                `);\n\n            // When\n            const checkbox = await page.find('wcs-checkbox');\n            const eventSpy = await checkbox.spyOnEvent('wcsChange');\n\n            await checkbox.click();\n            await page.waitForChanges();\n\n            // Then\n            expect(eventSpy)\n                .toHaveReceivedEventDetail({\n                    checked: true\n                });\n        });\n\n        it('should emit a wcsChange event when space pressed on wcs-checkbox', async () => {\n            // Given\n            const page = await newE2EPage();\n            await setWcsContent(page, `\n                    <wcs-checkbox name=\"checkbox-id\">\n                        Checkbox\n                    </wcs-checkbox>\n                `);\n\n            // When\n            const checkbox = await page.find('wcs-checkbox');\n            const eventSpy = await checkbox.spyOnEvent('wcsChange');\n\n            await checkbox.press('Space');\n            await page.waitForChanges();\n\n            // Then\n            expect(eventSpy)\n                .toHaveReceivedEventDetail({\n                    checked: true\n                });\n        });\n    });\n});\n"]}

package/dist/collection/components/com-nav/com-nav.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"com-nav.e2e.js","sourceRoot":"","sources":["../../../src/components/com-nav/com-nav.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport {KeyInput} from \"puppeteer\";\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('Com nav', () => {\n    describe('Keyboard navigation', () => {\n        describe('Mobile menu', () => {\n            let page!: E2EPage;\n            beforeEach(async () => {\n                // Given\n                page = await newE2EPage();\n                await page.setViewport({\n                    width: 320,\n                    height: 480,\n                });\n\n                await setWcsContent(page, `\n                 <wcs-com-nav app-name=\"App Test\">\n                    <wcs-com-nav-submenu label=\"Sous menu\" panel-title=\"Sous Menu\"\n                                         panel-description=\"Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\">\n                        <wcs-com-nav-item>\n                            <a href=\"#\">Loisirs & Tourisme</a>\n                        </wcs-com-nav-item>\n                        <wcs-com-nav-item>\n                            <a href=\"#\">Toutes les lignes</a>\n                        </wcs-com-nav-item>\n                        <wcs-com-nav-item>\n                            <a href=\"#\">Services mobiles</a>\n                        </wcs-com-nav-item>\n                        <wcs-com-nav-item>\n                            <a href=\"#\">Au quotidien</a>\n                        </wcs-com-nav-item>\n                        <wcs-com-nav-item>\n                            <a href=\"#\">Le réseau</a>\n                        </wcs-com-nav-item>\n                    </wcs-com-nav-submenu>\n                    <wcs-com-nav-submenu label=\"Autre sous menu\" panel-title=\"Autre Sous Menu\"\n                                         panel-description=\"Un autre sous menu avec des catégories. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.\">\n                        <wcs-com-nav-item>\n                            <a href=\"#\">Le réseau</a>\n                        </wcs-com-nav-item>\n                        <wcs-com-nav-category label=\"Une catégorie\">\n                            <wcs-com-nav-item>\n                                <a href=\"#\">Services mobiles text plus long</a>\n                            </wcs-com-nav-item>\n                            <wcs-com-nav-item>\n                                <a href=\"#\">Au quotidien</a>\n                            </wcs-com-nav-item>\n                            <wcs-com-nav-item>\n                                <a href=\"#\">Le réseau</a>\n                            </wcs-com-nav-item>\n                        </wcs-com-nav-category>\n                        <wcs-com-nav-category label=\"Une catégorie\">\n                            <wcs-com-nav-item>\n                                <a href=\"#\">1</a>\n                            </wcs-com-nav-item>\n                            <wcs-com-nav-item>\n                                <a href=\"#\">2</a>\n                            </wcs-com-nav-item>\n                        </wcs-com-nav-category>\n                    </wcs-com-nav-submenu>\n                    <wcs-com-nav-item id=\"com-nav-item-last-item\">\n                        <a href=\"https://sncf.com\" target=\"_blank\">Ressource externe</a>\n                    </wcs-com-nav-item>\n                    <div slot=\"actions\">\n                        <wcs-button mode=\"clear\" class=\"wcs-dark\">Connexion</wcs-button>\n                    </div>\n                </wcs-com-nav>\n            `);\n            })\n\n            it.each(['Enter', 'Space'])('should open menu when press %s key on mobile menu icon', async (key: KeyInput) => {\n                // Given the content is set in beforeEach method\n\n                // When\n                const menuIcon = await page.find('wcs-com-nav >>> #mobile-menu-icon');\n                await menuIcon.focus();\n                await page.keyboard.press(key);\n\n                await page.waitForChanges();\n\n                // Then\n                const menu = await page.find('wcs-com-nav >>> .mobile-overlay');\n                expect(menu).toBeDefined();\n                expect(menu).toHaveAttribute('data-mobile-open');\n            });\n\n            it.each(['Enter', 'Space'])('should close menu when it opens and press %s key on mobile menu icon', async (key: KeyInput) => {\n                // Given\n                // the content is set in beforeEach method\n                const menuIcon = await page.find('wcs-com-nav >>> #mobile-menu-icon');\n                await menuIcon.focus();\n                await page.keyboard.press(key);\n\n                // Wait for menu to open\n                await page.waitForChanges();\n\n                // Close the menu\n                await page.keyboard.press(key);\n                await page.waitForChanges();\n\n                // Then\n                const menu = await page.find('wcs-com-nav >>> .mobile-overlay');\n                expect(menu).not.toHaveAttribute('data-mobile-open');\n            });\n\n            it('should be touchable on mobile and open the menu', async () => {\n                // Given\n                // the content is set in beforeEach method\n                const menuIcon = await page.find('wcs-com-nav >>> #mobile-menu-icon');\n                await menuIcon.tap();\n\n                // Then\n                const menu = await page.find('wcs-com-nav >>> .mobile-overlay');\n                expect(menu).toBeDefined();\n                expect(menu).toHaveAttribute('data-mobile-open');\n            });\n\n            it('should close menu when it opens and press escape key anywhere', async () => {\n                // Given\n                // the content is set in beforeEach method\n                const menuIcon = await page.find('wcs-com-nav >>> #mobile-menu-icon');\n                await menuIcon.focus();\n                await page.keyboard.press('Enter');\n\n                // When\n                // Navigate on menu\n                await page.keyboard.press('Tab');\n                await page.keyboard.press('Tab');\n                await page.keyboard.press('Tab');\n                await page.keyboard.press('Escape');\n\n                await page.waitForChanges();\n\n                // Then\n                const menu = await page.find('wcs-com-nav >>> .mobile-overlay');\n                expect(menu).not.toHaveAttribute('data-mobile-open');\n            });\n\n            it('should close the mobile menu when clicking on a wcs-com-nav-item', async () => {\n                // Given\n                const menuIcon = await page.find('wcs-com-nav >>> #mobile-menu-icon');\n                await menuIcon.tap();\n\n                // Wait for menu to open\n                await page.waitForChanges();\n\n                // When\n                const navItem = await page.find('#com-nav-item-last-item');\n                await navItem.click();\n\n                await page.waitForChanges();\n\n                // Then\n                const menu = await page.find('wcs-com-nav >>> .mobile-overlay');\n                expect(menu).not.toHaveAttribute('data-mobile-open');\n            });\n        });\n    });\n});\n"]}