feat(input): add showPicker to input

package.json

@@ -92,6 +92,7 @@
     "@storybook/web-components": "7.0.18",
     "@storybook/web-components-vite": "^7.0.18",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
+    "@types/chai-spies": "^1.0.4",
     "@types/estree": "1.0.0",
     "@types/prettier": "^2.6.4",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
@@ -103,6 +104,7 @@
     "@web/test-runner-playwright": "^0.9.0",
     "@web/test-runner-puppeteer": "^0.12.0",
     "@webcomponents/webcomponentsjs": "^2.7.0",
+    "chai-spies": "^1.0.0",
     "chromatic": "^6.17.1",
     "clean-css": "^5.3.2",
     "del": "^6.1.0",

src/components/input/bl-input.test.ts

@@ -1,6 +1,9 @@
 import { assert, expect, fixture, oneEvent, html, elementUpdated } from "@open-wc/testing";
+import spies from "chai-spies";
 import BlInput from "./bl-input";
 
+chai.use(spies);
+
 describe("bl-input", () => {
   it("is defined", () => {
     const el = document.createElement("bl-input");
@@ -44,6 +47,16 @@ describe("bl-input", () => {
     expect(el.shadowRoot?.querySelector("input")?.getAttribute("type")).to.equal("number");
   });
 
+  it('should call showPicker if "showPicker" is in HTMLInputElement.prototype', async () => {
+    const el = await fixture<BlInput>(html`<bl-input type="input"></bl-input>`);
+    const spy = chai.spy.on(el.validationTarget, "showPicker");
+
+    el.showPicker();
+
+    expect(HTMLInputElement.prototype).to.have.property("showPicker");
+    expect(spy).to.have.been.called.once;
+  });
+
   it("should set type password", async () => {
     const el = await fixture<BlInput>(html`<bl-input type="password"></bl-input>`);