q2-tecton-elements 1.50.1 → 1.51.1

package/dist/collection/components/q2-checkbox-group/test/q2-checkbox-group-test.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-checkbox-group-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-checkbox-group/test/q2-checkbox-group-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage } from '@stencil/core/testing';\nimport { evaluateA11y, getFocusedAttribute, getListOfStyleCompilationIssues, setup } from '@/utils/helpers';\n\ndescribe('q2-checkbox-group', () => {\n    let page: E2EPage;\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-checkbox-group></q2-checkbox-group>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-checkbox-group')).toHaveLength(0);\n    });\n\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations', async () => {\n            const page = await setup({\n                html: `\n                    <q2-checkbox-group label=\"My Checkbox group\">\n                        <q2-checkbox value=\"value-1\" label=\"Checkbox 1\"></q2-checkbox>\n                        <q2-checkbox value=\"value-2\" label=\"Checkbox 2\"></q2-checkbox>\n                        <q2-checkbox value=\"value-3\" label=\"Checkbox 3\"></q2-checkbox>\n                        <q2-checkbox value=\"value-4\" label=\"Checkbox 4\"></q2-checkbox>\n                        <q2-checkbox value=\"value-5\" label=\"Checkbox 5\"></q2-checkbox>\n                    </q2-checkbox-group>\n                `,\n            });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    describe('Props', () => {\n        async function setupPage(props: string = '') {\n            props = props ? ` ${props}` : '';\n            const page = await setup({\n                html: `\n            <q2-checkbox-group label=\"My Checkbox group\"${props}>\n                <q2-checkbox value=\"value-1\" label=\"Checkbox 1\"></q2-checkbox>\n                <q2-checkbox value=\"value-2\" label=\"Checkbox 2\"></q2-checkbox>\n                <q2-checkbox value=\"value-3\" label=\"Checkbox 3\"></q2-checkbox>\n                <q2-checkbox value=\"value-4\" label=\"Checkbox 4\"></q2-checkbox>\n                <q2-checkbox value=\"value-5\" label=\"Checkbox 5\"></q2-checkbox>\n            </q2-checkbox-group>\n        `,\n            });\n            await page.waitForChanges();\n\n            return page;\n        }\n\n        describe('disabled', () => {\n            it('does not add the group-disabled attribute to the checkboxes by default', async () => {\n                page = await setupPage();\n                const checkboxes = await page.findAll('q2-checkbox');\n\n                expect(checkboxes).toHaveLength(5);\n                checkboxes.forEach(checkbox => {\n                    expect(checkbox).not.toHaveAttribute('group-disabled');\n                });\n            });\n\n            it('adds the group-disabled attribute to the checkboxes when present', async () => {\n                page = await setupPage('disabled');\n                const checkboxes = await page.findAll('q2-checkbox');\n\n                expect(checkboxes).toHaveLength(5);\n                checkboxes.forEach(checkbox => {\n                    expect(checkbox).toHaveAttribute('group-disabled');\n                });\n            });\n        });\n        describe('readonly', () => {\n            describe('set to true', () => {\n                it('on load child q2-checkbox components are readonly', async () => {\n                    page = await setupPage('readonly'); // setting readonly but slotReadonly should get updated\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).toHaveAttribute('slot-readonly');\n                        expect(checkbox).not.toHaveAttribute('readonly');\n                    });\n                });\n                it('after load child q2-checkbox components are readonly', async () => {\n                    page = await setupPage();\n                    const checkboxGroup = await page.find('q2-checkbox-group');\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).not.toHaveAttribute('slot-readonly');\n                    });\n\n                    checkboxGroup.setAttribute('readonly', 'true'); // setting readonly but slotReadonly should get updated\n                    await page.waitForChanges();\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).toHaveAttribute('slot-readonly');\n                        expect(checkbox).not.toHaveAttribute('readonly');\n                    });\n                });\n            });\n            describe('set to false', () => {\n                it('on load child q2-checkbox components are NOT readonly', async () => {\n                    page = await setupPage();\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).not.toHaveAttribute('slot-readonly');\n                    });\n                });\n                it('after load child q2-checkbox components are NOT readonly', async () => {\n                    page = await setupPage('readonly'); // setting readonly but slotReadonly should get updated\n                    const checkboxGroup = await page.find('q2-checkbox-group');\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).toHaveAttribute('slot-readonly');\n                        expect(checkbox).not.toHaveAttribute('readonly');\n                    });\n\n                    checkboxGroup.setAttribute('readonly', 'false'); // setting readonly but slotReadonly should get updated\n                    await page.waitForChanges();\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).not.toHaveAttribute('slot-readonly');\n                    });\n                });\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        describe('setValue', () => {\n            beforeEach(async () => {\n                page = await setup({\n                    html: `\n                        <q2-checkbox-group label=\"My Checkbox group\">\n                            <q2-checkbox value=\"value-1\" label=\"Checkbox 1\"></q2-checkbox>\n                            <q2-checkbox value=\"value-2\" label=\"Checkbox 2\"></q2-checkbox>\n                            <q2-checkbox value=\"value-3\" label=\"Checkbox 3\"></q2-checkbox>\n                            <q2-checkbox value=\"value-4\" label=\"Checkbox 4\"></q2-checkbox>\n                            <q2-checkbox value=\"value-5\" label=\"Checkbox 5\"></q2-checkbox>\n                        </q2-checkbox-group>\n                    `,\n                });\n                await page.waitForChanges();\n            });\n\n            it('selects every checkbox provided in an array of strings', async () => {\n                const checkboxGroup = await page.find('q2-checkbox-group');\n                const checkboxGroupChangeSpy = await checkboxGroup.spyOnEvent('change');\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n\n                await checkboxGroup.callMethod('setValue', ['value-1', 'value-3', 'value-5']);\n                await page.waitForChanges();\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(3);\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventDetail({\n                    'value-1': true,\n                    'value-2': false,\n                    'value-3': true,\n                    'value-4': false,\n                    'value-5': true,\n                });\n\n                const allCheckboxes = await page.findAll('q2-checkbox');\n                expect(allCheckboxes[0]).toHaveAttribute('checked');\n                expect(allCheckboxes[1]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[2]).toHaveAttribute('checked');\n                expect(allCheckboxes[3]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[4]).toHaveAttribute('checked');\n                expect(await getFocusedAttribute(page, 'value')).toEqual('value-5');\n            });\n\n            it('selects the checkbox for the provided value', async () => {\n                const checkboxGroup = await page.find('q2-checkbox-group');\n                const checkboxGroupChangeSpy = await checkboxGroup.spyOnEvent('change');\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n\n                await checkboxGroup.callMethod('setValue', 'value-3');\n                await page.waitForChanges();\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(1);\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventDetail({\n                    'value-1': false,\n                    'value-2': false,\n                    'value-3': true,\n                    'value-4': false,\n                    'value-5': false,\n                });\n\n                const allCheckboxes = await page.findAll('q2-checkbox');\n                expect(allCheckboxes[0]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[1]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[2]).toHaveAttribute('checked');\n                expect(allCheckboxes[3]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[4]).not.toHaveAttribute('checked');\n                expect(await getFocusedAttribute(page, 'value')).toEqual('value-3');\n            });\n\n            it('does not select any checkbox when the provided value is not found', async () => {\n                const checkboxGroup = await page.find('q2-checkbox-group');\n                const checkboxGroupChangeSpy = await checkboxGroup.spyOnEvent('change');\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n\n                await checkboxGroup.callMethod('setValue', 'value-10');\n                await page.waitForChanges();\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                const allCheckboxes = await page.findAll('q2-checkbox');\n                expect(allCheckboxes[0]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[1]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[2]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[3]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[4]).not.toHaveAttribute('checked');\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n            });\n        });\n    });\n});\n"]}
+{"version":3,"file":"q2-checkbox-group-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-checkbox-group/test/q2-checkbox-group-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage } from '@stencil/core/testing';\nimport { evaluateA11y, getFocusedAttribute, getListOfStyleCompilationIssues, setup } from '@/utils/helpers';\n\ndescribe('q2-checkbox-group', () => {\n    let page: E2EPage;\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-checkbox-group></q2-checkbox-group>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-checkbox-group')).toHaveLength(0);\n    });\n\n    describe('Props', () => {\n        async function setupPage(props: string = '') {\n            props = props ? ` ${props}` : '';\n            const page = await setup({\n                html: `\n            <q2-checkbox-group label=\"My Checkbox group\"${props}>\n                <q2-checkbox value=\"value-1\" label=\"Checkbox 1\"></q2-checkbox>\n                <q2-checkbox value=\"value-2\" label=\"Checkbox 2\"></q2-checkbox>\n                <q2-checkbox value=\"value-3\" label=\"Checkbox 3\"></q2-checkbox>\n                <q2-checkbox value=\"value-4\" label=\"Checkbox 4\"></q2-checkbox>\n                <q2-checkbox value=\"value-5\" label=\"Checkbox 5\"></q2-checkbox>\n            </q2-checkbox-group>\n        `,\n            });\n            await page.waitForChanges();\n\n            return page;\n        }\n\n        describe('disabled', () => {\n            it('does not add the group-disabled attribute to the checkboxes by default', async () => {\n                page = await setupPage();\n                const checkboxes = await page.findAll('q2-checkbox');\n\n                expect(checkboxes).toHaveLength(5);\n                checkboxes.forEach(checkbox => {\n                    expect(checkbox).not.toHaveAttribute('group-disabled');\n                });\n            });\n\n            it('adds the group-disabled attribute to the checkboxes when present', async () => {\n                page = await setupPage('disabled');\n                const checkboxes = await page.findAll('q2-checkbox');\n\n                expect(checkboxes).toHaveLength(5);\n                checkboxes.forEach(checkbox => {\n                    expect(checkbox).toHaveAttribute('group-disabled');\n                });\n            });\n        });\n        describe('readonly', () => {\n            describe('set to true', () => {\n                it('on load child q2-checkbox components are readonly', async () => {\n                    page = await setupPage('readonly'); // setting readonly but slotReadonly should get updated\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).toHaveAttribute('slot-readonly');\n                        expect(checkbox).not.toHaveAttribute('readonly');\n                    });\n                });\n                it('after load child q2-checkbox components are readonly', async () => {\n                    page = await setupPage();\n                    const checkboxGroup = await page.find('q2-checkbox-group');\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).not.toHaveAttribute('slot-readonly');\n                    });\n\n                    checkboxGroup.setAttribute('readonly', 'true'); // setting readonly but slotReadonly should get updated\n                    await page.waitForChanges();\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).toHaveAttribute('slot-readonly');\n                        expect(checkbox).not.toHaveAttribute('readonly');\n                    });\n                });\n            });\n            describe('set to false', () => {\n                it('on load child q2-checkbox components are NOT readonly', async () => {\n                    page = await setupPage();\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).not.toHaveAttribute('slot-readonly');\n                    });\n                });\n                it('after load child q2-checkbox components are NOT readonly', async () => {\n                    page = await setupPage('readonly'); // setting readonly but slotReadonly should get updated\n                    const checkboxGroup = await page.find('q2-checkbox-group');\n                    const checkboxes = await page.findAll('q2-checkbox');\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).toHaveAttribute('slot-readonly');\n                        expect(checkbox).not.toHaveAttribute('readonly');\n                    });\n\n                    checkboxGroup.setAttribute('readonly', 'false'); // setting readonly but slotReadonly should get updated\n                    await page.waitForChanges();\n\n                    checkboxes.forEach(checkbox => {\n                        expect(checkbox).not.toHaveAttribute('slot-readonly');\n                    });\n                });\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        describe('setValue', () => {\n            beforeEach(async () => {\n                page = await setup({\n                    html: `\n                        <q2-checkbox-group label=\"My Checkbox group\">\n                            <q2-checkbox value=\"value-1\" label=\"Checkbox 1\"></q2-checkbox>\n                            <q2-checkbox value=\"value-2\" label=\"Checkbox 2\"></q2-checkbox>\n                            <q2-checkbox value=\"value-3\" label=\"Checkbox 3\"></q2-checkbox>\n                            <q2-checkbox value=\"value-4\" label=\"Checkbox 4\"></q2-checkbox>\n                            <q2-checkbox value=\"value-5\" label=\"Checkbox 5\"></q2-checkbox>\n                        </q2-checkbox-group>\n                    `,\n                });\n                await page.waitForChanges();\n            });\n\n            it('selects every checkbox provided in an array of strings', async () => {\n                const checkboxGroup = await page.find('q2-checkbox-group');\n                const checkboxGroupChangeSpy = await checkboxGroup.spyOnEvent('change');\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n\n                await checkboxGroup.callMethod('setValue', ['value-1', 'value-3', 'value-5']);\n                await page.waitForChanges();\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(3);\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventDetail({\n                    'value-1': true,\n                    'value-2': false,\n                    'value-3': true,\n                    'value-4': false,\n                    'value-5': true,\n                });\n\n                const allCheckboxes = await page.findAll('q2-checkbox');\n                expect(allCheckboxes[0]).toHaveAttribute('checked');\n                expect(allCheckboxes[1]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[2]).toHaveAttribute('checked');\n                expect(allCheckboxes[3]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[4]).toHaveAttribute('checked');\n                expect(await getFocusedAttribute(page, 'value')).toEqual('value-5');\n            });\n\n            it('selects the checkbox for the provided value', async () => {\n                const checkboxGroup = await page.find('q2-checkbox-group');\n                const checkboxGroupChangeSpy = await checkboxGroup.spyOnEvent('change');\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n\n                await checkboxGroup.callMethod('setValue', 'value-3');\n                await page.waitForChanges();\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(1);\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventDetail({\n                    'value-1': false,\n                    'value-2': false,\n                    'value-3': true,\n                    'value-4': false,\n                    'value-5': false,\n                });\n\n                const allCheckboxes = await page.findAll('q2-checkbox');\n                expect(allCheckboxes[0]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[1]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[2]).toHaveAttribute('checked');\n                expect(allCheckboxes[3]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[4]).not.toHaveAttribute('checked');\n                expect(await getFocusedAttribute(page, 'value')).toEqual('value-3');\n            });\n\n            it('does not select any checkbox when the provided value is not found', async () => {\n                const checkboxGroup = await page.find('q2-checkbox-group');\n                const checkboxGroupChangeSpy = await checkboxGroup.spyOnEvent('change');\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n\n                await checkboxGroup.callMethod('setValue', 'value-10');\n                await page.waitForChanges();\n\n                expect(checkboxGroupChangeSpy).toHaveReceivedEventTimes(0);\n                const allCheckboxes = await page.findAll('q2-checkbox');\n                expect(allCheckboxes[0]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[1]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[2]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[3]).not.toHaveAttribute('checked');\n                expect(allCheckboxes[4]).not.toHaveAttribute('checked');\n                expect(await getFocusedAttribute(page, 'value')).toBeNull();\n            });\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-checkbox-group label=\"My Checkbox group\">\n                            <q2-checkbox value=\"value-1\" label=\"Checkbox 1\"></q2-checkbox>\n                            <q2-checkbox value=\"value-2\" label=\"Checkbox 2\"></q2-checkbox>\n                            <q2-checkbox value=\"value-3\" label=\"Checkbox 3\"></q2-checkbox>\n                            <q2-checkbox value=\"value-4\" label=\"Checkbox 4\"></q2-checkbox>\n                            <q2-checkbox value=\"value-5\" label=\"Checkbox 5\"></q2-checkbox>\n                        </q2-checkbox-group>\n                    `,\n                });\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n"]}

package/dist/collection/components/q2-currency/q2-currency.js

@@ -105,7 +105,7 @@ export class Q2Currency {
     // #region Render Methods
     render() {
         const { hasPlusMinusSign, plusMinusSign, currencyIsFront, currencySymbol, shouldSuperscriptSymbol, amountCore, fraction, shouldSuperscriptFraction, readableCurrency, currencyClasses, } = this;
-        return (h("div", { key: 'ed33172deafa3f61e799dffc372e7b9fd6a874e9', class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: 'af56566eac86d140a2d6593895c3393fbdaf805a' }, plusMinusSign), currencyIsFront && h("span", { key: '6ed73eab5877469f48eb44ab7dce6642304adeae', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: '240303c419b898c255a00eac5e55a910ee1ac6d1' }, amountCore), h("span", { key: '83902dbf7399faf3afcd9bdaf165802f1c9e78d8', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: '11fb3f1155b4273eb6bf9f13924ef98a51c18034', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
+        return (h("div", { key: 'd921c89c1a7cc2b8cc768f828a68794b81ea896e', class: currencyClasses, "aria-label": readableCurrency }, hasPlusMinusSign && h("span", { key: '042f4f077827825dc9a59fd88770bd92758e4a1d' }, plusMinusSign), currencyIsFront && h("span", { key: '1a383dd810cdf6e4e8c7f2b0c3cb823ea27a30d5', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol), h("span", { key: '2c2892e40610254844efcfff6dae56699a94beff' }, amountCore), h("span", { key: '1c4cea0da09310e0d252a82e66dbd6473ef2b9f5', class: shouldSuperscriptFraction ? 'superscript' : '' }, fraction), !currencyIsFront && h("span", { key: '0f54a283e8979f4fe276a1c1a4202eff4bdb3673', class: shouldSuperscriptSymbol ? 'superscript' : '' }, currencySymbol)));
     }
     static get is() { return "q2-currency"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-currency/test/q2-currency-test.e2e.js

@@ -31,13 +31,6 @@ describe('q2-currency', () => {
         const page = await setup({ html: '<q2-currency></q2-currency>' });
         expect(await getListOfStyleCompilationIssues(page, 'q2-currency')).toHaveLength(0);
     });
-    describe('[A11y] guideline compliance', () => {
-        it('Does not have accessibility violations', async () => {
-            const page = await setup({ html: `<q2-currency amount="1234.56" />` });
-            const hasViolations = await evaluateA11y(page);
-            expect(hasViolations).toBe(false);
-        });
-    });
     let page;
     it('renders', async () => {
         page = await createNewSpecPage({
@@ -502,5 +495,17 @@ describe('q2-currency', () => {
             });
         });
     });
+    describe('Accessibility', () => {
+        describe('aXe DevTools', () => {
+            it('does not have accessibility violations', async () => {
+                const page = await setup({ html: `<q2-currency amount="1234.56" />` });
+                const hasViolations = await evaluateA11y(page);
+                expect(hasViolations).toBe(false);
+            });
+        });
+        describe('Accessibility Tree', () => { });
+        describe('Keyboard Controls', () => { });
+        describe('Other', () => { });
+    });
 });
 //# sourceMappingURL=q2-currency-test.e2e.js.map

package/dist/collection/components/q2-currency/test/q2-currency-test.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-currency-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-currency/test/q2-currency-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { setup, evaluateA11y, getListOfStyleCompilationIssues } from '@/utils/helpers';\nimport { Q2Currency } from '../q2-currency';\n\nfunction createNewSpecPage(props: {\n    amount?: number;\n    currency?: string;\n    locale?: string;\n    size?: string;\n    slotSize?: string;\n    signDisplay?: string;\n}) {\n    let htmlProps: string = '';\n    if (!isNaN(props.amount)) {\n        htmlProps += ` amount=${props.amount}`;\n    }\n    if (!!props.currency) {\n        htmlProps += ` currency=\"${props.currency}\"`;\n    }\n    if (!!props.locale) {\n        htmlProps += ` locale=\"${props.locale}\"`;\n    }\n    if (!!props.size) {\n        htmlProps += ` size=\"${props.size}\"`;\n    }\n    if (!!props.signDisplay) {\n        htmlProps += ` sign-display=\"${props.signDisplay}\"`;\n    }\n    if (!!props.slotSize) {\n        htmlProps += ` slot-size=\"${props.slotSize}\"`;\n    }\n    return newSpecPage({\n        components: [Q2Currency],\n        html: `<q2-currency ${htmlProps}></q2-currency>`,\n    });\n}\n\ndescribe('q2-currency', () => {\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-currency></q2-currency>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-currency')).toHaveLength(0);\n    });\n\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations', async () => {\n            const page = await setup({ html: `<q2-currency amount=\"1234.56\" />` });\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    let page: SpecPage;\n\n    it('renders', async () => {\n        page = await createNewSpecPage({\n            amount: 1234.56,\n            currency: 'USD',\n            locale: 'en-US',\n        });\n\n        expect(page.root).toEqualHtml(`\n            <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                <mock:shadow-root>\n                <div aria-label=\"$1,234.56\" class=\"currency\">\n                    <span>$</span>\n                    <span>1,234.</span>\n                    <span>56</span>\n                </mock:shadow-root>\n            </q2-currency>\n        `);\n    });\n\n    describe('Props', () => {\n        describe('amount', () => {\n            it('should render the amount', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                });\n                expect(page.root.amount).toBe(1234.56);\n            });\n            it('should accept negative numbers', async () => {\n                page = await createNewSpecPage({\n                    amount: -1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                });\n                expect(page.root.amount).toBe(-1234.56);\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"-$1,234.56\" class=\"currency\">\n                            <span>-</span>\n                            <span>$</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n        describe('currency', () => {\n            it('renders appropriate currency symbol', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'EUR',\n                    locale: 'en-US',\n                });\n                expect(page.root.currency).toBe('EUR');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"EUR\" locale=\"en-US\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"€1,234.56\" class=\"currency\">\n                            <span>€</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n        describe('locale', () => {\n            it('renders according to the locale', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'es-MX',\n                });\n                expect(page.root.locale).toBe('es-MX');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"es-MX\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"USD&nbsp;1,234.56\" class=\"currency\">\n                            <span>USD</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n        describe('size', () => {\n            it('renders small', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'small',\n                });\n                expect(page.root.size).toBe('small');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"small\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-small\">\n                            <span class='superscript'>$</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n\n            it('renders medium', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'medium',\n                });\n                expect(page.root.size).toBe('medium');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"medium\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-medium\">\n                            <span class='superscript'>$</span>\n                            <span>1,234</span>\n                            <span class='superscript'>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n\n            it('renders large', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'large',\n                });\n                expect(page.root.size).toBe('large');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"large\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-large\">\n                            <span class='superscript'>$</span>\n                            <span>1,234</span>\n                            <span class='superscript'>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n\n        describe('signDisplay', () => {\n            describe('when currency value is negative', () => {\n                it('renders a negative sign on auto', async () => {\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                    });\n                    expect(page.root.signDisplay).toBe('auto');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"-$1,234.56\" class=\"currency\">\n                                <span>-</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('renders a negative sign on always', async () => {\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'always',\n                    });\n                    expect(page.root.signDisplay).toBe('always');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"always\">\n                            <mock:shadow-root>\n                            <div aria-label=\"-$1,234.56\" class=\"currency\">\n                                <span>-</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('renders only when value is not zero on exceptZero', async () => {\n                    page = await createNewSpecPage({\n                        amount: -0,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"0\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$0.00\" class=\"currency\">\n                                <span>$</span>\n                                <span>0.</span>\n                                <span>00</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                            <mock:shadow-root>\n                            <div aria-label=\"-$1,234.56\" class=\"currency\">\n                                <span>-</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('does not render when set to never', async () => {\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'never',\n                    });\n                    expect(page.root.signDisplay).toBe('never');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"never\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n            describe('when currency value is positive', () => {\n                it('does not display positive sign on auto', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                    });\n                    expect(page.root.signDisplay).toBe('auto');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('displays the positive sign on always', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'always',\n                    });\n                    expect(page.root.signDisplay).toBe('always');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"always\">\n                            <mock:shadow-root>\n                            <div aria-label=\"+$1,234.56\" class=\"currency\">\n                                <span>+</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('renders sign only when value is not zero on exceptZero', async () => {\n                    page = await createNewSpecPage({\n                        amount: 0,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                            <q2-currency amount=\"0\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                                <mock:shadow-root>\n                                <div aria-label=\"$0.00\" class=\"currency\">\n                                    <span>$</span>\n                                    <span>0.</span>\n                                    <span>00</span>\n                                </mock:shadow-root>\n                            </q2-currency>\n                        `);\n\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                            <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                                <mock:shadow-root>\n                                <div aria-label=\"+$1,234.56\" class=\"currency\">\n                                    <span>+</span>\n                                    <span>$</span>\n                                    <span>1,234.</span>\n                                    <span>56</span>\n                                </mock:shadow-root>\n                            </q2-currency>\n                        `);\n                });\n                it('does not render when set to never', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'never',\n                    });\n                    expect(page.root.signDisplay).toBe('never');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"never\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n        });\n\n        describe('slotSize', () => {\n            describe('when provided', () => {\n                it('applies size class to currency', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        slotSize: 'medium',\n                    });\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" slot-size=\"medium\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency currency-medium\">\n                                <span class='superscript'>$</span>\n                                <span>1,234</span>\n                                <span class='superscript'>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('does NOT apply if the size property is already provided', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        size: 'large',\n                        slotSize: 'small',\n                    });\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"large\" slot-size=\"small\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency currency-large\">\n                                <span class='superscript'>$</span>\n                                <span>1,234</span>\n                                <span class='superscript'>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n            describe('when not provided', () => {\n                it('does NOT apply size class', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                    });\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n        });\n    });\n\n    describe('superscript styling behavior', () => {\n        it('if the fraction separator is a comma, do not superscript the fraction', async () => {\n            page = await createNewSpecPage({\n                amount: 1234.56,\n                currency: 'DKK',\n                locale: 'da-DK',\n                size: 'medium',\n            });\n            expect(page.root.currency).toBe('DKK');\n            expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"DKK\" locale=\"da-DK\" size=\"medium\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"1.234,56&nbsp;kr.\" class=\"currency currency-medium\">\n                            <span>1.234,</span>\n                            <span>56</span>\n                            <span class='superscript'>kr.</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n\n                `);\n        });\n\n        describe('in relation to size property', () => {\n            it('if provided: apply superscript', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'medium',\n                });\n                expect(page.root.size).toBe('medium');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"medium\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-medium\">\n                            <span class='superscript'>$</span>\n                            <span>1,234</span>\n                            <span class='superscript'>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n\n            it('if NOT provided: do NOT apply superscript', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                });\n                expect(page.root.size).toBe(undefined);\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency\">\n                            <span>$</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n    });\n});\n"]}
+{"version":3,"file":"q2-currency-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-currency/test/q2-currency-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { setup, evaluateA11y, getListOfStyleCompilationIssues } from '@/utils/helpers';\nimport { Q2Currency } from '../q2-currency';\n\nfunction createNewSpecPage(props: {\n    amount?: number;\n    currency?: string;\n    locale?: string;\n    size?: string;\n    slotSize?: string;\n    signDisplay?: string;\n}) {\n    let htmlProps: string = '';\n    if (!isNaN(props.amount)) {\n        htmlProps += ` amount=${props.amount}`;\n    }\n    if (!!props.currency) {\n        htmlProps += ` currency=\"${props.currency}\"`;\n    }\n    if (!!props.locale) {\n        htmlProps += ` locale=\"${props.locale}\"`;\n    }\n    if (!!props.size) {\n        htmlProps += ` size=\"${props.size}\"`;\n    }\n    if (!!props.signDisplay) {\n        htmlProps += ` sign-display=\"${props.signDisplay}\"`;\n    }\n    if (!!props.slotSize) {\n        htmlProps += ` slot-size=\"${props.slotSize}\"`;\n    }\n    return newSpecPage({\n        components: [Q2Currency],\n        html: `<q2-currency ${htmlProps}></q2-currency>`,\n    });\n}\n\ndescribe('q2-currency', () => {\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-currency></q2-currency>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-currency')).toHaveLength(0);\n    });\n\n    let page: SpecPage;\n\n    it('renders', async () => {\n        page = await createNewSpecPage({\n            amount: 1234.56,\n            currency: 'USD',\n            locale: 'en-US',\n        });\n\n        expect(page.root).toEqualHtml(`\n            <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                <mock:shadow-root>\n                <div aria-label=\"$1,234.56\" class=\"currency\">\n                    <span>$</span>\n                    <span>1,234.</span>\n                    <span>56</span>\n                </mock:shadow-root>\n            </q2-currency>\n        `);\n    });\n\n    describe('Props', () => {\n        describe('amount', () => {\n            it('should render the amount', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                });\n                expect(page.root.amount).toBe(1234.56);\n            });\n            it('should accept negative numbers', async () => {\n                page = await createNewSpecPage({\n                    amount: -1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                });\n                expect(page.root.amount).toBe(-1234.56);\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"-$1,234.56\" class=\"currency\">\n                            <span>-</span>\n                            <span>$</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n        describe('currency', () => {\n            it('renders appropriate currency symbol', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'EUR',\n                    locale: 'en-US',\n                });\n                expect(page.root.currency).toBe('EUR');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"EUR\" locale=\"en-US\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"€1,234.56\" class=\"currency\">\n                            <span>€</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n        describe('locale', () => {\n            it('renders according to the locale', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'es-MX',\n                });\n                expect(page.root.locale).toBe('es-MX');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"es-MX\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"USD&nbsp;1,234.56\" class=\"currency\">\n                            <span>USD</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n        describe('size', () => {\n            it('renders small', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'small',\n                });\n                expect(page.root.size).toBe('small');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"small\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-small\">\n                            <span class='superscript'>$</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n\n            it('renders medium', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'medium',\n                });\n                expect(page.root.size).toBe('medium');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"medium\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-medium\">\n                            <span class='superscript'>$</span>\n                            <span>1,234</span>\n                            <span class='superscript'>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n\n            it('renders large', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'large',\n                });\n                expect(page.root.size).toBe('large');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"large\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-large\">\n                            <span class='superscript'>$</span>\n                            <span>1,234</span>\n                            <span class='superscript'>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n\n        describe('signDisplay', () => {\n            describe('when currency value is negative', () => {\n                it('renders a negative sign on auto', async () => {\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                    });\n                    expect(page.root.signDisplay).toBe('auto');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"-$1,234.56\" class=\"currency\">\n                                <span>-</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('renders a negative sign on always', async () => {\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'always',\n                    });\n                    expect(page.root.signDisplay).toBe('always');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"always\">\n                            <mock:shadow-root>\n                            <div aria-label=\"-$1,234.56\" class=\"currency\">\n                                <span>-</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('renders only when value is not zero on exceptZero', async () => {\n                    page = await createNewSpecPage({\n                        amount: -0,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"0\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$0.00\" class=\"currency\">\n                                <span>$</span>\n                                <span>0.</span>\n                                <span>00</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                            <mock:shadow-root>\n                            <div aria-label=\"-$1,234.56\" class=\"currency\">\n                                <span>-</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('does not render when set to never', async () => {\n                    page = await createNewSpecPage({\n                        amount: -1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'never',\n                    });\n                    expect(page.root.signDisplay).toBe('never');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"-1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"never\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n            describe('when currency value is positive', () => {\n                it('does not display positive sign on auto', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                    });\n                    expect(page.root.signDisplay).toBe('auto');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('displays the positive sign on always', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'always',\n                    });\n                    expect(page.root.signDisplay).toBe('always');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"always\">\n                            <mock:shadow-root>\n                            <div aria-label=\"+$1,234.56\" class=\"currency\">\n                                <span>+</span>\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('renders sign only when value is not zero on exceptZero', async () => {\n                    page = await createNewSpecPage({\n                        amount: 0,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                            <q2-currency amount=\"0\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                                <mock:shadow-root>\n                                <div aria-label=\"$0.00\" class=\"currency\">\n                                    <span>$</span>\n                                    <span>0.</span>\n                                    <span>00</span>\n                                </mock:shadow-root>\n                            </q2-currency>\n                        `);\n\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'exceptZero',\n                    });\n                    expect(page.root.signDisplay).toBe('exceptZero');\n                    expect(page.root).toEqualHtml(`\n                            <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"exceptZero\">\n                                <mock:shadow-root>\n                                <div aria-label=\"+$1,234.56\" class=\"currency\">\n                                    <span>+</span>\n                                    <span>$</span>\n                                    <span>1,234.</span>\n                                    <span>56</span>\n                                </mock:shadow-root>\n                            </q2-currency>\n                        `);\n                });\n                it('does not render when set to never', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        signDisplay: 'never',\n                    });\n                    expect(page.root.signDisplay).toBe('never');\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"never\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n        });\n\n        describe('slotSize', () => {\n            describe('when provided', () => {\n                it('applies size class to currency', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        slotSize: 'medium',\n                    });\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" slot-size=\"medium\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency currency-medium\">\n                                <span class='superscript'>$</span>\n                                <span>1,234</span>\n                                <span class='superscript'>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n                it('does NOT apply if the size property is already provided', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                        size: 'large',\n                        slotSize: 'small',\n                    });\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"large\" slot-size=\"small\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency currency-large\">\n                                <span class='superscript'>$</span>\n                                <span>1,234</span>\n                                <span class='superscript'>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n            describe('when not provided', () => {\n                it('does NOT apply size class', async () => {\n                    page = await createNewSpecPage({\n                        amount: 1234.56,\n                        currency: 'USD',\n                        locale: 'en-US',\n                    });\n                    expect(page.root).toEqualHtml(`\n                        <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                            <mock:shadow-root>\n                            <div aria-label=\"$1,234.56\" class=\"currency\">\n                                <span>$</span>\n                                <span>1,234.</span>\n                                <span>56</span>\n                            </mock:shadow-root>\n                        </q2-currency>\n                    `);\n                });\n            });\n        });\n    });\n\n    describe('superscript styling behavior', () => {\n        it('if the fraction separator is a comma, do not superscript the fraction', async () => {\n            page = await createNewSpecPage({\n                amount: 1234.56,\n                currency: 'DKK',\n                locale: 'da-DK',\n                size: 'medium',\n            });\n            expect(page.root.currency).toBe('DKK');\n            expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"DKK\" locale=\"da-DK\" size=\"medium\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"1.234,56&nbsp;kr.\" class=\"currency currency-medium\">\n                            <span>1.234,</span>\n                            <span>56</span>\n                            <span class='superscript'>kr.</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n\n                `);\n        });\n\n        describe('in relation to size property', () => {\n            it('if provided: apply superscript', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                    size: 'medium',\n                });\n                expect(page.root.size).toBe('medium');\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" size=\"medium\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency currency-medium\">\n                            <span class='superscript'>$</span>\n                            <span>1,234</span>\n                            <span class='superscript'>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n\n            it('if NOT provided: do NOT apply superscript', async () => {\n                page = await createNewSpecPage({\n                    amount: 1234.56,\n                    currency: 'USD',\n                    locale: 'en-US',\n                });\n                expect(page.root.size).toBe(undefined);\n                expect(page.root).toEqualHtml(`\n                    <q2-currency amount=\"1234.56\" currency=\"USD\" locale=\"en-US\" sign-display=\"auto\">\n                        <mock:shadow-root>\n                        <div aria-label=\"$1,234.56\" class=\"currency\">\n                            <span>$</span>\n                            <span>1,234.</span>\n                            <span>56</span>\n                        </mock:shadow-root>\n                    </q2-currency>\n                `);\n            });\n        });\n    });\n\n    describe('Accessibility', () => {\n        describe('aXe DevTools', () => {\n            it('does not have accessibility violations', async () => {\n                const page = await setup({ html: `<q2-currency amount=\"1234.56\" />` });\n                const hasViolations = await evaluateA11y(page);\n                expect(hasViolations).toBe(false);\n            });\n        });\n        describe('Accessibility Tree', () => {});\n        describe('Keyboard Controls', () => {});\n        describe('Other', () => {});\n    });\n});\n"]}