@spectrum-web-components/button 0.19.0-devmode.0 → 0.19.0

package/test/button-secondary-fill.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["button-secondary-fill.test-vrt.ts"],
   "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/button-secondary-fill.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ButtonSecondaryFillStories', stories);\n"],
-  "mappings": "AAYA;AACA;AAEA,eAAe,8BAA8B,OAAO;",
+  "mappings": "AAYA,8DACA,8DAEA,EAAe,6BAA8B,CAAO",
   "names": []
 }

package/test/button-secondary-outline-sizes.test-vrt.js

@@ -1,4 +1,2 @@
-import * as stories from "../stories/button-secondary-outline-sizes.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ButtonSecondaryOutlineSizesStories", stories);
+import*as r from"../stories/button-secondary-outline-sizes.stories.js";import{regressVisuals as s}from"../../../test/visual/test.js";s("ButtonSecondaryOutlineSizesStories",r);
 //# sourceMappingURL=button-secondary-outline-sizes.test-vrt.js.map

package/test/button-secondary-outline-sizes.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["button-secondary-outline-sizes.test-vrt.ts"],
   "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/button-secondary-outline-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ButtonSecondaryOutlineSizesStories', stories);\n"],
-  "mappings": "AAYA;AACA;AAEA,eAAe,sCAAsC,OAAO;",
+  "mappings": "AAYA,uEACA,8DAEA,EAAe,qCAAsC,CAAO",
   "names": []
 }

package/test/button-secondary-outline.test-vrt.js

@@ -1,4 +1,2 @@
-import * as stories from "../stories/button-secondary-outline.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ButtonSecondaryOutlineStories", stories);
+import*as r from"../stories/button-secondary-outline.stories.js";import{regressVisuals as o}from"../../../test/visual/test.js";o("ButtonSecondaryOutlineStories",r);
 //# sourceMappingURL=button-secondary-outline.test-vrt.js.map

package/test/button-secondary-outline.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["button-secondary-outline.test-vrt.ts"],
   "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/button-secondary-outline.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ButtonSecondaryOutlineStories', stories);\n"],
-  "mappings": "AAYA;AACA;AAEA,eAAe,iCAAiC,OAAO;",
+  "mappings": "AAYA,iEACA,8DAEA,EAAe,gCAAiC,CAAO",
   "names": []
 }

package/test/button-white-fill-sizes.test-vrt.js

@@ -1,4 +1,2 @@
-import * as stories from "../stories/button-white-fill-sizes.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ButtonWhiteFillSizesStories", stories);
+import*as s from"../stories/button-white-fill-sizes.stories.js";import{regressVisuals as i}from"../../../test/visual/test.js";i("ButtonWhiteFillSizesStories",s);
 //# sourceMappingURL=button-white-fill-sizes.test-vrt.js.map

package/test/button-white-fill-sizes.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["button-white-fill-sizes.test-vrt.ts"],
   "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/button-white-fill-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ButtonWhiteFillSizesStories', stories);\n"],
-  "mappings": "AAYA;AACA;AAEA,eAAe,+BAA+B,OAAO;",
+  "mappings": "AAYA,gEACA,8DAEA,EAAe,8BAA+B,CAAO",
   "names": []
 }

package/test/button-white-fill.test-vrt.js

@@ -1,4 +1,2 @@
-import * as stories from "../stories/button-white-fill.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ButtonWhiteFillStories", stories);
+import*as r from"../stories/button-white-fill.stories.js";import{regressVisuals as s}from"../../../test/visual/test.js";s("ButtonWhiteFillStories",r);
 //# sourceMappingURL=button-white-fill.test-vrt.js.map

package/test/button-white-fill.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["button-white-fill.test-vrt.ts"],
   "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/button-white-fill.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ButtonWhiteFillStories', stories);\n"],
-  "mappings": "AAYA;AACA;AAEA,eAAe,0BAA0B,OAAO;",
+  "mappings": "AAYA,0DACA,8DAEA,EAAe,yBAA0B,CAAO",
   "names": []
 }

package/test/button-white-outline-sizes.test-vrt.js

@@ -1,4 +1,2 @@
-import * as stories from "../stories/button-white-outline-sizes.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ButtonWhiteOutlineSizesStories", stories);
+import*as s from"../stories/button-white-outline-sizes.stories.js";import{regressVisuals as i}from"../../../test/visual/test.js";i("ButtonWhiteOutlineSizesStories",s);
 //# sourceMappingURL=button-white-outline-sizes.test-vrt.js.map

package/test/button-white-outline-sizes.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["button-white-outline-sizes.test-vrt.ts"],
   "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/button-white-outline-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ButtonWhiteOutlineSizesStories', stories);\n"],
-  "mappings": "AAYA;AACA;AAEA,eAAe,kCAAkC,OAAO;",
+  "mappings": "AAYA,mEACA,8DAEA,EAAe,iCAAkC,CAAO",
   "names": []
 }

package/test/button-white-outline.test-vrt.js

@@ -1,4 +1,2 @@
-import * as stories from "../stories/button-white-outline.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ButtonWhiteOutlineStories", stories);
+import*as r from"../stories/button-white-outline.stories.js";import{regressVisuals as s}from"../../../test/visual/test.js";s("ButtonWhiteOutlineStories",r);
 //# sourceMappingURL=button-white-outline.test-vrt.js.map

package/test/button-white-outline.test-vrt.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["button-white-outline.test-vrt.ts"],
   "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/button-white-outline.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ButtonWhiteOutlineStories', stories);\n"],
-  "mappings": "AAYA;AACA;AAEA,eAAe,6BAA6B,OAAO;",
+  "mappings": "AAYA,6DACA,8DAEA,EAAe,4BAA6B,CAAO",
   "names": []
 }

package/test/button.test.js

@@ -1,391 +1,71 @@
-import "@spectrum-web-components/button/sp-button.js";
-import {
-  elementUpdated,
-  expect,
-  fixture,
-  html,
-  waitUntil
-} from "@open-wc/testing";
-import {
-  shiftTabEvent,
-  testForLitDevWarnings
-} from "../../../test/testing-helpers.js";
-import { spy } from "sinon";
-describe("Button", () => {
-  testForLitDevWarnings(async () => await fixture(html`
+import"@spectrum-web-components/button/sp-button.js";import{elementUpdated as n,expect as a,fixture as o,html as s,waitUntil as r}from"@open-wc/testing";import{shiftTabEvent as b,testForLitDevWarnings as d}from"../../../test/testing-helpers.js";import{spy as u}from"sinon";describe("Button",()=>{d(async()=>await o(s`
                     <sp-button tabindex="0">Button</sp-button>
-                `));
-  it("loads default", async () => {
-    const el = await fixture(html`
+                `)),it("loads default",async()=>{const t=await o(s`
                 <sp-button tabindex="0">Button</sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    expect(el.textContent).to.include("Button");
-    await expect(el).to.be.accessible();
-  });
-  it("loads default w/ element content", async () => {
-    const el = await fixture(html`
+            `);await n(t),a(t).to.not.be.undefined,a(t.textContent).to.include("Button"),await a(t).to.be.accessible()}),it("loads default w/ element content",async()=>{const t=await o(s`
                 <sp-button label="Button"><svg></svg></sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    await expect(el).to.be.accessible();
-  });
-  it("loads default w/ an icon", async () => {
-    const el = await fixture(html`
+            `);await n(t),a(t).to.not.be.undefined,await a(t).to.be.accessible()}),it("loads default w/ an icon",async()=>{const t=await o(s`
                 <sp-button label="">
                     Button
                     <svg slot="icon"></svg>
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    expect(el.textContent).to.include("Button");
-    expect(!el.hasIcon);
-    await expect(el).to.be.accessible();
-  });
-  it("loads default only icon", async () => {
-    const el = await fixture(html`
+            `);await n(t),a(t).to.not.be.undefined,a(t.textContent).to.include("Button"),a(!t.hasIcon),await a(t).to.be.accessible()}),it("loads default only icon",async()=>{const t=await o(s`
                 <sp-button label="Button">
                     <svg slot="icon"></svg>
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    await expect(el).to.be.accessible();
-  });
-  it('manages "role"', async () => {
-    const el = await fixture(html`
+            `);await n(t),a(t).to.not.be.undefined,await a(t).to.be.accessible()}),it('manages "role"',async()=>{const t=await o(s`
                 <sp-button>Button</sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el.getAttribute("role")).to.equal("button");
-    el.href = "#";
-    await elementUpdated(el);
-    expect(el.getAttribute("role")).to.equal("link");
-    el.removeAttribute("href");
-    await elementUpdated(el);
-    expect(el.getAttribute("role")).to.equal("button");
-  });
-  it("allows label to be toggled", async () => {
-    const testNode = document.createTextNode("Button");
-    const el = await fixture(html`
+            `);await n(t),a(t.getAttribute("role")).to.equal("button"),t.href="#",await n(t),a(t.getAttribute("role")).to.equal("link"),t.removeAttribute("href"),await n(t),a(t.getAttribute("role")).to.equal("button")}),it("allows label to be toggled",async()=>{const t=document.createTextNode("Button"),e=await o(s`
                 <sp-button>
-                    ${testNode}
+                    ${t}
                     <svg slot="icon"></svg>
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    const labelTestableEl = el;
-    expect(labelTestableEl.hasLabel, "starts with label").to.be.true;
-    testNode.textContent = "";
-    await elementUpdated(el);
-    await waitUntil(() => !labelTestableEl.hasLabel, "label is removed");
-    testNode.textContent = "Button";
-    await elementUpdated(el);
-    expect(labelTestableEl.hasLabel, "label is returned").to.be.true;
-  });
-  it("loads with href", async () => {
-    const el = await fixture(html`
+            `);await n(e);const i=e;a(i.hasLabel,"starts with label").to.be.true,t.textContent="",await n(e),await r(()=>!i.hasLabel,"label is removed"),t.textContent="Button",await n(e),a(i.hasLabel,"label is returned").to.be.true}),it("loads with href",async()=>{const t=await o(s`
                 <sp-button href="test_url">With Href</sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    expect(el.textContent).to.include("With Href");
-  });
-  it("loads with href and target", async () => {
-    const el = await fixture(html`
+            `);await n(t),a(t).to.not.be.undefined,a(t.textContent).to.include("With Href")}),it("loads with href and target",async()=>{const t=await o(s`
                 <sp-button href="test_url" target="_blank">
                     With Target
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    expect(el.textContent).to.include("With Target");
-  });
-  it("accepts shit+tab interactions", async () => {
-    let focusedCount = 0;
-    const el = await fixture(html`
+            `);await n(t),a(t).to.not.be.undefined,a(t.textContent).to.include("With Target")}),it("accepts shit+tab interactions",async()=>{let t=0;const e=await o(s`
                 <sp-button href="test_url" target="_blank">
                     With Target
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    const focusElement = el.focusElement;
-    focusElement.addEventListener("focus", () => focusedCount += 1);
-    expect(focusedCount).to.equal(0);
-    el.focus();
-    await elementUpdated(el);
-    expect(focusedCount).to.equal(1);
-    el.dispatchEvent(shiftTabEvent());
-    el.dispatchEvent(new Event("focusin"));
-    await elementUpdated(el);
-    expect(focusedCount).to.equal(1);
-  });
-  it("manages `disabled`", async () => {
-    const clickSpy = spy();
-    const el = await fixture(html`
-                <sp-button @click=${() => clickSpy()}>Button</sp-button>
-            `);
-    await elementUpdated(el);
-    el.click();
-    await elementUpdated(el);
-    expect(clickSpy.calledOnce).to.be.true;
-    clickSpy.resetHistory();
-    el.disabled = true;
-    await elementUpdated(el);
-    el.click();
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(0);
-    clickSpy.resetHistory();
-    await elementUpdated(el);
-    el.dispatchEvent(new Event("click", {}));
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(0);
-    clickSpy.resetHistory();
-    el.disabled = false;
-    el.click();
-    await elementUpdated(el);
-    expect(clickSpy.calledOnce).to.be.true;
-  });
-  it("manages `aria-disabled`", async () => {
-    const el = await fixture(html`
+            `);await n(e),e.focusElement.addEventListener("focus",()=>t+=1),a(t).to.equal(0),e.focus(),await n(e),a(t).to.equal(1),e.dispatchEvent(b()),e.dispatchEvent(new Event("focusin")),await n(e),a(t).to.equal(1)}),it("manages `disabled`",async()=>{const t=u(),e=await o(s`
+                <sp-button @click=${()=>t()}>Button</sp-button>
+            `);await n(e),e.click(),await n(e),a(t.calledOnce).to.be.true,t.resetHistory(),e.disabled=!0,await n(e),e.click(),await n(e),a(t.callCount).to.equal(0),t.resetHistory(),await n(e),e.dispatchEvent(new Event("click",{})),await n(e),a(t.callCount).to.equal(0),t.resetHistory(),e.disabled=!1,e.click(),await n(e),a(t.calledOnce).to.be.true}),it("manages `aria-disabled`",async()=>{const t=await o(s`
                 <sp-button href="test_url" target="_blank">
                     With Target
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el.hasAttribute("aria-disabled"), "initially not").to.be.false;
-    el.disabled = true;
-    await elementUpdated(el);
-    expect(el.getAttribute("aria-disabled")).to.equal("true");
-    el.disabled = false;
-    await elementUpdated(el);
-    expect(el.hasAttribute("aria-disabled"), "finally not").to.be.false;
-  });
-  it("manages tabIndex while disabled", async () => {
-    const el = await fixture(html`
+            `);await n(t),a(t.hasAttribute("aria-disabled"),"initially not").to.be.false,t.disabled=!0,await n(t),a(t.getAttribute("aria-disabled")).to.equal("true"),t.disabled=!1,await n(t),a(t.hasAttribute("aria-disabled"),"finally not").to.be.false}),it("manages tabIndex while disabled",async()=>{const t=await o(s`
                 <sp-button href="test_url" target="_blank">
                     With Target
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    expect(el.tabIndex).to.equal(0);
-    el.disabled = true;
-    await elementUpdated(el);
-    expect(el.tabIndex).to.equal(-1);
-    el.tabIndex = 2;
-    await elementUpdated(el);
-    expect(el.tabIndex).to.equal(-1);
-    el.disabled = false;
-    await elementUpdated(el);
-    expect(el.tabIndex).to.equal(2);
-  });
-  it("swallows `click` interaction when `[disabled]`", async () => {
-    const clickSpy = spy();
-    const el = await fixture(html`
-                <sp-button disabled @click=${() => clickSpy()}>
+            `);await n(t),a(t.tabIndex).to.equal(0),t.disabled=!0,await n(t),a(t.tabIndex).to.equal(-1),t.tabIndex=2,await n(t),a(t.tabIndex).to.equal(-1),t.disabled=!1,await n(t),a(t.tabIndex).to.equal(2)}),it("swallows `click` interaction when `[disabled]`",async()=>{const t=u(),e=await o(s`
+                <sp-button disabled @click=${()=>t()}>
                     Button
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(0);
-    el.click();
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(0);
-  });
-  it("translates keyboard interactions to click", async () => {
-    const clickSpy = spy();
-    const el = await fixture(html`
-                <sp-button @click=${() => clickSpy()}>Button</sp-button>
-            `);
-    await elementUpdated(el);
-    el.dispatchEvent(new KeyboardEvent("keypress", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "Enter",
-      key: "Enter"
-    }));
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(1);
-    clickSpy.resetHistory();
-    el.dispatchEvent(new KeyboardEvent("keypress", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "NumpadEnter",
-      key: "NumpadEnter"
-    }));
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(1);
-    clickSpy.resetHistory();
-    el.dispatchEvent(new KeyboardEvent("keypress", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "Space",
-      key: "Space"
-    }));
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(0);
-    clickSpy.resetHistory();
-    el.dispatchEvent(new KeyboardEvent("keydown", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "Space",
-      key: "Space"
-    }));
-    el.dispatchEvent(new KeyboardEvent("keyup", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "Space",
-      key: "Space"
-    }));
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(1);
-    clickSpy.resetHistory();
-    el.dispatchEvent(new KeyboardEvent("keydown", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "Space",
-      key: "Space"
-    }));
-    el.dispatchEvent(new KeyboardEvent("keyup", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "KeyG",
-      key: "g"
-    }));
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(0);
-    el.dispatchEvent(new KeyboardEvent("keyup", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "Space",
-      key: "Space"
-    }));
-    clickSpy.resetHistory();
-    el.dispatchEvent(new KeyboardEvent("keydown", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "KeyG",
-      key: "g"
-    }));
-    el.dispatchEvent(new KeyboardEvent("keyup", {
-      bubbles: true,
-      composed: true,
-      cancelable: true,
-      code: "Space",
-      key: "Space"
-    }));
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(0);
-  });
-  it('proxies clicks by "type"', async () => {
-    const submitSpy = spy();
-    const resetSpy = spy();
-    const test = await fixture(html`
+            `);await n(e),a(t.callCount).to.equal(0),e.click(),await n(e),a(t.callCount).to.equal(0)}),it("translates keyboard interactions to click",async()=>{const t=u(),e=await o(s`
+                <sp-button @click=${()=>t()}>Button</sp-button>
+            `);await n(e),e.dispatchEvent(new KeyboardEvent("keypress",{bubbles:!0,composed:!0,cancelable:!0,code:"Enter",key:"Enter"})),await n(e),a(t.callCount).to.equal(1),t.resetHistory(),e.dispatchEvent(new KeyboardEvent("keypress",{bubbles:!0,composed:!0,cancelable:!0,code:"NumpadEnter",key:"NumpadEnter"})),await n(e),a(t.callCount).to.equal(1),t.resetHistory(),e.dispatchEvent(new KeyboardEvent("keypress",{bubbles:!0,composed:!0,cancelable:!0,code:"Space",key:"Space"})),await n(e),a(t.callCount).to.equal(0),t.resetHistory(),e.dispatchEvent(new KeyboardEvent("keydown",{bubbles:!0,composed:!0,cancelable:!0,code:"Space",key:"Space"})),e.dispatchEvent(new KeyboardEvent("keyup",{bubbles:!0,composed:!0,cancelable:!0,code:"Space",key:"Space"})),await n(e),a(t.callCount).to.equal(1),t.resetHistory(),e.dispatchEvent(new KeyboardEvent("keydown",{bubbles:!0,composed:!0,cancelable:!0,code:"Space",key:"Space"})),e.dispatchEvent(new KeyboardEvent("keyup",{bubbles:!0,composed:!0,cancelable:!0,code:"KeyG",key:"g"})),await n(e),a(t.callCount).to.equal(0),e.dispatchEvent(new KeyboardEvent("keyup",{bubbles:!0,composed:!0,cancelable:!0,code:"Space",key:"Space"})),t.resetHistory(),e.dispatchEvent(new KeyboardEvent("keydown",{bubbles:!0,composed:!0,cancelable:!0,code:"KeyG",key:"g"})),e.dispatchEvent(new KeyboardEvent("keyup",{bubbles:!0,composed:!0,cancelable:!0,code:"Space",key:"Space"})),await n(e),a(t.callCount).to.equal(0)}),it('proxies clicks by "type"',async()=>{const t=u(),e=u(),l=(await o(s`
                 <form
-                    @submit=${(event) => {
-      event.preventDefault();
-      submitSpy();
-    }}
-                    @reset=${(event) => {
-      event.preventDefault();
-      resetSpy();
-    }}
+                    @submit=${c=>{c.preventDefault(),t()}}
+                    @reset=${c=>{c.preventDefault(),e()}}
                 >
                     <sp-button>Button</sp-button>
                 </form>
-            `);
-    const el = test.querySelector("sp-button");
-    await elementUpdated(el);
-    el.type = "submit";
-    await elementUpdated(el);
-    el.click();
-    expect(submitSpy.callCount).to.equal(1);
-    expect(resetSpy.callCount).to.equal(0);
-    el.type = "reset";
-    await elementUpdated(el);
-    el.click();
-    expect(submitSpy.callCount).to.equal(1);
-    expect(resetSpy.callCount).to.equal(1);
-    el.type = "button";
-    await elementUpdated(el);
-    el.click();
-    expect(submitSpy.callCount).to.equal(1);
-    expect(resetSpy.callCount).to.equal(1);
-  });
-  it("proxies click by [href]", async () => {
-    const clickSpy = spy();
-    const el = await fixture(html`
+            `)).querySelector("sp-button");await n(l),l.type="submit",await n(l),l.click(),a(t.callCount).to.equal(1),a(e.callCount).to.equal(0),l.type="reset",await n(l),l.click(),a(t.callCount).to.equal(1),a(e.callCount).to.equal(1),l.type="button",await n(l),l.click(),a(t.callCount).to.equal(1),a(e.callCount).to.equal(1)}),it("proxies click by [href]",async()=>{const t=u(),e=await o(s`
                 <sp-button href="test_url">With Href</sp-button>
-            `);
-    await elementUpdated(el);
-    el.anchorElement.addEventListener("click", (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      clickSpy();
-    });
-    expect(clickSpy.callCount).to.equal(0);
-    el.click();
-    await elementUpdated(el);
-    expect(clickSpy.callCount).to.equal(1);
-  });
-  it('manages "active" while focused', async () => {
-    const el = await fixture(html`
+            `);await n(e),e.anchorElement.addEventListener("click",i=>{i.preventDefault(),i.stopPropagation(),t()}),a(t.callCount).to.equal(0),e.click(),await n(e),a(t.callCount).to.equal(1)}),it('manages "active" while focused',async()=>{const t=await o(s`
                 <sp-button label="Button">
                     <svg slot="icon"></svg>
                 </sp-button>
-            `);
-    await elementUpdated(el);
-    el.active = true;
-    await elementUpdated(el);
-    el.dispatchEvent(new FocusEvent("focusout"));
-    await elementUpdated(el);
-    expect(el.active).to.be.false;
-  });
-  describe("deprecated variants and attributes", () => {
-    it("manages [quiet]", async () => {
-      const el = await fixture(html`
+            `);await n(t),t.active=!0,await n(t),t.dispatchEvent(new FocusEvent("focusout")),await n(t),a(t.active).to.be.false}),describe("deprecated variants and attributes",()=>{it("manages [quiet]",async()=>{const t=await o(s`
                     <sp-button quiet>Button</sp-button>
-                `);
-      await elementUpdated(el);
-      expect(el.treatment).to.equal("outline");
-      el.quiet = false;
-      await elementUpdated(el);
-      expect(el.treatment).to.equal("fill");
-    });
-    it('upgrades [variant="cta"] to [variant="accent"]', async () => {
-      const el = await fixture(html`
+                `);await n(t),a(t.treatment).to.equal("outline"),t.quiet=!1,await n(t),a(t.treatment).to.equal("fill")}),it('upgrades [variant="cta"] to [variant="accent"]',async()=>{const t=await o(s`
                     <sp-button variant="cta">Button</sp-button>
-                `);
-      await elementUpdated(el);
-      expect(el.variant).to.equal("accent");
-    });
-    it('manages [variant="overBackground"]', async () => {
-      const el = await fixture(html`
+                `);await n(t),a(t.variant).to.equal("accent")}),it('manages [variant="overBackground"]',async()=>{const t=await o(s`
                     <sp-button variant="overBackground">Button</sp-button>
-                `);
-      await elementUpdated(el);
-      expect(el.variant).to.equal("white");
-      expect(el.treatment).to.equal("outline");
-    });
-    it('forces [variant="accent"]', async () => {
-      const el = await fixture(html`
+                `);await n(t),a(t.variant).to.equal("white"),a(t.treatment).to.equal("outline")}),it('forces [variant="accent"]',async()=>{const t=await o(s`
                     <sp-button variant="not-supported">Button</sp-button>
-                `);
-      await elementUpdated(el);
-      expect(el.variant).to.equal("accent");
-    });
-  });
-});
+                `);await n(t),a(t.variant).to.equal("accent")})})});
 //# sourceMappingURL=button.test.js.map