@spectrum-web-components/number-field 0.3.7 → 0.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/number-field",
-    "version": "0.3.7",
+    "version": "0.3.8",
     "publishConfig": {
         "access": "public"
     },
@@ -45,12 +45,12 @@
     ],
     "dependencies": {
         "@internationalized/number": "^3.0.2",
-        "@spectrum-web-components/action-button": "^0.8.1",
+        "@spectrum-web-components/action-button": "^0.8.2",
         "@spectrum-web-components/base": "^0.5.4",
         "@spectrum-web-components/icon": "^0.11.5",
         "@spectrum-web-components/icons-ui": "^0.8.5",
-        "@spectrum-web-components/shared": "^0.13.6",
-        "@spectrum-web-components/textfield": "^0.11.3",
+        "@spectrum-web-components/shared": "^0.13.7",
+        "@spectrum-web-components/textfield": "^0.11.4",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
@@ -62,5 +62,5 @@
     "sideEffects": [
         "./sp-*.js"
     ],
-    "gitHead": "caf12727e7f91dcf961e1fadacc727eea9ece27b"
+    "gitHead": "dd76f9532fdea946880147cc7645f113b998c326"
 }

package/test/benchmark/basic-test.js

@@ -0,0 +1,18 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import '@spectrum-web-components/number-field/sp-number-field.js';
+import { html } from 'lit';
+import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
+measureFixtureCreation(html `
+    <sp-number-field></sp-number-field>
+`);
+//# sourceMappingURL=basic-test.js.map

package/test/benchmark/basic-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-test.js","sourceRoot":"","sources":["basic-test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,0DAA0D,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,sBAAsB,CAAC,IAAI,CAAA;;CAE1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/number-field/sp-number-field.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-number-field></sp-number-field>\n`);\n"]}

package/test/helpers.js

@@ -0,0 +1,66 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import { html } from '@spectrum-web-components/base';
+import { elementUpdated, fixture, nextFrame } from '@open-wc/testing';
+import { sendMouse } from '../../../test/plugins/browser.js';
+export async function getElFrom(test) {
+    const wrapped = await fixture(html `
+        <div style="--spectrum-alias-ui-icon-chevron-size-75: 20px;">
+            ${test}
+        </div>
+    `);
+    const el = wrapped.querySelector('sp-number-field');
+    await elementUpdated(el);
+    return el;
+}
+export async function clickBySelector(el, selector, options = {}) {
+    const target = el.shadowRoot.querySelector(selector);
+    const targetRect = target.getBoundingClientRect();
+    await sendMouse({
+        steps: [
+            {
+                type: 'move',
+                position: [
+                    targetRect.x + targetRect.width / 2,
+                    targetRect.y + targetRect.height / 2,
+                ],
+                options,
+            },
+            {
+                type: 'down',
+                options,
+            },
+        ],
+    });
+    await nextFrame();
+    await sendMouse({
+        steps: [
+            {
+                type: 'up',
+                options,
+            },
+        ],
+    });
+    await elementUpdated(el);
+}
+export function createLanguageContext(lang) {
+    const langResolvers = [];
+    const createLangResolver = (event) => {
+        langResolvers.push(event.detail.callback);
+        resolveLanguage();
+    };
+    const resolveLanguage = () => {
+        langResolvers.forEach((resolver) => resolver(lang));
+    };
+    return createLangResolver;
+}
+//# sourceMappingURL=helpers.js.map

package/test/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,IAAoB;IAChD,MAAM,OAAO,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;cAExC,IAAI;;KAEb,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,iBAAiB,CAAgB,CAAC;IACnE,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;IACzB,OAAO,EAAE,CAAC;AACd,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CACjC,EAAe,EACf,QAAgB,EAChB,UAAoD,EAAE;IAEtD,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;IACpE,MAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAClD,MAAM,SAAS,CAAC;QACZ,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE;oBACN,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC;oBACnC,UAAU,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC;iBACvC;gBACD,OAAO;aACV;YACD;gBACI,IAAI,EAAE,MAAM;gBACZ,OAAO;aACV;SACJ;KACJ,CAAC,CAAC;IACH,MAAM,SAAS,EAAE,CAAC;IAClB,MAAM,SAAS,CAAC;QACZ,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,IAAI;gBACV,OAAO;aACV;SACJ;KACJ,CAAC,CAAC;IACH,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,qBAAqB,CACjC,IAAY;IAEZ,MAAM,aAAa,GAA8B,EAAE,CAAC;IACpD,MAAM,kBAAkB,GAAG,CAAC,KAA+B,EAAQ,EAAE;QACjE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC1C,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,GAAS,EAAE;QAC/B,aAAa,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,OAAO,kBAAkB,CAAC;AAC9B,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport { elementUpdated, fixture, nextFrame } from '@open-wc/testing';\nimport { ProvideLang } from '@spectrum-web-components/theme';\nimport { NumberField } from '../';\nimport { sendMouse } from '../../../test/plugins/browser.js';\n\nexport async function getElFrom(test: TemplateResult): Promise<NumberField> {\n    const wrapped = await fixture<HTMLDivElement>(html`\n        <div style=\"--spectrum-alias-ui-icon-chevron-size-75: 20px;\">\n            ${test}\n        </div>\n    `);\n    const el = wrapped.querySelector('sp-number-field') as NumberField;\n    await elementUpdated(el);\n    return el;\n}\n\nexport async function clickBySelector(\n    el: NumberField,\n    selector: string,\n    options: { button?: 'left' | 'right' | 'middle' } = {}\n): Promise<void> {\n    const target = el.shadowRoot.querySelector(selector) as HTMLElement;\n    const targetRect = target.getBoundingClientRect();\n    await sendMouse({\n        steps: [\n            {\n                type: 'move',\n                position: [\n                    targetRect.x + targetRect.width / 2,\n                    targetRect.y + targetRect.height / 2,\n                ],\n                options,\n            },\n            {\n                type: 'down',\n                options,\n            },\n        ],\n    });\n    await nextFrame();\n    await sendMouse({\n        steps: [\n            {\n                type: 'up',\n                options,\n            },\n        ],\n    });\n    await elementUpdated(el);\n}\n\nexport function createLanguageContext(\n    lang: string\n): (event: CustomEvent<ProvideLang>) => void {\n    const langResolvers: ProvideLang['callback'][] = [];\n    const createLangResolver = (event: CustomEvent<ProvideLang>): void => {\n        langResolvers.push(event.detail.callback);\n        resolveLanguage();\n    };\n    const resolveLanguage = (): void => {\n        langResolvers.forEach((resolver) => resolver(lang));\n    };\n    return createLangResolver;\n}\n"]}

package/test/inputs.test.js

@@ -0,0 +1,385 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import { html } from '@spectrum-web-components/base';
+import { elementUpdated, expect } from '@open-wc/testing';
+import { createLanguageContext, getElFrom } from './helpers.js';
+import polyfillCheck from '@formatjs/intl-numberformat/should-polyfill.js';
+import '../sp-number-field.js';
+import { remapMultiByteCharacters } from '../';
+import { currency, decimals, Default, minMax, percents, } from '../stories/number-field.stories.js';
+import { sendKeys } from '@web/test-runner-commands';
+describe('NumberField - inputs', () => {
+    before(async () => {
+        if (polyfillCheck.shouldPolyfill()) {
+            await import('@formatjs/intl-numberformat/polyfill.js');
+        }
+        if (Intl.NumberFormat.polyfilled) {
+            await import('@formatjs/intl-numberformat/locale-data/en.js');
+            await import('@formatjs/intl-numberformat/locale-data/es.js');
+        }
+    });
+    describe('keystroke prevention', () => {
+        it('converts 2 byte characters, default', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '３、５６７、８９０。１',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('3,567,890.1');
+        });
+        it('converts 2 byte characters, percents', async () => {
+            const el = await getElFrom(html `
+                ${percents()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '２４％',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('24%');
+        });
+        it('prevents second "." in EN', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            el.formatOptions = {
+                maximumFractionDigits: 2,
+            };
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '1.1.1',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('1.11');
+        });
+        it('prevents text characters', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            el.formatOptions = {
+                maximumFractionDigits: 1,
+            };
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: 'D2.2',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('2.2');
+            el.value = NaN;
+            await sendKeys({
+                type: '8u23.s7',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('823.7');
+        });
+        it('allows "-" to start', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '-54',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('-54');
+        });
+        it('prevents "-" not at the start', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '54-',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('54');
+            el.value = NaN;
+            await sendKeys({
+                type: '5-4',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('54');
+        });
+        it('prevent "+" to start, normally', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '+54',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('54');
+        });
+        it('allow "+" to start when "signDisplay: always"', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.formatOptions = {
+                signDisplay: 'always',
+            };
+            el.focus();
+            await sendKeys({
+                type: '+54',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('+54');
+        });
+        it('prevents "%" when when not percents', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '63%',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('63');
+            el.blur();
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('63');
+        });
+        it('allows "%" when percents, and keeps "%" on blur', async () => {
+            const el = await getElFrom(html `
+                ${percents()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '63%',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('63%');
+            el.blur();
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('63%');
+        });
+        it('prevents "Backspace" on curreny value text, and keeps currency value text of blur', async () => {
+            const el = await getElFrom(html `
+                ${currency({ value: 234.21 })}
+            `);
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('EUR 234.21');
+            el.focus();
+            el.inputElement.setSelectionRange(2, 2);
+            await sendKeys({
+                press: 'Backspace',
+            });
+            await elementUpdated(el);
+            expect(el
+                .inputElement.value).to.equal('EUR 234.21');
+            el.blur();
+            await elementUpdated(el);
+            expect(el
+                .inputElement.value).to.equal('EUR 234.21');
+        });
+        it('prevents "." when `maximumFractionDigits: 0`', async () => {
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.formatOptions = {
+                maximumFractionDigits: 0,
+            };
+            el.focus();
+            await elementUpdated(el);
+            await sendKeys({
+                type: '5.2',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('52');
+            await sendKeys({
+                press: 'Enter',
+            });
+            await elementUpdated(el);
+            expect(el.value).to.equal(52);
+        });
+        xit('allow arabic numerals entered', async () => {
+            // Safari requires more polyfilling for this text
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await elementUpdated(el);
+            await sendKeys({
+                type: '٢١',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('21');
+            await sendKeys({
+                press: 'Enter',
+            });
+            await elementUpdated(el);
+            expect(el.value).to.equal(21);
+        });
+        xit('allow hanidec numerals entered', async () => {
+            // Safari requires more polyfilling for this text
+            const el = await getElFrom(html `
+                ${Default()}
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await elementUpdated(el);
+            await sendKeys({
+                type: '二一',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('21');
+            await sendKeys({
+                press: 'Enter',
+            });
+            await elementUpdated(el);
+            expect(el.value).to.equal(21);
+        });
+    });
+    describe('user suplied large numbers', () => {
+        it('do not crash the Number Field', async () => {
+            const el = await getElFrom(minMax(minMax.args));
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '12345678901234567890',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('255');
+            await sendKeys({
+                press: 'Enter',
+            });
+            await elementUpdated(el);
+            expect(el.value).to.equal(255);
+        });
+    });
+    describe('locale specific', () => {
+        it('can determine the group symbol', async () => {
+            const languageContext = createLanguageContext('es-ES');
+            const el = await getElFrom(html `
+                <div @sp-language-context=${languageContext}>${Default()}</div>
+            `);
+            await elementUpdated(el);
+            el.focus();
+            await sendKeys({
+                type: '123.456.789',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('123.456.789');
+            await sendKeys({
+                press: 'Tab',
+            });
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('123.456.789');
+        });
+    });
+    describe('2-byte characters', () => {
+        const numbers = Object.keys(remapMultiByteCharacters);
+        // only `１`-`０` can be accepted as single key inputs.
+        numbers.splice(10);
+        numbers.forEach((input) => {
+            const actual = remapMultiByteCharacters[input];
+            it(`accepts "${input}" as "${actual}"`, async () => {
+                const el = await getElFrom(Default());
+                el.focusElement.value = input;
+                el.focusElement.dispatchEvent(new Event('input', {
+                    bubbles: true,
+                    cancelable: true,
+                    composed: true,
+                }));
+                await elementUpdated(el);
+                expect(el.formattedValue).to.equal(actual);
+                expect(el.value).to.equal(Number(actual));
+            });
+        });
+        it('accepts "、" as "," and "。" as "."', async () => {
+            const el = await getElFrom(Default(Default.args));
+            el.focusElement.value = '１、２３４。５6';
+            el.focusElement.dispatchEvent(new Event('input', {
+                bubbles: true,
+                cancelable: true,
+                composed: true,
+            }));
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('1,234.56');
+            expect(el.value).to.equal(Number(1234.56));
+        });
+        it('accepts misplaced "、" and corrects them', async () => {
+            const el = await getElFrom(Default(Default.args));
+            const nextFocusableElement = document.createElement('input');
+            el.insertAdjacentElement('afterend', nextFocusableElement);
+            el.focus();
+            await elementUpdated(el);
+            el.focusElement.value = '１２、３４５６、７。８９';
+            el.focusElement.dispatchEvent(new Event('input', {
+                bubbles: true,
+                cancelable: true,
+                composed: true,
+            }));
+            await elementUpdated(el);
+            expect(el.focusElement.value, 'visible').to.equal('12,3456,7.89');
+            expect(el.formattedValue, 'tracked').to.equal('1,234,567.89');
+            expect(el.value, 'value').to.equal(Number(1234567.89));
+            await sendKeys({
+                press: 'Tab',
+            });
+            await elementUpdated(el);
+            expect(el.focusElement.value, 'visible').to.equal('1,234,567.89');
+            expect(el.formattedValue, 'tracked').to.equal('1,234,567.89');
+            expect(el.value, 'value').to.equal(Number(1234567.89));
+            nextFocusableElement.remove();
+        });
+        it('accepts "＋" as "+" and "ー" as "-"', async () => {
+            const el = await getElFrom(decimals(decimals.args));
+            el.focusElement.value = '＋９。８７';
+            el.focusElement.dispatchEvent(new Event('input', {
+                bubbles: true,
+                cancelable: true,
+                composed: true,
+            }));
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('+9.87');
+            expect(el.value).to.equal(Number(9.87));
+            el.focusElement.value = 'ー９．８７';
+            el.focusElement.dispatchEvent(new Event('input', {
+                bubbles: true,
+                cancelable: true,
+                composed: true,
+            }));
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('-9.87');
+            expect(el.value).to.equal(Number(-9.87));
+        });
+        it('accepts "％" as "%"', async () => {
+            const el = await getElFrom(percents(percents.args));
+            el.focusElement.value = '１０％';
+            el.focusElement.dispatchEvent(new Event('input', {
+                bubbles: true,
+                cancelable: true,
+                composed: true,
+            }));
+            await elementUpdated(el);
+            expect(el.formattedValue).to.equal('10%');
+            expect(el.value).to.equal(Number(0.1));
+        });
+    });
+});
+//# sourceMappingURL=inputs.test.js.map

package/test/inputs.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.test.js","sourceRoot":"","sources":["inputs.test.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html } from '@spectrum-web-components/base';\nimport { elementUpdated, expect } from '@open-wc/testing';\nimport { createLanguageContext, getElFrom } from './helpers.js';\nimport polyfillCheck from '@formatjs/intl-numberformat/should-polyfill.js';\n\nimport '../sp-number-field.js';\nimport { remapMultiByteCharacters } from '../';\nimport {\n    currency,\n    decimals,\n    Default,\n    minMax,\n    percents,\n} from '../stories/number-field.stories.js';\nimport { sendKeys } from '@web/test-runner-commands';\n\ndescribe('NumberField - inputs', () => {\n    before(async () => {\n        if (polyfillCheck.shouldPolyfill()) {\n            await import('@formatjs/intl-numberformat/polyfill.js');\n        }\n        if (\n            (Intl.NumberFormat as unknown as { polyfilled: boolean }).polyfilled\n        ) {\n            await import('@formatjs/intl-numberformat/locale-data/en.js');\n            await import('@formatjs/intl-numberformat/locale-data/es.js');\n        }\n    });\n    describe('keystroke prevention', () => {\n        it('converts 2 byte characters, default', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '３、５６７、８９０。１',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('3,567,890.1');\n        });\n        it('converts 2 byte characters, percents', async () => {\n            const el = await getElFrom(html`\n                ${percents()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '２４％',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('24%');\n        });\n        it('prevents second \".\" in EN', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            el.formatOptions = {\n                maximumFractionDigits: 2,\n            };\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '1.1.1',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('1.11');\n        });\n        it('prevents text characters', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            el.formatOptions = {\n                maximumFractionDigits: 1,\n            };\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: 'D2.2',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('2.2');\n\n            el.value = NaN;\n\n            await sendKeys({\n                type: '8u23.s7',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('823.7');\n        });\n        it('allows \"-\" to start', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '-54',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('-54');\n        });\n        it('prevents \"-\" not at the start', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '54-',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('54');\n\n            el.value = NaN;\n\n            await sendKeys({\n                type: '5-4',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('54');\n        });\n        it('prevent \"+\" to start, normally', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '+54',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('54');\n        });\n        it('allow \"+\" to start when \"signDisplay: always\"', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n            el.formatOptions = {\n                signDisplay: 'always',\n            };\n            el.focus();\n            await sendKeys({\n                type: '+54',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('+54');\n        });\n        it('prevents \"%\" when when not percents', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '63%',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('63');\n            el.blur();\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('63');\n        });\n        it('allows \"%\" when percents, and keeps \"%\" on blur', async () => {\n            const el = await getElFrom(html`\n                ${percents()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '63%',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('63%');\n            el.blur();\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('63%');\n        });\n        it('prevents \"Backspace\" on curreny value text, and keeps currency value text of blur', async () => {\n            const el = await getElFrom(html`\n                ${currency({ value: 234.21 })}\n            `);\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('EUR 234.21');\n\n            el.focus();\n            (\n                el as unknown as {\n                    inputElement: HTMLInputElement;\n                }\n            ).inputElement.setSelectionRange(2, 2);\n            await sendKeys({\n                press: 'Backspace',\n            });\n            await elementUpdated(el);\n            expect(\n                (el as unknown as { inputElement: HTMLInputElement })\n                    .inputElement.value\n            ).to.equal('EUR 234.21');\n            el.blur();\n            await elementUpdated(el);\n            expect(\n                (el as unknown as { inputElement: HTMLInputElement })\n                    .inputElement.value\n            ).to.equal('EUR 234.21');\n        });\n        it('prevents \".\" when `maximumFractionDigits: 0`', async () => {\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n            el.formatOptions = {\n                maximumFractionDigits: 0,\n            };\n            el.focus();\n            await elementUpdated(el);\n            await sendKeys({\n                type: '5.2',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('52');\n            await sendKeys({\n                press: 'Enter',\n            });\n            await elementUpdated(el);\n            expect(el.value).to.equal(52);\n        });\n        xit('allow arabic numerals entered', async () => {\n            // Safari requires more polyfilling for this text\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await elementUpdated(el);\n            await sendKeys({\n                type: '٢١',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('21');\n            await sendKeys({\n                press: 'Enter',\n            });\n            await elementUpdated(el);\n            expect(el.value).to.equal(21);\n        });\n        xit('allow hanidec numerals entered', async () => {\n            // Safari requires more polyfilling for this text\n            const el = await getElFrom(html`\n                ${Default()}\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await elementUpdated(el);\n            await sendKeys({\n                type: '二一',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('21');\n            await sendKeys({\n                press: 'Enter',\n            });\n            await elementUpdated(el);\n            expect(el.value).to.equal(21);\n        });\n    });\n    describe('user suplied large numbers', () => {\n        it('do not crash the Number Field', async () => {\n            const el = await getElFrom(minMax(minMax.args));\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '12345678901234567890',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('255');\n            await sendKeys({\n                press: 'Enter',\n            });\n            await elementUpdated(el);\n            expect(el.value).to.equal(255);\n        });\n    });\n    describe('locale specific', () => {\n        it('can determine the group symbol', async () => {\n            const languageContext = createLanguageContext('es-ES');\n            const el = await getElFrom(html`\n                <div @sp-language-context=${languageContext}>${Default()}</div>\n            `);\n            await elementUpdated(el);\n\n            el.focus();\n            await sendKeys({\n                type: '123.456.789',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('123.456.789');\n            await sendKeys({\n                press: 'Tab',\n            });\n            await elementUpdated(el);\n            expect(el.formattedValue).to.equal('123.456.789');\n        });\n    });\n    describe('2-byte characters', () => {\n        const numbers = Object.keys(remapMultiByteCharacters);\n        // only `１`-`０` can be accepted as single key inputs.\n        numbers.splice(10);\n        numbers.forEach((input) => {\n            const actual = remapMultiByteCharacters[input];\n            it(`accepts \"${input}\" as \"${actual}\"`, async () => {\n                const el = await getElFrom(Default());\n                el.focusElement.value = input;\n                el.focusElement.dispatchEvent(\n                    new Event('input', {\n                        bubbles: true,\n                        cancelable: true,\n                        composed: true,\n                    })\n                );\n                await elementUpdated(el);\n\n                expect(el.formattedValue).to.equal(actual);\n                expect(el.value).to.equal(Number(actual));\n            });\n        });\n        it('accepts \"、\" as \",\" and \"。\" as \".\"', async () => {\n            const el = await getElFrom(Default(Default.args));\n            el.focusElement.value = '１、２３４。５6';\n            el.focusElement.dispatchEvent(\n                new Event('input', {\n                    bubbles: true,\n                    cancelable: true,\n                    composed: true,\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.formattedValue).to.equal('1,234.56');\n            expect(el.value).to.equal(Number(1234.56));\n        });\n        it('accepts misplaced \"、\" and corrects them', async () => {\n            const el = await getElFrom(Default(Default.args));\n            const nextFocusableElement = document.createElement('input');\n            el.insertAdjacentElement('afterend', nextFocusableElement);\n            el.focus();\n            await elementUpdated(el);\n\n            el.focusElement.value = '１２、３４５６、７。８９';\n            el.focusElement.dispatchEvent(\n                new Event('input', {\n                    bubbles: true,\n                    cancelable: true,\n                    composed: true,\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.focusElement.value, 'visible').to.equal('12,3456,7.89');\n            expect(el.formattedValue, 'tracked').to.equal('1,234,567.89');\n            expect(el.value, 'value').to.equal(Number(1234567.89));\n\n            await sendKeys({\n                press: 'Tab',\n            });\n            await elementUpdated(el);\n            expect(el.focusElement.value, 'visible').to.equal('1,234,567.89');\n            expect(el.formattedValue, 'tracked').to.equal('1,234,567.89');\n            expect(el.value, 'value').to.equal(Number(1234567.89));\n            nextFocusableElement.remove();\n        });\n        it('accepts \"＋\" as \"+\" and \"ー\" as \"-\"', async () => {\n            const el = await getElFrom(decimals(decimals.args));\n            el.focusElement.value = '＋９。８７';\n            el.focusElement.dispatchEvent(\n                new Event('input', {\n                    bubbles: true,\n                    cancelable: true,\n                    composed: true,\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.formattedValue).to.equal('+9.87');\n            expect(el.value).to.equal(Number(9.87));\n\n            el.focusElement.value = 'ー９．８７';\n            el.focusElement.dispatchEvent(\n                new Event('input', {\n                    bubbles: true,\n                    cancelable: true,\n                    composed: true,\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.formattedValue).to.equal('-9.87');\n            expect(el.value).to.equal(Number(-9.87));\n        });\n        it('accepts \"％\" as \"%\"', async () => {\n            const el = await getElFrom(percents(percents.args));\n            el.focusElement.value = '１０％';\n            el.focusElement.dispatchEvent(\n                new Event('input', {\n                    bubbles: true,\n                    cancelable: true,\n                    composed: true,\n                })\n            );\n            await elementUpdated(el);\n\n            expect(el.formattedValue).to.equal('10%');\n            expect(el.value).to.equal(Number(0.1));\n        });\n    });\n});\n"]}

package/test/number-field.test-vrt.js

@@ -0,0 +1,15 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import * as stories from '../stories/number-field.stories.js';
+import { regressVisuals } from '../../../test/visual/test.js';
+regressVisuals('NumberFieldStories', stories);
+//# sourceMappingURL=number-field.test-vrt.js.map

package/test/number-field.test-vrt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.test-vrt.js","sourceRoot":"","sources":["number-field.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/number-field.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('NumberFieldStories', stories);\n"]}