bootstrap-input-spinner 5.0.0 → 5.0.2

package/README.md

@@ -2,6 +2,8 @@
 
 A Bootstrap 5 extension to create input spinner elements for number input. Zero dependencies other than Bootstrap 5 — **no jQuery required** since v5.0.0.
 
+> **Unofficial third-party component** — `bootstrap-input-spinner` is maintained by [shaack.com](https://shaack.com) and is not affiliated with or endorsed by the Bootstrap team.
+
 > Note: bootstrap-input-spinner is now an ES6 module. The legacy ES5 version has been removed; if you still need it, pin to npm `3.x`. If you still need jQuery integration, pin to `4.x`.
 
 ![bootstrap-input-spinner](https://shaack.com/projekte/assets/img/bootstrap-input-spinner-floatingpoint-and-i18n.png)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-input-spinner",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "description": "A Bootstrap 5 plugin to create input spinner elements for number input.",
   "browser": "./src/InputSpinner.js",
   "type": "module",

package/test/TestInputSpinner.js

@@ -208,6 +208,37 @@ describe("InputSpinner events", () => {
     })
 })
 
+describe("InputSpinner instance isolation", () => {
+    it("stepping one spinner does not fire change on another (regression for #121)", async () => {
+        const elA = createInput({value: "5", min: "0", max: "10", step: "1"})
+        const elB = createInput({value: "5", min: "0", max: "10", step: "1"})
+        new InputSpinner(elA)
+        new InputSpinner(elB)
+        let a = 0, b = 0
+        elA.addEventListener("change", () => a++)
+        elB.addEventListener("change", () => b++)
+        pressButton(elA.nextElementSibling.querySelector(".btn-increment"))
+        await wait()
+        assert.equal(a, 1)
+        assert.equal(b, 0)
+        clear()
+    })
+    it("stepping one spinner does not fire input on another", async () => {
+        const elA = createInput({value: "5", min: "0", max: "10", step: "1"})
+        const elB = createInput({value: "5", min: "0", max: "10", step: "1"})
+        new InputSpinner(elA)
+        new InputSpinner(elB)
+        let a = 0, b = 0
+        elA.addEventListener("input", () => a++)
+        elB.addEventListener("input", () => b++)
+        pressButton(elA.nextElementSibling.querySelector(".btn-increment"))
+        await wait()
+        assert.true(a >= 1)
+        assert.equal(b, 0)
+        clear()
+    })
+})
+
 describe("InputSpinner attribute observation", () => {
     it("reflects min/max changes", async () => {
         const {el} = spin({value: "5", min: "0", max: "10"})