@spectrum-web-components/number-field 0.4.2-devmode.0 → 0.5.0

package/test/number-field.test.js

@@ -1,1145 +1,6 @@
-import { html } from "@spectrum-web-components/base";
-import { elementUpdated, expect, nextFrame, oneEvent } from "@open-wc/testing";
-import polyfillCheck from "@formatjs/intl-numberformat/should-polyfill.js";
-import {
-  currency,
-  decimals,
-  Default,
-  indeterminate,
-  percents,
-  pixels,
-  units
-} from "../stories/number-field.stories.js";
-import "@spectrum-web-components/number-field/sp-number-field.js";
-import {
-  FRAMES_PER_CHANGE,
-  indeterminatePlaceholder
-} from "@spectrum-web-components/number-field";
-import { sendKeys, setUserAgent } from "@web/test-runner-commands";
-import { spy } from "sinon";
-import {
-  clickBySelector,
-  createLanguageContext,
-  getElFrom
-} from "./helpers.js";
-import { sendMouse } from "../../../test/plugins/browser.js";
-import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
-describe("NumberField", () => {
-  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/fr.js");
-    }
-  });
-  testForLitDevWarnings(async () => await getElFrom(Default({})));
-  it("loads default number-field accessibly", async () => {
-    const el = await getElFrom(Default({}));
-    await elementUpdated(el);
-    await expect(el).to.be.accessible();
-  });
-  describe("receives input", () => {
-    it("without language context", async () => {
-      const el = await getElFrom(Default({ value: 1337 }));
-      expect(el.formattedValue).to.equal("1,337");
-      expect(el.valueAsString).to.equal("1337");
-      expect(el.value).to.equal(1337);
-      el.focus();
-      await sendKeys({ type: "7331" });
-      await elementUpdated(el);
-      await sendKeys({ press: "Enter" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("13,377,331");
-      expect(el.valueAsString).to.equal("13377331");
-      expect(el.value).to.equal(13377331);
-    });
-    it("with language context", async () => {
-      const languageContext = createLanguageContext("fr");
-      const el = await getElFrom(html`
-                <div @sp-language-context=${languageContext}>
-                    ${Default({ value: 1337 })}
+import{html as E}from"@spectrum-web-components/base";import{elementUpdated as t,expect as e,nextFrame as h,oneEvent as m}from"@open-wc/testing";import U from"@formatjs/intl-numberformat/should-polyfill.js";import{currency as D,decimals as k,Default as w,indeterminate as b,percents as C,pixels as N,units as x}from"../stories/number-field.stories.js";import"@spectrum-web-components/number-field/sp-number-field.js";import{FRAMES_PER_CHANGE as S,indeterminatePlaceholder as y}from"@spectrum-web-components/number-field";import{sendKeys as l,setUserAgent as V}from"@web/test-runner-commands";import{spy as g}from"sinon";import{clickBySelector as r,createLanguageContext as W,getElFrom as n}from"./helpers.js";import{sendMouse as d}from"../../../test/plugins/browser.js";import{testForLitDevWarnings as M}from"../../../test/testing-helpers.js";describe("NumberField",()=>{before(async()=>{U.shouldPolyfill()&&await import("@formatjs/intl-numberformat/polyfill.js"),Intl.NumberFormat.polyfilled&&(await import("@formatjs/intl-numberformat/locale-data/en.js"),await import("@formatjs/intl-numberformat/locale-data/fr.js"))}),M(async()=>await n(w({}))),it("loads default number-field accessibly",async()=>{const a=await n(w({}));await t(a),await e(a).to.be.accessible()}),describe("receives input",()=>{it("without language context",async()=>{const a=await n(w({value:1337}));e(a.formattedValue).to.equal("1,337"),e(a.valueAsString).to.equal("1337"),e(a.value).to.equal(1337),a.focus(),await l({type:"7331"}),await t(a),await l({press:"Enter"}),await t(a),e(a.formattedValue).to.equal("13,377,331"),e(a.valueAsString).to.equal("13377331"),e(a.value).to.equal(13377331)}),it("with language context",async()=>{const a=W("fr"),u=await n(E`
+                <div @sp-language-context=${a}>
+                    ${w({value:1337})}
                 </div>
-            `);
-      expect(el.formattedValue).to.equal("1\u202F337");
-      expect(el.valueAsString).to.equal("1337");
-      expect(el.value).to.equal(1337);
-      el.focus();
-      await sendKeys({ type: "7331" });
-      await elementUpdated(el);
-      await sendKeys({ press: "Enter" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("13\u202F377\u202F331");
-      expect(el.valueAsString).to.equal("13377331");
-      expect(el.value).to.equal(13377331);
-    });
-  });
-  describe("Step", () => {
-    it("can be 0", async () => {
-      const el = await getElFrom(Default({
-        step: 0,
-        min: 0,
-        max: 10,
-        value: 5
-      }));
-      expect(el.value).to.equal(5);
-      expect(el.formattedValue).to.equal("5");
-      expect(el.valueAsString).to.equal("5");
-    });
-  });
-  describe("Increments", () => {
-    let el;
-    beforeEach(async () => {
-      el = await getElFrom(Default({}));
-      expect(el.value).to.be.NaN;
-      expect(el.formattedValue).to.equal("");
-      expect(el.valueAsString).to.equal("NaN");
-    });
-    it('via pointer, only "left" button', async () => {
-      await clickBySelector(el, ".stepUp", { button: "middle" });
-      expect(el.formattedValue).to.equal("");
-      expect(el.valueAsString).to.equal("NaN");
-      expect(el.value).to.be.NaN;
-    });
-    it("via pointer", async () => {
-      await clickBySelector(el, ".stepUp");
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await clickBySelector(el, ".stepUp");
-      expect(el.formattedValue).to.equal("1");
-      expect(el.valueAsString).to.equal("1");
-      expect(el.value).to.equal(1);
-    });
-    it("via arrow up", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("1");
-      expect(el.valueAsString).to.equal("1");
-      expect(el.value).to.equal(1);
-    });
-    it("via arrow up (shift modified)", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await sendKeys({ press: "Shift+ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("via arrow up (custom shift modified value)", async () => {
-      el.focus();
-      el.stepModifier = 5;
-      el.step = 3;
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await sendKeys({ press: "Shift+ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("15");
-      expect(el.valueAsString).to.equal("15");
-      expect(el.value).to.equal(15);
-    });
-    it("via scroll", async () => {
-      el.focus();
-      await elementUpdated(el);
-      expect(el.focused).to.be.true;
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: 1 }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: 100 }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("1");
-      expect(el.valueAsString).to.equal("1");
-      expect(el.value).to.equal(1);
-    });
-    it("via scroll (shift modified)", async () => {
-      el.focus();
-      await elementUpdated(el);
-      expect(el.focused).to.be.true;
-      el.dispatchEvent(new WheelEvent("wheel", {
-        deltaX: 1,
-        shiftKey: true
-      }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      el.dispatchEvent(new WheelEvent("wheel", {
-        deltaX: 100,
-        shiftKey: true
-      }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-  });
-  describe("Decrements", () => {
-    let el;
-    beforeEach(async () => {
-      el = await getElFrom(Default({}));
-      expect(el.value).to.be.NaN;
-      expect(el.formattedValue).to.equal("");
-      expect(el.valueAsString).to.equal("NaN");
-    });
-    it('via pointer, only "left" button', async () => {
-      await clickBySelector(el, ".stepDown", { button: "middle" });
-      expect(el.formattedValue).to.equal("");
-      expect(el.valueAsString).to.equal("NaN");
-      expect(el.value).to.be.NaN;
-    });
-    it("via pointer", async () => {
-      await clickBySelector(el, ".stepDown");
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await clickBySelector(el, ".stepDown");
-      expect(el.formattedValue).to.equal("-1");
-      expect(el.valueAsString).to.equal("-1");
-      expect(el.value).to.equal(-1);
-    });
-    it("via arrow down", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await sendKeys({ press: "ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("-1");
-      expect(el.valueAsString).to.equal("-1");
-      expect(el.value).to.equal(-1);
-    });
-    it("via arrow down (shift modified)", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await sendKeys({ press: "Shift+ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("-10");
-      expect(el.valueAsString).to.equal("-10");
-      expect(el.value).to.equal(-10);
-    });
-    it("via arrow up (custom shift modified value)", async () => {
-      el.focus();
-      el.stepModifier = 5;
-      el.step = 3;
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await sendKeys({ press: "Shift+ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("-15");
-      expect(el.valueAsString).to.equal("-15");
-      expect(el.value).to.equal(-15);
-    });
-    it("via scroll", async () => {
-      el.focus();
-      await elementUpdated(el);
-      expect(el.focused).to.be.true;
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: -1 }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: -100 }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("-1");
-      expect(el.valueAsString).to.equal("-1");
-      expect(el.value).to.equal(-1);
-    });
-    it("via scroll (shift modified)", async () => {
-      el.focus();
-      await elementUpdated(el);
-      expect(el.focused).to.be.true;
-      el.dispatchEvent(new WheelEvent("wheel", {
-        deltaX: -1,
-        shiftKey: true
-      }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      el.dispatchEvent(new WheelEvent("wheel", {
-        deltaX: -100,
-        shiftKey: true
-      }));
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("-10");
-      expect(el.valueAsString).to.equal("-10");
-      expect(el.value).to.equal(-10);
-    });
-  });
-  describe("dispatched events", () => {
-    const inputSpy = spy();
-    const changeSpy = spy();
-    let el;
-    beforeEach(async () => {
-      inputSpy.resetHistory();
-      changeSpy.resetHistory();
-      el = await getElFrom(Default({ value: 50 }));
-      el.addEventListener("input", (event) => {
-        var _a;
-        inputSpy((_a = event.target) == null ? void 0 : _a.value);
-      });
-      el.addEventListener("change", (event) => {
-        var _a;
-        changeSpy((_a = event.target) == null ? void 0 : _a.value);
-      });
-    });
-    it("has a useful `value`", async () => {
-      el.focus();
-      await sendKeys({ type: "7" });
-      await sendKeys({ press: "Enter" });
-      expect(inputSpy.calledWith(507), "input").to.be.true;
-      expect(changeSpy.calledWith(507), "change").to.be.true;
-      await sendKeys({ type: ",00" });
-      await sendKeys({ press: "Enter" });
-      expect(inputSpy.calledWith(5070), "input").to.be.true;
-      expect(inputSpy.calledWith(50700), "input").to.be.true;
-      expect(changeSpy.calledWith(50700), "change").to.be.true;
-    });
-    it("has a useful `value` - percent", async () => {
-      el.formatOptions = { style: "percent" };
-      el.value = 0.45;
-      expect(el.value).to.equal(0.45);
-      el.focus();
-      await sendKeys({ type: "7" });
-      expect(inputSpy.calledWith(4.57), "first input").to.be.true;
-      await sendKeys({ press: "Backspace" });
-      await sendKeys({ press: "Backspace" });
-      await sendKeys({ press: "Backspace" });
-      await sendKeys({ press: "Enter" });
-      expect(el.value).to.equal(0.04);
-      expect(inputSpy.calledWith(0.45), "second input").to.be.true;
-      expect(inputSpy.calledWith(0.04), "third input").to.be.true;
-      expect(changeSpy.calledWith(0.04), "change").to.be.true;
-    });
-    it("has a useful `value` - currency", async () => {
-      el.formatOptions = {
-        style: "currency",
-        currency: "EUR",
-        currencyDisplay: "code",
-        currencySign: "accounting"
-      };
-      await elementUpdated(el);
-      el.value = 45;
-      expect(el.value).to.equal(45);
-      el.focus();
-      await sendKeys({ type: "7" });
-      expect(el.value).to.equal(45.007);
-      expect(inputSpy.calledWith(el.value), "first input").to.be.true;
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ press: "ArrowLeft" });
-      await sendKeys({ type: "1" });
-      await sendKeys({ press: "Enter" });
-      expect(el.value).to.equal(145.007);
-      expect(inputSpy.calledWith(145.007), "second input").to.be.true;
-      expect(changeSpy.calledWith(145.007), "change").to.be.true;
-    });
-    it("one input/one change for each Arrow*", async () => {
-      el.focus();
-      await sendKeys({ press: "ArrowUp" });
-      expect(inputSpy.callCount).to.equal(1);
-      expect(changeSpy.callCount).to.equal(1);
-      expect(el.value).to.equal(51);
-      await sendKeys({ press: "ArrowDown" });
-      expect(inputSpy.callCount).to.equal(2);
-      expect(changeSpy.callCount).to.equal(2);
-      expect(el.value).to.equal(50);
-    });
-    it("one input/one change for each click", async () => {
-      await clickBySelector(el, ".stepUp");
-      expect(inputSpy.callCount).to.equal(1);
-      expect(changeSpy.callCount).to.equal(1);
-      expect(el.value).to.equal(51);
-      await clickBySelector(el, ".stepDown");
-      expect(inputSpy.callCount).to.equal(2);
-      expect(changeSpy.callCount).to.equal(2);
-      expect(el.value).to.equal(50);
-    });
-    it("click with modifier key", async () => {
-      let target = el.shadowRoot.querySelector(".stepUp");
-      const stepUpRect = target.getBoundingClientRect();
-      const options = {
-        bubbles: true,
-        composed: true,
-        shiftKey: true,
-        clientX: stepUpRect.x + 1,
-        clientY: stepUpRect.y + 1
-      };
-      el.buttons.setPointerCapture = () => {
-        return;
-      };
-      el.buttons.releasePointerCapture = () => {
-        return;
-      };
-      let input = oneEvent(el, "input");
-      target.dispatchEvent(new PointerEvent("pointerdown", options));
-      await input;
-      target.dispatchEvent(new PointerEvent("pointerup", options));
-      expect(inputSpy.callCount).to.equal(1);
-      expect(changeSpy.callCount).to.equal(1);
-      expect(el.value).to.equal(60);
-      target = el.shadowRoot.querySelector(".stepDown");
-      const stepDownRect = target.getBoundingClientRect();
-      options.clientX = stepDownRect.x + 1;
-      options.clientY = stepDownRect.y + 1;
-      input = oneEvent(el, "input");
-      target.dispatchEvent(new PointerEvent("pointerdown", options));
-      await input;
-      target.dispatchEvent(new PointerEvent("pointerup", options));
-      expect(inputSpy.callCount).to.equal(2);
-      expect(changeSpy.callCount).to.equal(2);
-      expect(el.value).to.equal(50);
-    });
-    it("many input, but one change", async () => {
-      const buttonUp = el.shadowRoot.querySelector(".stepUp");
-      const buttonUpRect = buttonUp.getBoundingClientRect();
-      const buttonUpPosition = [
-        buttonUpRect.x + buttonUpRect.width / 2,
-        buttonUpRect.y + buttonUpRect.height / 2
-      ];
-      const buttonDown = el.shadowRoot.querySelector(".stepDown");
-      const buttonDownRect = buttonDown.getBoundingClientRect();
-      const buttonDownPosition = [
-        buttonDownRect.x + buttonDownRect.width / 2,
-        buttonDownRect.y + buttonDownRect.height / 2
-      ];
-      sendMouse({
-        steps: [
-          {
-            type: "move",
-            position: buttonUpPosition
-          },
-          {
-            type: "down"
-          }
-        ]
-      });
-      await oneEvent(el, "input");
-      expect(el.value).to.equal(51);
-      expect(inputSpy.callCount).to.equal(1);
-      expect(changeSpy.callCount).to.equal(0);
-      await oneEvent(el, "input");
-      expect(el.value).to.equal(52);
-      expect(inputSpy.callCount).to.equal(2);
-      expect(changeSpy.callCount).to.equal(0);
-      sendMouse({
-        steps: [
-          {
-            type: "move",
-            position: buttonDownPosition
-          }
-        ]
-      });
-      let framesToWait = FRAMES_PER_CHANGE * 2;
-      while (framesToWait) {
-        framesToWait -= 1;
-        await nextFrame();
-      }
-      expect(inputSpy.callCount).to.equal(4);
-      expect(changeSpy.callCount).to.equal(0);
-      await sendMouse({
-        steps: [
-          {
-            type: "up"
-          }
-        ]
-      });
-      expect(inputSpy.callCount).to.equal(4);
-      expect(changeSpy.callCount).to.equal(1);
-    });
-  });
-  it("accepts pointer interactions with the stepper UI", async () => {
-    const inputSpy = spy();
-    const el = await getElFrom(Default({ value: 50 }));
-    el.addEventListener("input", () => inputSpy());
-    expect(el.formattedValue).to.equal("50");
-    expect(el.valueAsString).to.equal("50");
-    expect(el.value).to.equal(50);
-    const buttonUp = el.shadowRoot.querySelector(".stepUp");
-    const buttonUpRect = buttonUp.getBoundingClientRect();
-    const buttonUpPosition = [
-      buttonUpRect.x + buttonUpRect.width / 2,
-      buttonUpRect.y + buttonUpRect.height / 2
-    ];
-    const buttonDown = el.shadowRoot.querySelector(".stepDown");
-    const buttonDownRect = buttonDown.getBoundingClientRect();
-    const buttonDownPosition = [
-      buttonDownRect.x + buttonDownRect.width / 2,
-      buttonDownRect.y + buttonDownRect.height / 2
-    ];
-    const outsidePosition = [
-      buttonDownRect.x + buttonDownRect.width + 5,
-      buttonDownRect.y + buttonDownRect.height + 5
-    ];
-    await sendMouse({
-      steps: [
-        {
-          type: "move",
-          position: buttonUpPosition
-        },
-        {
-          type: "down"
-        }
-      ]
-    });
-    await oneEvent(el, "input");
-    let value = 50 + inputSpy.callCount;
-    expect(el.formattedValue).to.equal(String(value));
-    expect(el.valueAsString).to.equal(String(value));
-    expect(el.value).to.equal(value);
-    inputSpy.resetHistory();
-    await sendMouse({
-      steps: [
-        {
-          type: "move",
-          position: buttonDownPosition
-        }
-      ]
-    });
-    value = value - inputSpy.callCount;
-    expect(el.formattedValue).to.equal(String(value));
-    expect(el.valueAsString).to.equal(String(value));
-    expect(el.value).to.equal(value);
-    inputSpy.resetHistory();
-    await sendMouse({
-      steps: [
-        {
-          type: "move",
-          position: outsidePosition
-        }
-      ]
-    });
-    value = value - inputSpy.callCount;
-    expect(el.formattedValue).to.equal(String(value));
-    expect(el.valueAsString).to.equal(String(value));
-    expect(el.value).to.equal(value);
-    inputSpy.resetHistory();
-    await oneEvent(el, "input");
-    value = value - inputSpy.callCount;
-    expect(el.formattedValue).to.equal(String(value));
-    expect(el.valueAsString).to.equal(String(value));
-    expect(el.value).to.equal(value);
-    inputSpy.resetHistory();
-    await sendMouse({
-      steps: [
-        {
-          type: "up"
-        }
-      ]
-    });
-    let framesToWait = FRAMES_PER_CHANGE;
-    while (framesToWait) {
-      framesToWait -= 1;
-      await nextFrame();
-    }
-    await elementUpdated(el);
-    value = value - inputSpy.callCount;
-    expect(el.formattedValue).to.equal(String(value));
-    expect(el.valueAsString).to.equal(String(value));
-    expect(el.value).to.equal(value);
-  });
-  it("surfaces `valueAsNumber`", async () => {
-    const el = await getElFrom(Default({}));
-    el.value = 1e3;
-    await elementUpdated(el);
-    expect(el.formattedValue).to.equal("1,000");
-    expect(el.valueAsString).to.equal("1000");
-    expect(el.value).to.equal(1e3);
-    el.valueAsString = "2222";
-    await elementUpdated(el);
-    expect(el.formattedValue).to.equal("2,222");
-    expect(el.valueAsString).to.equal("2222");
-    expect(el.value).to.equal(2222);
-  });
-  describe("manages `value` with `formatOptions`", () => {
-    it("manages decimals", async () => {
-      const el = await getElFrom(decimals({ value: 1.333333 }));
-      expect(el.value).to.equal(1.33);
-      expect(el.formattedValue).to.equal("+1.33");
-      expect(el.valueAsString).to.equal("1.33");
-    });
-    it("manages precents", async () => {
-      const el = await getElFrom(percents({ value: 0.45 }));
-      expect(el.formattedValue).to.equal("45%");
-      expect(el.valueAsString).to.equal("0.45");
-      expect(el.value).to.equal(0.45);
-      await clickBySelector(el, ".stepDown");
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("44%");
-      expect(el.valueAsString).to.equal("0.44");
-      expect(el.value).to.equal(0.44);
-      await clickBySelector(el, ".stepUp");
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("45%");
-      expect(el.valueAsString).to.equal("0.45");
-      expect(el.value).to.equal(0.45);
-      el.focus();
-      el.value = 0;
-      await sendKeys({ type: "54" });
-      await sendKeys({ press: "Enter" });
-      expect(el.formattedValue).to.equal("54%");
-      expect(el.valueAsString).to.equal("0.54");
-      expect(el.value).to.equal(0.54);
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("54%");
-      expect(el.valueAsString).to.equal("0.54");
-      expect(el.value).to.equal(0.54);
-    });
-    it("manages currency", async () => {
-      const el = await getElFrom(currency({ value: 234.21 }));
-      expect(el.formattedValue).to.equal("EUR\xA0234.21");
-      expect(el.valueAsString).to.equal("234.21");
-      expect(el.value).to.equal(234.21);
-    });
-    it("manages units", async () => {
-      const el = await getElFrom(units({ value: 17 }));
-      expect(el.formattedValue).to.equal("17 inches");
-      expect(el.valueAsString).to.equal("17");
-      expect(el.value).to.equal(17);
-    });
-    it("manages units not supported by the browser", async () => {
-      const el = await getElFrom(pixels({ value: 17 }));
-      expect(el.formattedValue).to.equal("17px");
-      expect(el.valueAsString).to.equal("17");
-      expect(el.value).to.equal(17);
-    });
-  });
-  describe("max", () => {
-    let el;
-    let lastInputValue = 0;
-    let lastChangeValue = 0;
-    beforeEach(async () => {
-      el = await getElFrom(Default({
-        max: 10,
-        value: 10,
-        onInput: (value) => lastInputValue = value,
-        onChange: (value) => lastChangeValue = value
-      }));
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("constrains input", async () => {
-      el.focus();
-      await sendKeys({ type: "15" });
-      await sendKeys({ press: "Enter" });
-      await elementUpdated(el);
-      expect(lastInputValue, "last input value").to.equal(10);
-      expect(lastChangeValue, "last change value").to.equal(10);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("constrains `value`", async () => {
-      el.value = 20;
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("validates on commit", async () => {
-      el.focus();
-      await sendKeys({ type: "15" });
-      await sendKeys({ press: "Enter" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("disabled `stepUp` button", async () => {
-      await clickBySelector(el, ".stepUp");
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("validates late", async () => {
-      el.max = 5;
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("5");
-      expect(el.valueAsString).to.equal("5");
-      expect(el.value).to.equal(5);
-    });
-  });
-  describe("min", () => {
-    let el;
-    let lastInputValue = 0;
-    let lastChangeValue = 0;
-    beforeEach(async () => {
-      el = await getElFrom(Default({
-        min: 10,
-        value: 10,
-        onInput: (value) => lastInputValue = value,
-        onChange: (value) => lastChangeValue = value
-      }));
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("constrains input", async () => {
-      el.focus();
-      await sendKeys({ press: "Backspace" });
-      await sendKeys({ press: "Backspace" });
-      await sendKeys({ type: "5" });
-      await sendKeys({ press: "Enter" });
-      await elementUpdated(el);
-      expect(lastInputValue, "last input value").to.equal(10);
-      expect(lastChangeValue, "last change value").to.equal(10);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    xit("manages `inputMode` in iPhone", async () => {
-      await setUserAgent("Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148");
-      el.min = 0;
-      await elementUpdated(el);
-      expect(el.focusElement.inputMode).to.equal("numeric");
-      el.min = -10;
-      await elementUpdated(el);
-      expect(el.focusElement.inputMode).to.equal("text");
-      el.formatOptions = {
-        minimumFractionDigits: 1,
-        maximumFractionDigits: 2
-      };
-      el.min = 0;
-      await elementUpdated(el);
-      expect(el.focusElement.inputMode).to.equal("decimal");
-    });
-    xit("manages `inputMode` in Android", async () => {
-      await setUserAgent("Mozilla/5.0 (Linux; Android 10; SM-A205U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.210 Mobile Safari/537.36");
-      el.min = 0;
-      await elementUpdated(el);
-      expect(el.focusElement.inputMode).to.equal("numeric");
-      el.min = -10;
-      await elementUpdated(el);
-      expect(el.focusElement.inputMode).to.equal("numeric");
-      el.formatOptions = {
-        minimumFractionDigits: 1,
-        maximumFractionDigits: 2
-      };
-      el.min = 0;
-      await elementUpdated(el);
-      expect(el.focusElement.inputMode).to.equal("decimal");
-    });
-    it("constrains `value`", async () => {
-      el.value = 0;
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("validates on commit", async () => {
-      el.focus();
-      await sendKeys({ press: "0" });
-      await sendKeys({ press: "Enter" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("100");
-      expect(el.valueAsString).to.equal("100");
-      expect(el.value).to.equal(100);
-    });
-    it("disabled `stepDown` button", async () => {
-      await clickBySelector(el, ".stepDown");
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("validates late", async () => {
-      el.min = 15;
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("15");
-      expect(el.valueAsString).to.equal("15");
-      expect(el.value).to.equal(15);
-    });
-  });
-  describe("step", () => {
-    let el;
-    beforeEach(async () => {
-      el = await getElFrom(Default({ value: 10, step: 5 }));
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("via arrow up", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("15");
-      expect(el.valueAsString).to.equal("15");
-      expect(el.value).to.equal(15);
-    });
-    it("via arrow down", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("5");
-      expect(el.valueAsString).to.equal("5");
-      expect(el.value).to.equal(5);
-    });
-    it("step up via pointer", async () => {
-      await clickBySelector(el, ".stepUp");
-      expect(el.formattedValue).to.equal("15");
-      expect(el.valueAsString).to.equal("15");
-      expect(el.value).to.equal(15);
-    });
-    it("step down via pointer", async () => {
-      await clickBySelector(el, ".stepDown");
-      expect(el.formattedValue).to.equal("5");
-      expect(el.valueAsString).to.equal("5");
-      expect(el.value).to.equal(5);
-    });
-  });
-  describe("step + constraints", () => {
-    let el;
-    beforeEach(async () => {
-      el = await getElFrom(Default({ step: 5 }));
-      expect(el.formattedValue).to.equal("");
-      expect(el.valueAsString).to.equal("NaN");
-      expect(el.value).to.be.NaN;
-    });
-    it("steps", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("0");
-      expect(el.valueAsString).to.equal("0");
-      expect(el.value).to.equal(0);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("5");
-      expect(el.valueAsString).to.equal("5");
-      expect(el.value).to.equal(5);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-    });
-    it("steps from min", async () => {
-      el.min = 5;
-      await elementUpdated(el);
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("5");
-      expect(el.valueAsString).to.equal("5");
-      expect(el.value).to.equal(5);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("10");
-      expect(el.valueAsString).to.equal("10");
-      expect(el.value).to.equal(10);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("15");
-      expect(el.valueAsString).to.equal("15");
-      expect(el.value).to.equal(15);
-    });
-    it("steps from mismatched min", async () => {
-      el.min = 2;
-      await elementUpdated(el);
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("2");
-      expect(el.valueAsString).to.equal("2");
-      expect(el.value).to.equal(2);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("7");
-      expect(el.valueAsString).to.equal("7");
-      expect(el.value).to.equal(7);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("12");
-      expect(el.valueAsString).to.equal("12");
-      expect(el.value).to.equal(12);
-    });
-    it("steps to mismatched max", async () => {
-      el.min = 2;
-      el.max = 10;
-      await elementUpdated(el);
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("2");
-      expect(el.valueAsString).to.equal("2");
-      expect(el.value).to.equal(2);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("7");
-      expect(el.valueAsString).to.equal("7");
-      expect(el.value).to.equal(7);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("7");
-      expect(el.valueAsString).to.equal("7");
-      expect(el.value).to.equal(7);
-    });
-    it("validates max + step", async () => {
-      el.value = 2;
-      el.min = 2;
-      el.max = 10;
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("2");
-      expect(el.valueAsString).to.equal("2");
-      expect(el.value).to.equal(2);
-      el.value = 11;
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("7");
-      expect(el.valueAsString).to.equal("7");
-      expect(el.value).to.equal(7);
-      el.value = 27;
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("7");
-      expect(el.valueAsString).to.equal("7");
-      expect(el.value).to.equal(7);
-    });
-  });
-  describe("indeterminate", () => {
-    let el;
-    beforeEach(async () => {
-      el = await getElFrom(indeterminate(indeterminate.args));
-      expect(el.formattedValue).to.equal("100");
-      expect(el.valueAsString).to.equal("100");
-      expect(el.value).to.equal(100);
-      expect(el.displayValue).to.equal(indeterminatePlaceholder);
-    });
-    it('remove "-" on focus', async () => {
-      el.focus();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("100");
-      expect(el.valueAsString).to.equal("100");
-      expect(el.value).to.equal(100);
-      expect(el.displayValue).to.equal("");
-      el.blur();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("100");
-      expect(el.valueAsString).to.equal("100");
-      expect(el.value).to.equal(100);
-      expect(el.displayValue).to.equal(indeterminatePlaceholder);
-    });
-    it('return to "-" after suplied value is removed', async () => {
-      el.focus();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("100");
-      expect(el.valueAsString).to.equal("100");
-      expect(el.value).to.equal(100);
-      expect(el.displayValue).to.equal("");
-      await sendKeys({ type: "50" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("50");
-      expect(el.valueAsString).to.equal("50");
-      expect(el.value).to.equal(50);
-      expect(el.displayValue).to.equal("50");
-      await sendKeys({ press: "Backspace" });
-      await sendKeys({ press: "Backspace" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("100");
-      expect(el.valueAsString).to.equal("100");
-      expect(el.value).to.equal(100);
-      expect(el.displayValue).to.equal("");
-      el.blur();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("100");
-      expect(el.valueAsString).to.equal("100");
-      expect(el.value).to.equal(100);
-      expect(el.displayValue).to.equal(indeterminatePlaceholder);
-    });
-    it('starts from `value` on "ArrowUp" keypresses', async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowUp" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("101");
-      expect(el.valueAsString).to.equal("101");
-      expect(el.value).to.equal(101);
-      expect(el.displayValue).to.equal("101");
-      el.blur();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("101");
-      expect(el.valueAsString).to.equal("101");
-      expect(el.value).to.equal(101);
-      expect(el.displayValue).to.equal("101");
-    });
-    it("starts from `value` on click `.stepUp`", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await clickBySelector(el, ".stepUp");
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("101");
-      expect(el.valueAsString).to.equal("101");
-      expect(el.value).to.equal(101);
-      expect(el.displayValue).to.equal("101");
-      el.blur();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("101");
-      expect(el.valueAsString).to.equal("101");
-      expect(el.value).to.equal(101);
-      expect(el.displayValue).to.equal("101");
-    });
-    it('starts from `value` on "ArrowDown" keypresses', async () => {
-      el.focus();
-      await elementUpdated(el);
-      await sendKeys({ press: "ArrowDown" });
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("99");
-      expect(el.valueAsString).to.equal("99");
-      expect(el.value).to.equal(99);
-      expect(el.displayValue).to.equal("99");
-      el.blur();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("99");
-      expect(el.valueAsString).to.equal("99");
-      expect(el.value).to.equal(99);
-      expect(el.displayValue).to.equal("99");
-    });
-    it("starts from `value` on click `.stepDown`", async () => {
-      el.focus();
-      await elementUpdated(el);
-      await clickBySelector(el, ".stepDown");
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("99");
-      expect(el.valueAsString).to.equal("99");
-      expect(el.value).to.equal(99);
-      expect(el.displayValue).to.equal("99");
-      el.blur();
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("99");
-      expect(el.valueAsString).to.equal("99");
-      expect(el.value).to.equal(99);
-      expect(el.displayValue).to.equal("99");
-    });
-  });
-  it("removes the stepper UI with [hide-stepper]", async () => {
-    const el = await getElFrom(Default({ hideStepper: true }));
-    const stepUp = el.shadowRoot.querySelector(".stepUp");
-    const stepDown = el.shadowRoot.querySelector(".stepDown");
-    expect(stepUp).to.be.null;
-    expect(stepDown).to.be.null;
-  });
-  describe("Disabled", () => {
-    let el;
-    beforeEach(async () => {
-      el = await getElFrom(Default({ disabled: true, value: 1337 }));
-      expect(el.formattedValue).to.equal("1,337");
-      expect(el.valueAsString).to.equal("1337");
-      expect(el.value).to.equal(1337);
-      el.focus();
-      await elementUpdated(el);
-    });
-    afterEach(async () => {
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("1,337");
-      expect(el.valueAsString).to.equal("1337");
-      expect(el.value).to.equal(1337);
-    });
-    it("presents as `disabled`", async () => {
-      await sendKeys({ type: "12345" });
-      await elementUpdated(el);
-      await sendKeys({ press: "Enter" });
-    });
-    it("prevents increment via keyboard", async () => {
-      await sendKeys({ press: "ArrowUp" });
-    });
-    it("prevents decrement via keyboard", async () => {
-      await sendKeys({ press: "ArrowDown" });
-    });
-    it("prevents increment via scroll", async () => {
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: 1 }));
-    });
-    it("prevents decrement via scroll", async () => {
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: -1 }));
-    });
-    it("prevents increment via stepper button", async () => {
-      await clickBySelector(el, ".stepUp");
-    });
-    it("prevents decrement via stepper button", async () => {
-      await clickBySelector(el, ".stepDown");
-    });
-  });
-  describe("Readonly", () => {
-    let el;
-    beforeEach(async () => {
-      el = await getElFrom(Default({ readonly: true, value: 1337 }));
-      expect(el.formattedValue).to.equal("1,337");
-      expect(el.valueAsString).to.equal("1337");
-      expect(el.value).to.equal(1337);
-      el.focus();
-      await elementUpdated(el);
-    });
-    afterEach(async () => {
-      await elementUpdated(el);
-      expect(el.formattedValue).to.equal("1,337");
-      expect(el.valueAsString).to.equal("1337");
-      expect(el.value).to.equal(1337);
-    });
-    it("presents as `readonly`", async () => {
-      await sendKeys({ type: "12345" });
-      await elementUpdated(el);
-      await sendKeys({ press: "Enter" });
-    });
-    it("prevents increment via keyboard", async () => {
-      await sendKeys({ press: "ArrowUp" });
-    });
-    it("prevents decrement via keyboard", async () => {
-      await sendKeys({ press: "ArrowDown" });
-    });
-    it("prevents increment via scroll", async () => {
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: 1 }));
-    });
-    it("prevents decrement via scroll", async () => {
-      el.dispatchEvent(new WheelEvent("wheel", { deltaY: -1 }));
-    });
-    it("prevents increment via stepper button", async () => {
-      await clickBySelector(el, ".stepUp");
-    });
-    it("prevents decrement via stepper button", async () => {
-      await clickBySelector(el, ".stepDown");
-    });
-  });
-});
+            `);e(u.formattedValue).to.equal("1\u202F337"),e(u.valueAsString).to.equal("1337"),e(u.value).to.equal(1337),u.focus(),await l({type:"7331"}),await t(u),await l({press:"Enter"}),await t(u),e(u.formattedValue).to.equal("13\u202F377\u202F331"),e(u.valueAsString).to.equal("13377331"),e(u.value).to.equal(13377331)})}),describe("Step",()=>{it("can be 0",async()=>{const a=await n(w({step:0,min:0,max:10,value:5}));e(a.value).to.equal(5),e(a.formattedValue).to.equal("5"),e(a.valueAsString).to.equal("5")})}),describe("Increments",()=>{let a;beforeEach(async()=>{a=await n(w({})),e(a.value).to.be.NaN,e(a.formattedValue).to.equal(""),e(a.valueAsString).to.equal("NaN")}),it('via pointer, only "left" button',async()=>{await r(a,".stepUp",{button:"middle"}),e(a.formattedValue).to.equal(""),e(a.valueAsString).to.equal("NaN"),e(a.value).to.be.NaN}),it("via pointer",async()=>{await r(a,".stepUp"),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await r(a,".stepUp"),e(a.formattedValue).to.equal("1"),e(a.valueAsString).to.equal("1"),e(a.value).to.equal(1)}),it("via arrow up",async()=>{a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("1"),e(a.valueAsString).to.equal("1"),e(a.value).to.equal(1)}),it("via arrow up (shift modified)",async()=>{a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await l({press:"Shift+ArrowUp"}),await t(a),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("via arrow up (custom shift modified value)",async()=>{a.focus(),a.stepModifier=5,a.step=3,await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await l({press:"Shift+ArrowUp"}),await t(a),e(a.formattedValue).to.equal("15"),e(a.valueAsString).to.equal("15"),e(a.value).to.equal(15)}),it("via scroll",async()=>{a.focus(),await t(a),e(a.focused).to.be.true,a.dispatchEvent(new WheelEvent("wheel",{deltaY:1})),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),a.dispatchEvent(new WheelEvent("wheel",{deltaY:100})),await t(a),e(a.formattedValue).to.equal("1"),e(a.valueAsString).to.equal("1"),e(a.value).to.equal(1)}),it("via scroll (shift modified)",async()=>{a.focus(),await t(a),e(a.focused).to.be.true,a.dispatchEvent(new WheelEvent("wheel",{deltaX:1,shiftKey:!0})),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),a.dispatchEvent(new WheelEvent("wheel",{deltaX:100,shiftKey:!0})),await t(a),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)})}),describe("Decrements",()=>{let a;beforeEach(async()=>{a=await n(w({})),e(a.value).to.be.NaN,e(a.formattedValue).to.equal(""),e(a.valueAsString).to.equal("NaN")}),it('via pointer, only "left" button',async()=>{await r(a,".stepDown",{button:"middle"}),e(a.formattedValue).to.equal(""),e(a.valueAsString).to.equal("NaN"),e(a.value).to.be.NaN}),it("via pointer",async()=>{await r(a,".stepDown"),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await r(a,".stepDown"),e(a.formattedValue).to.equal("-1"),e(a.valueAsString).to.equal("-1"),e(a.value).to.equal(-1)}),it("via arrow down",async()=>{a.focus(),await t(a),await l({press:"ArrowDown"}),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await l({press:"ArrowDown"}),await t(a),e(a.formattedValue).to.equal("-1"),e(a.valueAsString).to.equal("-1"),e(a.value).to.equal(-1)}),it("via arrow down (shift modified)",async()=>{a.focus(),await t(a),await l({press:"ArrowDown"}),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await l({press:"Shift+ArrowDown"}),await t(a),e(a.formattedValue).to.equal("-10"),e(a.valueAsString).to.equal("-10"),e(a.value).to.equal(-10)}),it("via arrow up (custom shift modified value)",async()=>{a.focus(),a.stepModifier=5,a.step=3,await t(a),await l({press:"ArrowDown"}),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await l({press:"Shift+ArrowDown"}),await t(a),e(a.formattedValue).to.equal("-15"),e(a.valueAsString).to.equal("-15"),e(a.value).to.equal(-15)}),it("via scroll",async()=>{a.focus(),await t(a),e(a.focused).to.be.true,a.dispatchEvent(new WheelEvent("wheel",{deltaY:-1})),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),a.dispatchEvent(new WheelEvent("wheel",{deltaY:-100})),await t(a),e(a.formattedValue).to.equal("-1"),e(a.valueAsString).to.equal("-1"),e(a.value).to.equal(-1)}),it("via scroll (shift modified)",async()=>{a.focus(),await t(a),e(a.focused).to.be.true,a.dispatchEvent(new WheelEvent("wheel",{deltaX:-1,shiftKey:!0})),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),a.dispatchEvent(new WheelEvent("wheel",{deltaX:-100,shiftKey:!0})),await t(a),e(a.formattedValue).to.equal("-10"),e(a.valueAsString).to.equal("-10"),e(a.value).to.equal(-10)})}),describe("dispatched events",()=>{const a=g(),u=g();let o;beforeEach(async()=>{a.resetHistory(),u.resetHistory(),o=await n(w({value:50})),o.addEventListener("input",s=>{var c;a((c=s.target)==null?void 0:c.value)}),o.addEventListener("change",s=>{var c;u((c=s.target)==null?void 0:c.value)})}),it("has a useful `value`",async()=>{o.focus(),await l({type:"7"}),await l({press:"Enter"}),e(a.calledWith(507),"input").to.be.true,e(u.calledWith(507),"change").to.be.true,await l({type:",00"}),await l({press:"Enter"}),e(a.calledWith(5070),"input").to.be.true,e(a.calledWith(50700),"input").to.be.true,e(u.calledWith(50700),"change").to.be.true}),it("has a useful `value` - percent",async()=>{o.formatOptions={style:"percent"},o.value=.45,e(o.value).to.equal(.45),o.focus(),await l({type:"7"}),e(a.calledWith(4.57),"first input").to.be.true,await l({press:"Backspace"}),await l({press:"Backspace"}),await l({press:"Backspace"}),await l({press:"Enter"}),e(o.value).to.equal(.04),e(a.calledWith(.45),"second input").to.be.true,e(a.calledWith(.04),"third input").to.be.true,e(u.calledWith(.04),"change").to.be.true}),it("has a useful `value` - currency",async()=>{o.formatOptions={style:"currency",currency:"EUR",currencyDisplay:"code",currencySign:"accounting"},await t(o),o.value=45,e(o.value).to.equal(45),o.focus(),await l({type:"7"}),e(o.value).to.equal(45.007),e(a.calledWith(o.value),"first input").to.be.true,await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({press:"ArrowLeft"}),await l({type:"1"}),await l({press:"Enter"}),e(o.value).to.equal(145.007),e(a.calledWith(145.007),"second input").to.be.true,e(u.calledWith(145.007),"change").to.be.true}),it("one input/one change for each Arrow*",async()=>{o.focus(),await l({press:"ArrowUp"}),e(a.callCount).to.equal(1),e(u.callCount).to.equal(1),e(o.value).to.equal(51),await l({press:"ArrowDown"}),e(a.callCount).to.equal(2),e(u.callCount).to.equal(2),e(o.value).to.equal(50)}),it("one input/one change for each click",async()=>{await r(o,".stepUp"),e(a.callCount).to.equal(1),e(u.callCount).to.equal(1),e(o.value).to.equal(51),await r(o,".stepDown"),e(a.callCount).to.equal(2),e(u.callCount).to.equal(2),e(o.value).to.equal(50)}),it("click with modifier key",async()=>{let s=o.shadowRoot.querySelector(".stepUp");const c=s.getBoundingClientRect(),q={bubbles:!0,composed:!0,shiftKey:!0,clientX:c.x+1,clientY:c.y+1};o.buttons.setPointerCapture=()=>{},o.buttons.releasePointerCapture=()=>{};let p=m(o,"input");s.dispatchEvent(new PointerEvent("pointerdown",q)),await p,s.dispatchEvent(new PointerEvent("pointerup",q)),e(a.callCount).to.equal(1),e(u.callCount).to.equal(1),e(o.value).to.equal(60),s=o.shadowRoot.querySelector(".stepDown");const v=s.getBoundingClientRect();q.clientX=v.x+1,q.clientY=v.y+1,p=m(o,"input"),s.dispatchEvent(new PointerEvent("pointerdown",q)),await p,s.dispatchEvent(new PointerEvent("pointerup",q)),e(a.callCount).to.equal(2),e(u.callCount).to.equal(2),e(o.value).to.equal(50)}),it("many input, but one change",async()=>{const c=o.shadowRoot.querySelector(".stepUp").getBoundingClientRect(),q=[c.x+c.width/2,c.y+c.height/2],v=o.shadowRoot.querySelector(".stepDown").getBoundingClientRect(),f=[v.x+v.width/2,v.y+v.height/2];d({steps:[{type:"move",position:q},{type:"down"}]}),await m(o,"input"),e(o.value).to.equal(51),e(a.callCount).to.equal(1),e(u.callCount).to.equal(0),await m(o,"input"),e(o.value).to.equal(52),e(a.callCount).to.equal(2),e(u.callCount).to.equal(0),d({steps:[{type:"move",position:f}]});let i=S*2;for(;i;)i-=1,await h();e(a.callCount).to.equal(4),e(u.callCount).to.equal(0),await d({steps:[{type:"up"}]}),e(a.callCount).to.equal(4),e(u.callCount).to.equal(1)})}),it("accepts pointer interactions with the stepper UI",async()=>{const a=g(),u=await n(w({value:50}));u.addEventListener("input",()=>a()),e(u.formattedValue).to.equal("50"),e(u.valueAsString).to.equal("50"),e(u.value).to.equal(50);const s=u.shadowRoot.querySelector(".stepUp").getBoundingClientRect(),c=[s.x+s.width/2,s.y+s.height/2],p=u.shadowRoot.querySelector(".stepDown").getBoundingClientRect(),v=[p.x+p.width/2,p.y+p.height/2],f=[p.x+p.width+5,p.y+p.height+5];await d({steps:[{type:"move",position:c},{type:"down"}]}),await m(u,"input");let i=50+a.callCount;e(u.formattedValue).to.equal(String(i)),e(u.valueAsString).to.equal(String(i)),e(u.value).to.equal(i),a.resetHistory(),await d({steps:[{type:"move",position:v}]}),i=i-a.callCount,e(u.formattedValue).to.equal(String(i)),e(u.valueAsString).to.equal(String(i)),e(u.value).to.equal(i),a.resetHistory(),await d({steps:[{type:"move",position:f}]}),i=i-a.callCount,e(u.formattedValue).to.equal(String(i)),e(u.valueAsString).to.equal(String(i)),e(u.value).to.equal(i),a.resetHistory(),await m(u,"input"),i=i-a.callCount,e(u.formattedValue).to.equal(String(i)),e(u.valueAsString).to.equal(String(i)),e(u.value).to.equal(i),a.resetHistory(),await d({steps:[{type:"up"}]});let A=S;for(;A;)A-=1,await h();await t(u),i=i-a.callCount,e(u.formattedValue).to.equal(String(i)),e(u.valueAsString).to.equal(String(i)),e(u.value).to.equal(i)}),it("surfaces `valueAsNumber`",async()=>{const a=await n(w({}));a.value=1e3,await t(a),e(a.formattedValue).to.equal("1,000"),e(a.valueAsString).to.equal("1000"),e(a.value).to.equal(1e3),a.valueAsString="2222",await t(a),e(a.formattedValue).to.equal("2,222"),e(a.valueAsString).to.equal("2222"),e(a.value).to.equal(2222)}),describe("manages `value` with `formatOptions`",()=>{it("manages decimals",async()=>{const a=await n(k({value:1.333333}));e(a.value).to.equal(1.33),e(a.formattedValue).to.equal("+1.33"),e(a.valueAsString).to.equal("1.33")}),it("manages precents",async()=>{const a=await n(C({value:.45}));e(a.formattedValue).to.equal("45%"),e(a.valueAsString).to.equal("0.45"),e(a.value).to.equal(.45),await r(a,".stepDown"),await t(a),e(a.formattedValue).to.equal("44%"),e(a.valueAsString).to.equal("0.44"),e(a.value).to.equal(.44),await r(a,".stepUp"),await t(a),e(a.formattedValue).to.equal("45%"),e(a.valueAsString).to.equal("0.45"),e(a.value).to.equal(.45),a.focus(),a.value=0,await l({type:"54"}),await l({press:"Enter"}),e(a.formattedValue).to.equal("54%"),e(a.valueAsString).to.equal("0.54"),e(a.value).to.equal(.54),await t(a),e(a.formattedValue).to.equal("54%"),e(a.valueAsString).to.equal("0.54"),e(a.value).to.equal(.54)}),it("manages currency",async()=>{const a=await n(D({value:234.21}));e(a.formattedValue).to.equal("EUR\xA0234.21"),e(a.valueAsString).to.equal("234.21"),e(a.value).to.equal(234.21)}),it("manages units",async()=>{const a=await n(x({value:17}));e(a.formattedValue).to.equal("17 inches"),e(a.valueAsString).to.equal("17"),e(a.value).to.equal(17)}),it("manages units not supported by the browser",async()=>{const a=await n(N({value:17}));e(a.formattedValue).to.equal("17px"),e(a.valueAsString).to.equal("17"),e(a.value).to.equal(17)})}),describe("max",()=>{let a,u=0,o=0;beforeEach(async()=>{a=await n(w({max:10,value:10,onInput:s=>u=s,onChange:s=>o=s})),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("constrains input",async()=>{a.focus(),await l({type:"15"}),await l({press:"Enter"}),await t(a),e(u,"last input value").to.equal(10),e(o,"last change value").to.equal(10),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("constrains `value`",async()=>{a.value=20,await t(a),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("validates on commit",async()=>{a.focus(),await l({type:"15"}),await l({press:"Enter"}),await t(a),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("disabled `stepUp` button",async()=>{await r(a,".stepUp"),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("validates late",async()=>{a.max=5,await t(a),e(a.formattedValue).to.equal("5"),e(a.valueAsString).to.equal("5"),e(a.value).to.equal(5)})}),describe("min",()=>{let a,u=0,o=0;beforeEach(async()=>{a=await n(w({min:10,value:10,onInput:s=>u=s,onChange:s=>o=s})),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("constrains input",async()=>{a.focus(),await l({press:"Backspace"}),await l({press:"Backspace"}),await l({type:"5"}),await l({press:"Enter"}),await t(a),e(u,"last input value").to.equal(10),e(o,"last change value").to.equal(10),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),xit("manages `inputMode` in iPhone",async()=>{await V("Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148"),a.min=0,await t(a),e(a.focusElement.inputMode).to.equal("numeric"),a.min=-10,await t(a),e(a.focusElement.inputMode).to.equal("text"),a.formatOptions={minimumFractionDigits:1,maximumFractionDigits:2},a.min=0,await t(a),e(a.focusElement.inputMode).to.equal("decimal")}),xit("manages `inputMode` in Android",async()=>{await V("Mozilla/5.0 (Linux; Android 10; SM-A205U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.210 Mobile Safari/537.36"),a.min=0,await t(a),e(a.focusElement.inputMode).to.equal("numeric"),a.min=-10,await t(a),e(a.focusElement.inputMode).to.equal("numeric"),a.formatOptions={minimumFractionDigits:1,maximumFractionDigits:2},a.min=0,await t(a),e(a.focusElement.inputMode).to.equal("decimal")}),it("constrains `value`",async()=>{a.value=0,await t(a),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("validates on commit",async()=>{a.focus(),await l({press:"0"}),await l({press:"Enter"}),await t(a),e(a.formattedValue).to.equal("100"),e(a.valueAsString).to.equal("100"),e(a.value).to.equal(100)}),it("disabled `stepDown` button",async()=>{await r(a,".stepDown"),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("validates late",async()=>{a.min=15,await t(a),e(a.formattedValue).to.equal("15"),e(a.valueAsString).to.equal("15"),e(a.value).to.equal(15)})}),describe("step",()=>{let a;beforeEach(async()=>{a=await n(w({value:10,step:5})),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("via arrow up",async()=>{a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("15"),e(a.valueAsString).to.equal("15"),e(a.value).to.equal(15)}),it("via arrow down",async()=>{a.focus(),await t(a),await l({press:"ArrowDown"}),await t(a),e(a.formattedValue).to.equal("5"),e(a.valueAsString).to.equal("5"),e(a.value).to.equal(5)}),it("step up via pointer",async()=>{await r(a,".stepUp"),e(a.formattedValue).to.equal("15"),e(a.valueAsString).to.equal("15"),e(a.value).to.equal(15)}),it("step down via pointer",async()=>{await r(a,".stepDown"),e(a.formattedValue).to.equal("5"),e(a.valueAsString).to.equal("5"),e(a.value).to.equal(5)})}),describe("step + constraints",()=>{let a;beforeEach(async()=>{a=await n(w({step:5})),e(a.formattedValue).to.equal(""),e(a.valueAsString).to.equal("NaN"),e(a.value).to.be.NaN}),it("steps",async()=>{a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("0"),e(a.valueAsString).to.equal("0"),e(a.value).to.equal(0),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("5"),e(a.valueAsString).to.equal("5"),e(a.value).to.equal(5),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10)}),it("steps from min",async()=>{a.min=5,await t(a),a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("5"),e(a.valueAsString).to.equal("5"),e(a.value).to.equal(5),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("10"),e(a.valueAsString).to.equal("10"),e(a.value).to.equal(10),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("15"),e(a.valueAsString).to.equal("15"),e(a.value).to.equal(15)}),it("steps from mismatched min",async()=>{a.min=2,await t(a),a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("2"),e(a.valueAsString).to.equal("2"),e(a.value).to.equal(2),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("7"),e(a.valueAsString).to.equal("7"),e(a.value).to.equal(7),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("12"),e(a.valueAsString).to.equal("12"),e(a.value).to.equal(12)}),it("steps to mismatched max",async()=>{a.min=2,a.max=10,await t(a),a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("2"),e(a.valueAsString).to.equal("2"),e(a.value).to.equal(2),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("7"),e(a.valueAsString).to.equal("7"),e(a.value).to.equal(7),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("7"),e(a.valueAsString).to.equal("7"),e(a.value).to.equal(7)}),it("validates max + step",async()=>{a.value=2,a.min=2,a.max=10,await t(a),e(a.formattedValue).to.equal("2"),e(a.valueAsString).to.equal("2"),e(a.value).to.equal(2),a.value=11,await t(a),e(a.formattedValue).to.equal("7"),e(a.valueAsString).to.equal("7"),e(a.value).to.equal(7),a.value=27,await t(a),e(a.formattedValue).to.equal("7"),e(a.valueAsString).to.equal("7"),e(a.value).to.equal(7)})}),describe("indeterminate",()=>{let a;beforeEach(async()=>{a=await n(b(b.args)),e(a.formattedValue).to.equal("100"),e(a.valueAsString).to.equal("100"),e(a.value).to.equal(100),e(a.displayValue).to.equal(y)}),it('remove "-" on focus',async()=>{a.focus(),await t(a),e(a.formattedValue).to.equal("100"),e(a.valueAsString).to.equal("100"),e(a.value).to.equal(100),e(a.displayValue).to.equal(""),a.blur(),await t(a),e(a.formattedValue).to.equal("100"),e(a.valueAsString).to.equal("100"),e(a.value).to.equal(100),e(a.displayValue).to.equal(y)}),it('return to "-" after suplied value is removed',async()=>{a.focus(),await t(a),e(a.formattedValue).to.equal("100"),e(a.valueAsString).to.equal("100"),e(a.value).to.equal(100),e(a.displayValue).to.equal(""),await l({type:"50"}),await t(a),e(a.formattedValue).to.equal("50"),e(a.valueAsString).to.equal("50"),e(a.value).to.equal(50),e(a.displayValue).to.equal("50"),await l({press:"Backspace"}),await l({press:"Backspace"}),await t(a),e(a.formattedValue).to.equal("100"),e(a.valueAsString).to.equal("100"),e(a.value).to.equal(100),e(a.displayValue).to.equal(""),a.blur(),await t(a),e(a.formattedValue).to.equal("100"),e(a.valueAsString).to.equal("100"),e(a.value).to.equal(100),e(a.displayValue).to.equal(y)}),it('starts from `value` on "ArrowUp" keypresses',async()=>{a.focus(),await t(a),await l({press:"ArrowUp"}),await t(a),e(a.formattedValue).to.equal("101"),e(a.valueAsString).to.equal("101"),e(a.value).to.equal(101),e(a.displayValue).to.equal("101"),a.blur(),await t(a),e(a.formattedValue).to.equal("101"),e(a.valueAsString).to.equal("101"),e(a.value).to.equal(101),e(a.displayValue).to.equal("101")}),it("starts from `value` on click `.stepUp`",async()=>{a.focus(),await t(a),await r(a,".stepUp"),await t(a),e(a.formattedValue).to.equal("101"),e(a.valueAsString).to.equal("101"),e(a.value).to.equal(101),e(a.displayValue).to.equal("101"),a.blur(),await t(a),e(a.formattedValue).to.equal("101"),e(a.valueAsString).to.equal("101"),e(a.value).to.equal(101),e(a.displayValue).to.equal("101")}),it('starts from `value` on "ArrowDown" keypresses',async()=>{a.focus(),await t(a),await l({press:"ArrowDown"}),await t(a),e(a.formattedValue).to.equal("99"),e(a.valueAsString).to.equal("99"),e(a.value).to.equal(99),e(a.displayValue).to.equal("99"),a.blur(),await t(a),e(a.formattedValue).to.equal("99"),e(a.valueAsString).to.equal("99"),e(a.value).to.equal(99),e(a.displayValue).to.equal("99")}),it("starts from `value` on click `.stepDown`",async()=>{a.focus(),await t(a),await r(a,".stepDown"),await t(a),e(a.formattedValue).to.equal("99"),e(a.valueAsString).to.equal("99"),e(a.value).to.equal(99),e(a.displayValue).to.equal("99"),a.blur(),await t(a),e(a.formattedValue).to.equal("99"),e(a.valueAsString).to.equal("99"),e(a.value).to.equal(99),e(a.displayValue).to.equal("99")})}),it("removes the stepper UI with [hide-stepper]",async()=>{const a=await n(w({hideStepper:!0})),u=a.shadowRoot.querySelector(".stepUp"),o=a.shadowRoot.querySelector(".stepDown");e(u).to.be.null,e(o).to.be.null}),describe("Disabled",()=>{let a;beforeEach(async()=>{a=await n(w({disabled:!0,value:1337})),e(a.formattedValue).to.equal("1,337"),e(a.valueAsString).to.equal("1337"),e(a.value).to.equal(1337),a.focus(),await t(a)}),afterEach(async()=>{await t(a),e(a.formattedValue).to.equal("1,337"),e(a.valueAsString).to.equal("1337"),e(a.value).to.equal(1337)}),it("presents as `disabled`",async()=>{await l({type:"12345"}),await t(a),await l({press:"Enter"})}),it("prevents increment via keyboard",async()=>{await l({press:"ArrowUp"})}),it("prevents decrement via keyboard",async()=>{await l({press:"ArrowDown"})}),it("prevents increment via scroll",async()=>{a.dispatchEvent(new WheelEvent("wheel",{deltaY:1}))}),it("prevents decrement via scroll",async()=>{a.dispatchEvent(new WheelEvent("wheel",{deltaY:-1}))}),it("prevents increment via stepper button",async()=>{await r(a,".stepUp")}),it("prevents decrement via stepper button",async()=>{await r(a,".stepDown")})}),describe("Readonly",()=>{let a;beforeEach(async()=>{a=await n(w({readonly:!0,value:1337})),e(a.formattedValue).to.equal("1,337"),e(a.valueAsString).to.equal("1337"),e(a.value).to.equal(1337),a.focus(),await t(a)}),afterEach(async()=>{await t(a),e(a.formattedValue).to.equal("1,337"),e(a.valueAsString).to.equal("1337"),e(a.value).to.equal(1337)}),it("presents as `readonly`",async()=>{await l({type:"12345"}),await t(a),await l({press:"Enter"})}),it("prevents increment via keyboard",async()=>{await l({press:"ArrowUp"})}),it("prevents decrement via keyboard",async()=>{await l({press:"ArrowDown"})}),it("prevents increment via scroll",async()=>{a.dispatchEvent(new WheelEvent("wheel",{deltaY:1}))}),it("prevents decrement via scroll",async()=>{a.dispatchEvent(new WheelEvent("wheel",{deltaY:-1}))}),it("prevents increment via stepper button",async()=>{await r(a,".stepUp")}),it("prevents decrement via stepper button",async()=>{await r(a,".stepDown")})})});
 //# sourceMappingURL=number-field.test.js.map