wcs-core 7.2.2 → 7.4.0

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

@@ -1,206 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('counter', () => {
-    it('should increment the counter when click on plus button', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter></wcs-counter>
-        `);
-        const counter = await page.find('wcs-counter');
-        const changeSpy = await counter.spyOnEvent('wcsChange');
-        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');
-        // When
-        await incrementButton.click();
-        await page.waitForChanges();
-        // Then
-        expect(changeSpy).toHaveReceivedEventTimes(1);
-        expect(changeSpy).toHaveReceivedEventDetail({ value: 1 });
-    });
-    it('should decrement the counter when click on minus button', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter></wcs-counter>
-        `);
-        const counter = await page.find('wcs-counter');
-        const changeSpy = await counter.spyOnEvent('wcsChange');
-        const incrementButton = await page.find('wcs-counter >>> wcs-button:first-child');
-        // When
-        await incrementButton.click();
-        await page.waitForChanges();
-        // Then
-        expect(changeSpy).toHaveReceivedEventTimes(1);
-        expect(changeSpy).toHaveReceivedEventDetail({ value: -1 });
-    });
-    it('should have 0 as default value', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter></wcs-counter>
-        `);
-        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');
-        // Then
-        expect(currentDisplayedValue).toEqualText('0');
-    });
-    it('should respect the step attribute', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter step="5"></wcs-counter>
-        `);
-        const counter = await page.find('wcs-counter');
-        const changeSpy = await counter.spyOnEvent('wcsChange');
-        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');
-        // When
-        await incrementButton.click();
-        await page.waitForChanges();
-        // Then
-        expect(changeSpy).toHaveReceivedEventTimes(1);
-        expect(changeSpy).toHaveReceivedEventDetail({ value: 5 });
-    });
-    it('should respect the min attribute', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter min="-1" value="0"></wcs-counter>
-        `);
-        const counter = await page.find('wcs-counter');
-        const changeSpy = await counter.spyOnEvent('wcsChange');
-        const decrementButton = await page.find('wcs-counter >>> wcs-button:first-child');
-        // When
-        await decrementButton.click();
-        await decrementButton.click();
-        await page.waitForChanges();
-        // Then
-        expect(changeSpy).toHaveReceivedEventTimes(1);
-        expect(changeSpy).toHaveReceivedEventDetail({ value: -1 });
-    });
-    it('should use the min attribute as default value when value is not set', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter min="5"></wcs-counter>
-        `);
-        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');
-        // Then
-        expect(currentDisplayedValue).toEqualText('5');
-    });
-    it('should respect the max attribute', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter max="1"></wcs-counter>
-        `);
-        const counter = await page.find('wcs-counter');
-        const changeSpy = await counter.spyOnEvent('wcsChange');
-        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');
-        // When
-        await incrementButton.click();
-        await incrementButton.click();
-        await page.waitForChanges();
-        // Then
-        expect(changeSpy).toHaveReceivedEventTimes(1);
-        expect(changeSpy).toHaveReceivedEventDetail({ value: 1 });
-    });
-    it('should respect the value attribute', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter value="5"></wcs-counter>
-        `);
-        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');
-        // Then
-        expect(currentDisplayedValue).toEqualText('5');
-    });
-    it('should use the min value as default when min is greater than 0', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter min="5"></wcs-counter>
-        `);
-        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');
-        // Then
-        expect(currentDisplayedValue).toEqualText('5');
-    });
-    it('should use the min value as default when min is greater than value', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter min="5" value="3"></wcs-counter>
-        `);
-        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');
-        // Then
-        expect(currentDisplayedValue).toEqualText('5');
-    });
-    it('should fire wcsBlur event when the counter loose focus', async () => {
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <button id="first">first</button>
-            <wcs-counter></wcs-counter>
-            <button id="last">last</button>
-        `);
-        const counter = await page.find('wcs-counter');
-        const blurSpy = await counter.spyOnEvent('wcsBlur');
-        const firstButton = await page.find('#first');
-        // When
-        await firstButton.click();
-        await page.keyboard.press('Tab');
-        await page.keyboard.press('Tab');
-        await page.waitForChanges();
-        // Then
-        expect(blurSpy).toHaveReceivedEventTimes(1);
-    });
-    it('should fire wcsBlur event when the user click on decrement button and leave', async () => {
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter></wcs-counter>
-            <button>last</button>
-        `);
-        const counter = await page.find('wcs-counter');
-        const button = await page.find('button');
-        const blurSpy = await counter.spyOnEvent('wcsBlur');
-        const decrementButton = await page.find('wcs-counter >>> wcs-button:first-child');
-        // When
-        await decrementButton.click();
-        await button.click();
-        await page.waitForChanges();
-        // Then
-        expect(blurSpy).toHaveReceivedEventTimes(1);
-    });
-    it('should fire wcsBlur event when the user click on increment button and leave', async () => {
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter></wcs-counter>
-            <button>last</button>
-        `);
-        const counter = await page.find('wcs-counter');
-        const button = await page.find('button');
-        const blurSpy = await counter.spyOnEvent('wcsBlur');
-        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');
-        // When
-        await incrementButton.click();
-        await button.click();
-        await page.waitForChanges();
-        // Then
-        expect(blurSpy).toHaveReceivedEventTimes(1);
-    });
-    it('should not be interactive when disabled', async () => {
-        // Given
-        const page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-counter disabled="true"></wcs-counter>
-        `);
-        const counter = await page.find('wcs-counter');
-        const changeSpy = await counter.spyOnEvent('wcsChange');
-        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');
-        // When
-        await incrementButton.click();
-        await page.waitForChanges();
-        // Then
-        expect(changeSpy).not.toHaveReceivedEvent();
-        expect(await counter.getProperty('value')).toBe(0);
-        expect(await incrementButton.getProperty('disabled')).toBe(true);
-    });
-});
-//# sourceMappingURL=counter.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"counter.e2e.js","sourceRoot":"","sources":["../../../src/components/counter/counter.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from \"../../utils/tests\";\n\n\ndescribe('counter', () => {\n    it('should increment the counter when click on plus button', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter></wcs-counter>\n        `);\n        const counter = await page.find('wcs-counter');\n        const changeSpy = await counter.spyOnEvent('wcsChange');\n        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');\n        // When\n        await incrementButton.click();\n        await page.waitForChanges();\n        // Then\n        expect(changeSpy).toHaveReceivedEventTimes(1);\n        expect(changeSpy).toHaveReceivedEventDetail({value: 1});\n    });\n\n    it('should decrement the counter when click on minus button', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter></wcs-counter>\n        `);\n        const counter = await page.find('wcs-counter');\n        const changeSpy = await counter.spyOnEvent('wcsChange');\n        const incrementButton = await page.find('wcs-counter >>> wcs-button:first-child');\n        // When\n        await incrementButton.click();\n        await page.waitForChanges();\n        // Then\n        expect(changeSpy).toHaveReceivedEventTimes(1);\n        expect(changeSpy).toHaveReceivedEventDetail({value: -1});\n    });\n\n    it('should have 0 as default value', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter></wcs-counter>\n        `);\n        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');\n\n        // Then\n        expect(currentDisplayedValue).toEqualText('0');\n    });\n    it('should respect the step attribute', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter step=\"5\"></wcs-counter>\n        `);\n        const counter = await page.find('wcs-counter');\n        const changeSpy = await counter.spyOnEvent('wcsChange');\n        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');\n        // When\n        await incrementButton.click();\n        await page.waitForChanges();\n        // Then\n        expect(changeSpy).toHaveReceivedEventTimes(1);\n        expect(changeSpy).toHaveReceivedEventDetail({value: 5});\n    });\n    it('should respect the min attribute', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter min=\"-1\" value=\"0\"></wcs-counter>\n        `);\n        const counter = await page.find('wcs-counter');\n        const changeSpy = await counter.spyOnEvent('wcsChange');\n        const decrementButton = await page.find('wcs-counter >>> wcs-button:first-child');\n        // When\n        await decrementButton.click();\n        await decrementButton.click();\n        await page.waitForChanges();\n\n        // Then\n        expect(changeSpy).toHaveReceivedEventTimes(1);\n        expect(changeSpy).toHaveReceivedEventDetail({value: -1});\n    });\n    it('should use the min attribute as default value when value is not set', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter min=\"5\"></wcs-counter>\n        `);\n        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');\n        // Then\n        expect(currentDisplayedValue).toEqualText('5');\n    });\n    it('should respect the max attribute', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter max=\"1\"></wcs-counter>\n        `);\n        const counter = await page.find('wcs-counter');\n        const changeSpy = await counter.spyOnEvent('wcsChange');\n        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');\n        // When\n        await incrementButton.click();\n        await incrementButton.click();\n        await page.waitForChanges();\n        // Then\n        expect(changeSpy).toHaveReceivedEventTimes(1);\n        expect(changeSpy).toHaveReceivedEventDetail({value: 1});\n    });\n    it('should respect the value attribute', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter value=\"5\"></wcs-counter>\n        `);\n        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');\n        // Then\n        expect(currentDisplayedValue).toEqualText('5');\n    });\n    it('should use the min value as default when min is greater than 0', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter min=\"5\"></wcs-counter>\n        `);\n        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');\n        // Then\n        expect(currentDisplayedValue).toEqualText('5');\n    });\n    it('should use the min value as default when min is greater than value', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter min=\"5\" value=\"3\"></wcs-counter>\n        `);\n        const currentDisplayedValue = await page.find('wcs-counter >>> .current-value');\n        // Then\n        expect(currentDisplayedValue).toEqualText('5');\n    });\n    it('should fire wcsBlur event when the counter loose focus', async () => {\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <button id=\"first\">first</button>\n            <wcs-counter></wcs-counter>\n            <button id=\"last\">last</button>\n        `);\n        const counter = await page.find('wcs-counter');\n        const blurSpy = await counter.spyOnEvent('wcsBlur');\n        const firstButton = await page.find('#first');\n        // When\n        await firstButton.click();\n        await page.keyboard.press('Tab');\n        await page.keyboard.press('Tab');\n        await page.waitForChanges();\n\n        // Then\n        expect(blurSpy).toHaveReceivedEventTimes(1);\n    });\n    it('should fire wcsBlur event when the user click on decrement button and leave', async () => {\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter></wcs-counter>\n            <button>last</button>\n        `);\n        const counter = await page.find('wcs-counter');\n        const button = await page.find('button');\n        const blurSpy = await counter.spyOnEvent('wcsBlur');\n        const decrementButton = await page.find('wcs-counter >>> wcs-button:first-child');\n        // When\n        await decrementButton.click();\n        await button.click();\n        await page.waitForChanges();\n\n        // Then\n        expect(blurSpy).toHaveReceivedEventTimes(1);\n    });\n    it('should fire wcsBlur event when the user click on increment button and leave', async () => {\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter></wcs-counter>\n            <button>last</button>\n        `);\n        const counter = await page.find('wcs-counter');\n        const button = await page.find('button');\n        const blurSpy = await counter.spyOnEvent('wcsBlur');\n        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');\n        // When\n        await incrementButton.click();\n        await button.click();\n        await page.waitForChanges();\n\n        // Then\n        expect(blurSpy).toHaveReceivedEventTimes(1);\n    });\n    it('should not be interactive when disabled', async () => {\n        // Given\n        const page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-counter disabled=\"true\"></wcs-counter>\n        `);\n        const counter = await page.find('wcs-counter');\n        const changeSpy = await counter.spyOnEvent('wcsChange');\n        const incrementButton = await page.find('wcs-counter >>> wcs-button:last-child');\n\n        // When\n        await incrementButton.click();\n        await page.waitForChanges();\n\n        // Then\n        expect(changeSpy).not.toHaveReceivedEvent();\n        expect(await counter.getProperty('value')).toBe(0);\n        expect(await incrementButton.getProperty('disabled')).toBe(true);\n    });\n});\n"]}

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

@@ -1,156 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('Dropdown component', () => {
-    let page;
-    let dropdown;
-    let dropdownButton;
-    let items;
-    let firstItem;
-    let lastItem;
-    beforeEach(async () => {
-        // Given
-        page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-dropdown mode="plain" shape="normal" size="m">
-                <span slot="placeholder">Dropdown</span>
-                <wcs-dropdown-item id="first-item">Premier item</wcs-dropdown-item>
-                <wcs-dropdown-header>ACTION HEADER</wcs-dropdown-header>
-                <wcs-dropdown-item>Second item test avec un long texte</wcs-dropdown-item>
-                <wcs-dropdown-item>Dernier item</wcs-dropdown-item>
-                <wcs-dropdown-divider></wcs-dropdown-divider>
-                <wcs-dropdown-item id="last-item">Dernier item</wcs-dropdown-item>
-            </wcs-dropdown>
-        `);
-        dropdown = await page.find('wcs-dropdown');
-        dropdownButton = await page.find('wcs-dropdown >>> #dropdown-button');
-        items = await page.findAll('wcs-dropdown-item');
-        firstItem = await page.find('wcs-dropdown-item#first-item');
-        lastItem = await page.find('wcs-dropdown-item#last-item');
-    });
-    describe('keyboard interactions', () => {
-        it('Enter should open menu and move focus to the first item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[0]);
-        });
-        it('SPACE should open menu and move focus to the first item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('Space');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[0]);
-        });
-        it('DOWN_ARROW should open menu and move focus to the first item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('ArrowDown');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[0]);
-        });
-        it('UP_ARROW should open menu and move focus to the last item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('ArrowUp');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[items.length - 1]);
-        });
-        it('HOME should focus the first item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.waitForChanges();
-            await page.keyboard.press('Home');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(firstItem);
-        });
-        it('END should focus the last item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.waitForChanges();
-            await page.keyboard.press('End');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(lastItem);
-        });
-        it('UP_ARROW should move focus to the previous item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('ArrowUp');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(lastItem);
-        });
-        it('DOWN_ARROW should move focus to the next item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('ArrowDown');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[1]);
-        });
-        it('ESCAPE should close the menu and set focus on the dropdown button', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('Escape');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-        it('TAB should close the menu and set focus on the dropdown button', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('Tab');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-        it('SHIFT+TAB should close the menu and set focus on the dropdown button', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.down('Shift');
-            await page.keyboard.press('Tab');
-            await page.keyboard.up('Shift');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-        it('ENTER should activate the item, close menu, and set focus on the dropdown button', async () => {
-            const itemClickSpy = await dropdown.spyOnEvent('wcsDropdownItemClick');
-            // When
-            await dropdownButton.click();
-            await items[0].focus();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            // Then
-            expect(itemClickSpy).toHaveReceivedEventTimes(1);
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-    });
-});
-//# sourceMappingURL=dropdown.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.e2e.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('Dropdown component', () => {\n    let page;\n    let dropdown;\n    let dropdownButton;\n    let items;\n    let firstItem;\n    let lastItem;\n\n    beforeEach(async () => {\n        // Given\n        page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-dropdown mode=\"plain\" shape=\"normal\" size=\"m\">\n                <span slot=\"placeholder\">Dropdown</span>\n                <wcs-dropdown-item id=\"first-item\">Premier item</wcs-dropdown-item>\n                <wcs-dropdown-header>ACTION HEADER</wcs-dropdown-header>\n                <wcs-dropdown-item>Second item test avec un long texte</wcs-dropdown-item>\n                <wcs-dropdown-item>Dernier item</wcs-dropdown-item>\n                <wcs-dropdown-divider></wcs-dropdown-divider>\n                <wcs-dropdown-item id=\"last-item\">Dernier item</wcs-dropdown-item>\n            </wcs-dropdown>\n        `);\n        dropdown = await page.find('wcs-dropdown');\n        dropdownButton = await page.find('wcs-dropdown >>> #dropdown-button');\n        items = await page.findAll('wcs-dropdown-item');\n        firstItem = await page.find('wcs-dropdown-item#first-item');\n        lastItem = await page.find('wcs-dropdown-item#last-item');\n    });\n\n    describe('keyboard interactions', () => {\n        it('Enter should open menu and move focus to the first item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('Enter');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[0]);\n        });\n\n        it('SPACE should open menu and move focus to the first item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('Space');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[0]);\n        });\n\n        it('DOWN_ARROW should open menu and move focus to the first item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('ArrowDown');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[0]);\n        });\n\n        it('UP_ARROW should open menu and move focus to the last item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('ArrowUp');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[items.length - 1]);\n        });\n\n        it('HOME should focus the first item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.waitForChanges();\n            await page.keyboard.press('Home');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(firstItem);\n        });\n\n        it('END should focus the last item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.waitForChanges();\n            await page.keyboard.press('End');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(lastItem);\n        });\n\n        it('UP_ARROW should move focus to the previous item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('ArrowUp');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(lastItem);\n        });\n\n        it('DOWN_ARROW should move focus to the next item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('ArrowDown');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[1]);\n        });\n\n        it('ESCAPE should close the menu and set focus on the dropdown button', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('Escape');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n\n        it('TAB should close the menu and set focus on the dropdown button', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('Tab');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n\n        it('SHIFT+TAB should close the menu and set focus on the dropdown button', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.down('Shift');\n            await page.keyboard.press('Tab');\n            await page.keyboard.up('Shift');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n\n        it('ENTER should activate the item, close menu, and set focus on the dropdown button', async () => {\n            const itemClickSpy = await dropdown.spyOnEvent('wcsDropdownItemClick');\n\n            // When\n            await dropdownButton.click();\n            await items[0].focus();\n            await page.keyboard.press('Enter');\n            await page.waitForChanges();\n\n            // Then\n            expect(itemClickSpy).toHaveReceivedEventTimes(1);\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n    });\n});\n"]}

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

@@ -1,176 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe('wcs-editable-field', () => {
-    it('renders with input element and default props', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Test Input" value="Initial value" type="input" id="test">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        expect(displayContainer).not.toBeNull();
-        expect(displayContainer.textContent).toContain('Initial value');
-        const label = await page.find('wcs-editable-field >>> .label');
-        expect(label.textContent).toBe('Test Input');
-    });
-    it('transitions from DISPLAY to EDIT state when clicked', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Test Input" value="Initial value" type="input" id="test">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        // Wait for state transition
-        await page.waitForChanges();
-        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');
-        expect(editContainer).not.toBeNull();
-    });
-    it('properly handles validation', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field id="validate-test" label="Test Validation" value="Valid" error-msg="Value is invalid" type="input">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        // Set up validation function
-        await page.$eval('wcs-editable-field', (el) => {
-            el.validateFn = (val) => val === 'Valid';
-        });
-        // Go to edit mode
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Input invalid value
-        const input = await page.find('wcs-input');
-        await input.type('Invalid');
-        await page.waitForChanges();
-        // Trigger validation (simulate Enter key)
-        await input.press('Enter');
-        await page.waitForChanges();
-        // Check error message is displayed
-        const errorElement = await page.find('wcs-editable-field >>> wcs-error');
-        expect(errorElement).not.toBeNull();
-        expect(errorElement.textContent).toBe('Value is invalid');
-    });
-    it('emits wcsChange event with correct data', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Test Events" value="Old value" type="input" id="event-test">
-                <wcs-input id="test-input"></wcs-input>
-            </wcs-editable-field>
-        `);
-        const changeEvent = await page.spyOnEvent('wcsChange');
-        // Go to edit mode
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Input new value
-        const input = await page.find('wcs-input');
-        await input.press('Backspace'); // Clear value (backspace is easier than selecting all)
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.type('New value');
-        await page.waitForChanges();
-        // Submit the form
-        await input.press('Enter');
-        await page.waitForChanges();
-        // Note: Functions defined in the event's detail object (successHandler and errorHandler)
-        // are not cloned by the DOM's structured clone algorithm.
-        // This means that when the event is emitted, these functions will not be present in the
-        // event.detail object when accessed in E2E tests, even though they exist in the browser.
-        expect(changeEvent).toHaveNthReceivedEventDetail(0, {
-            newValue: 'New value'
-        });
-    });
-    it('respects readonly property', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Read Only Field" value="Readonly value" readonly="true" type="input" id="test">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        // Check readonly icon is displayed
-        const readonlyIcon = await page.find('wcs-editable-field >>> .readonly-icon');
-        expect(readonlyIcon).not.toBeNull();
-        // Try clicking
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Should still be in display mode
-        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');
-        expect(editContainer).toBeNull();
-    });
-    it('works correctly with textarea', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Textarea Test" type="textarea" value="Multiline\nText" id="test">
-                <wcs-textarea></wcs-textarea>
-            </wcs-editable-field>
-        `);
-        // Check it renders correctly
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        expect(displayContainer.textContent).toContain('Multiline\nText');
-        // Go to edit mode
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Should need Ctrl+Enter to submit with textarea
-        const textarea = await page.find('wcs-textarea');
-        await textarea.press('Enter'); // This should NOT submit
-        await page.waitForChanges();
-        // Should still be in edit mode
-        const editContainerVisible = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');
-        expect(editContainerVisible).not.toBeNull();
-    });
-    it('works correctly with select', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Select Test" type="select" value="option1" id="test">
-                <wcs-select>
-                    <wcs-select-option value="option1">Option 1</wcs-select-option>
-                    <wcs-select-option value="option2">Option 2</wcs-select-option>
-                </wcs-select>
-            </wcs-editable-field>
-        `);
-        // Go to edit mode
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // We get the select element
-        const select = await page.find('wcs-select');
-        await select.focus();
-        await select.press('ArrowDown');
-        // press CTRL + ENTER (combined) to validate
-        await page.keyboard.down('Control');
-        await page.keyboard.press('Enter');
-        await page.keyboard.up('Control');
-        await page.waitForChanges();
-        // Should be in load state after change
-        const loadContainer = await page.find('wcs-editable-field >>> .load-container:not(.display-none)');
-        expect(loadContainer).not.toBeNull();
-    });
-    it('properly handles custom formatting function', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field id="format-test" label="Formatting Test" value="test value" type="input">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        // Set custom formatter
-        await page.$eval('wcs-editable-field', (el) => {
-            el.formatFn = (val) => val ? val.toUpperCase() : '';
-        });
-        await page.waitForChanges();
-        // Check formatted output
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        expect(displayContainer.textContent).toContain('TEST VALUE');
-    });
-});
-//# sourceMappingURL=editable-field.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"editable-field.e2e.js","sourceRoot":"","sources":["../../../src/components/editable-field/editable-field.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('wcs-editable-field', () => {\n    it('renders with input element and default props', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Test Input\" value=\"Initial value\" type=\"input\" id=\"test\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        expect(displayContainer).not.toBeNull();\n        expect(displayContainer.textContent).toContain('Initial value');\n\n        const label = await page.find('wcs-editable-field >>> .label');\n        expect(label.textContent).toBe('Test Input');\n    });\n\n    it('transitions from DISPLAY to EDIT state when clicked', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Test Input\" value=\"Initial value\" type=\"input\" id=\"test\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        \n        // Wait for state transition\n        await page.waitForChanges();\n        \n        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');\n        expect(editContainer).not.toBeNull();\n    });\n\n    it('properly handles validation', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field id=\"validate-test\" label=\"Test Validation\" value=\"Valid\" error-msg=\"Value is invalid\" type=\"input\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        // Set up validation function\n        await page.$eval('wcs-editable-field', (el) => {\n            el.validateFn = (val) => val === 'Valid';\n        });\n        \n        // Go to edit mode\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Input invalid value\n        const input = await page.find('wcs-input');\n        await input.type('Invalid');\n        await page.waitForChanges();\n        \n        // Trigger validation (simulate Enter key)\n        await input.press('Enter');\n        await page.waitForChanges();\n        \n        // Check error message is displayed\n        const errorElement = await page.find('wcs-editable-field >>> wcs-error');\n        expect(errorElement).not.toBeNull();\n        expect(errorElement.textContent).toBe('Value is invalid');\n    });\n\n    it('emits wcsChange event with correct data', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Test Events\" value=\"Old value\" type=\"input\" id=\"event-test\">\n                <wcs-input id=\"test-input\"></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        const changeEvent = await page.spyOnEvent('wcsChange');\n        \n        // Go to edit mode\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Input new value\n        const input = await page.find('wcs-input');\n        await input.press('Backspace'); // Clear value (backspace is easier than selecting all)\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.type('New value');\n        await page.waitForChanges();\n        \n        // Submit the form\n        await input.press('Enter');\n        await page.waitForChanges();\n        \n        // Note: Functions defined in the event's detail object (successHandler and errorHandler)\n        // are not cloned by the DOM's structured clone algorithm.\n        // This means that when the event is emitted, these functions will not be present in the\n        // event.detail object when accessed in E2E tests, even though they exist in the browser.\n        expect(changeEvent).toHaveNthReceivedEventDetail(0, {\n            newValue: 'New value'\n        });\n    });\n\n    it('respects readonly property', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Read Only Field\" value=\"Readonly value\" readonly=\"true\" type=\"input\" id=\"test\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        // Check readonly icon is displayed\n        const readonlyIcon = await page.find('wcs-editable-field >>> .readonly-icon');\n        expect(readonlyIcon).not.toBeNull();\n        \n        // Try clicking\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Should still be in display mode\n        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');\n        expect(editContainer).toBeNull();\n    });\n\n    it('works correctly with textarea', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Textarea Test\" type=\"textarea\" value=\"Multiline\\nText\" id=\"test\">\n                <wcs-textarea></wcs-textarea>\n            </wcs-editable-field>\n        `);\n        \n        // Check it renders correctly\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        expect(displayContainer.textContent).toContain('Multiline\\nText');\n        \n        // Go to edit mode\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Should need Ctrl+Enter to submit with textarea\n        const textarea = await page.find('wcs-textarea');\n        await textarea.press('Enter'); // This should NOT submit\n        await page.waitForChanges();\n        \n        // Should still be in edit mode\n        const editContainerVisible = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');\n        expect(editContainerVisible).not.toBeNull();\n    });\n\n    it('works correctly with select', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Select Test\" type=\"select\" value=\"option1\" id=\"test\">\n                <wcs-select>\n                    <wcs-select-option value=\"option1\">Option 1</wcs-select-option>\n                    <wcs-select-option value=\"option2\">Option 2</wcs-select-option>\n                </wcs-select>\n            </wcs-editable-field>\n        `);\n        \n        // Go to edit mode\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // We get the select element\n        const select = await page.find('wcs-select');\n        await select.focus();\n        await select.press('ArrowDown');\n        \n        // press CTRL + ENTER (combined) to validate\n        await page.keyboard.down('Control');\n        await page.keyboard.press('Enter');\n        await page.keyboard.up('Control');\n\n        await page.waitForChanges();\n        \n        // Should be in load state after change\n        const loadContainer = await page.find('wcs-editable-field >>> .load-container:not(.display-none)');\n        expect(loadContainer).not.toBeNull();\n    });\n\n    it('properly handles custom formatting function', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field id=\"format-test\" label=\"Formatting Test\" value=\"test value\" type=\"input\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        // Set custom formatter\n        await page.$eval('wcs-editable-field', (el) => {\n            el.formatFn = (val) => val ? val.toUpperCase() : '';\n        });\n        await page.waitForChanges();\n        \n        // Check formatted output\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        expect(displayContainer.textContent).toContain('TEST VALUE');\n    });\n});"]}