@spectrum-web-components/menu 1.3.0-beta.2 → 1.3.0-testing.0

package/test/menu.test.js

@@ -1,563 +0,0 @@
-"use strict";
-import {
-  aTimeout,
-  elementUpdated,
-  expect,
-  html,
-  nextFrame,
-  waitUntil
-} from "@open-wc/testing";
-import "@spectrum-web-components/menu/sp-menu-divider.js";
-import "@spectrum-web-components/menu/sp-menu-group.js";
-import "@spectrum-web-components/menu/sp-menu-item.js";
-import "@spectrum-web-components/menu/sp-menu.js";
-import { isFirefox, isWebKit } from "@spectrum-web-components/shared";
-import { sendKeys } from "@web/test-runner-commands";
-import { spy } from "sinon";
-import { sendMouse } from "../../../test/plugins/browser.js";
-import {
-  arrowDownEvent,
-  arrowUpEvent,
-  fixture,
-  tabEvent,
-  testForLitDevWarnings,
-  tEvent
-} from "../../../test/testing-helpers.js";
-describe("Menu", () => {
-  it("renders empty", async () => {
-    const el = await fixture(html`
-            <sp-menu tabindex="0"><a href="#anchor">Test</a></sp-menu>
-        `);
-    const anchor = el.querySelector("a");
-    await elementUpdated(el);
-    expect(document.activeElement === el, "self not focused, 1").to.be.false;
-    expect(document.activeElement === anchor, "child not focused, 1").to.be.false;
-    expect(el.getAttribute("role")).to.equal("menu");
-    el.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === el, "self not focused, 2").to.be.false;
-    expect(document.activeElement === anchor, "child not focused, 2").to.be.false;
-    anchor.focus();
-    expect(document.activeElement === el, "self not focused, 3").to.be.false;
-    expect(document.activeElement === anchor, "anchor").to.be.true;
-  });
-  it("renders w/ [disabled] menu items", async () => {
-    const focusinSpy = spy();
-    const el = await fixture(html`
-            <sp-menu tabindex="0" @focusin=${() => focusinSpy()}>
-                <sp-menu-item disabled>Disabled item</sp-menu-item>
-            </sp-menu>
-        `);
-    await elementUpdated(el);
-    expect(document.activeElement === el, "self not focused, 1").to.be.false;
-    el.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === el, "self not focused, 2").to.be.false;
-    expect(focusinSpy.callCount).to.equal(0);
-  });
-  it("renders w/ all [disabled] menu items", async () => {
-    const focusinSpy = spy();
-    const el = await fixture(html`
-            <sp-menu tabindex="0" @focusin=${() => focusinSpy()}>
-                <sp-menu-item disabled>Disabled item 1</sp-menu-item>
-                <sp-menu-item disabled>Disabled item 2</sp-menu-item>
-            </sp-menu>
-        `);
-    const firstItem = el.querySelector("sp-menu-item");
-    await elementUpdated(el);
-    expect(document.activeElement === el, "self not focused, 1").to.be.false;
-    el.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === el, "self not focused, 2").to.be.false;
-    expect(focusinSpy.callCount).to.equal(0);
-    firstItem.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === el, "self not focused, 2").to.be.false;
-    expect(focusinSpy.callCount).to.equal(0);
-    expect(el.matches(":focus-within")).to.be.false;
-  });
-  it("renders w/ menu items", async () => {
-    const el = await fixture(html`
-            <sp-menu label="Pick an action:">
-                <sp-menu-item>Deselect</sp-menu-item>
-                <sp-menu-item>Select Inverse</sp-menu-item>
-                <sp-menu-item>Feather...</sp-menu-item>
-                <sp-menu-item>Select and Mask...</sp-menu-item>
-                <sp-menu-divider></sp-menu-divider>
-                <sp-menu-item>Save Selection</sp-menu-item>
-                <sp-menu-item disabled>Make Work Path</sp-menu-item>
-            </sp-menu>
-        `);
-    await elementUpdated(el);
-    expect(el.childItems.length).to.equal(6);
-    await expect(el).to.be.accessible();
-  });
-  testForLitDevWarnings(
-    async () => await fixture(html`
-                <sp-menu selects="single">
-                    <sp-menu-item>Not Selected</sp-menu-item>
-                    <sp-menu-item selected>Selected</sp-menu-item>
-                    <sp-menu-item>Other</sp-menu-item>
-                </sp-menu>
-            `)
-  );
-  it("renders w/ selected", async () => {
-    const el = await fixture(html`
-            <sp-menu selects="single">
-                <sp-menu-item>Not Selected</sp-menu-item>
-                <sp-menu-item selected>Selected</sp-menu-item>
-                <sp-menu-item>Other</sp-menu-item>
-            </sp-menu>
-        `);
-    await elementUpdated(el);
-    const selectedItem = el.querySelector(
-      "sp-menu-item[selected]"
-    );
-    expect(selectedItem.selected).to.be.true;
-    await expect(el).to.be.accessible();
-  });
-  it('has a "value" that can be copied during "change" events', async function() {
-    if (isWebKit() || isFirefox()) {
-      this.skip();
-    }
-    const el = await fixture(html`
-            <sp-menu
-                selects="single"
-                @change=${({
-      target: { value }
-    }) => {
-      navigator.clipboard.writeText(value);
-    }}
-            >
-                <sp-menu-item>Not Selected</sp-menu-item>
-                <sp-menu-item selected>Selected</sp-menu-item>
-                <sp-menu-item id="other">Other</sp-menu-item>
-            </sp-menu>
-        `);
-    await elementUpdated(el);
-    const selectedItem = el.querySelector(
-      "sp-menu-item[selected]"
-    );
-    selectedItem.focus();
-    await elementUpdated(el);
-    await sendKeys({
-      press: "ArrowDown"
-    });
-    await elementUpdated(el);
-    await sendKeys({
-      press: "Enter"
-    });
-    const clipboardText = await navigator.clipboard.readText();
-    await elementUpdated(el);
-    expect(clipboardText).to.equal("Other");
-  });
-  it("accepts Numpad keys", async function() {
-    if (isWebKit() || isFirefox()) {
-      this.skip();
-    }
-    const el = await fixture(html`
-            <sp-menu
-                selects="single"
-                @change=${({
-      target: { value }
-    }) => {
-      navigator.clipboard.writeText(value);
-    }}
-            >
-                <sp-menu-item>Not Selected</sp-menu-item>
-                <sp-menu-item selected>Selected</sp-menu-item>
-                <sp-menu-item id="other">Other</sp-menu-item>
-            </sp-menu>
-        `);
-    await elementUpdated(el);
-    const selectedItem = el.querySelector(
-      "sp-menu-item[selected]"
-    );
-    selectedItem.focus();
-    await elementUpdated(el);
-    await sendKeys({
-      press: "ArrowDown"
-    });
-    await elementUpdated(el);
-    await sendKeys({
-      press: "NumpadEnter"
-    });
-    await elementUpdated(el);
-    const clipboardText = await navigator.clipboard.readText();
-    expect(clipboardText).to.equal("Other");
-  });
-  it("renders w/ hrefs", async () => {
-    const el = await fixture(html`
-            <sp-menu>
-                <sp-menu-item href="not-selected.html">
-                    Not Selected
-                </sp-menu-item>
-                <sp-menu-item href="selected.html">Selected</sp-menu-item>
-                <sp-menu-item href="other.html">Other</sp-menu-item>
-            </sp-menu>
-        `);
-    await waitUntil(
-      () => el.childItems.length == 3,
-      "expected menu to manage 3 items"
-    );
-    await elementUpdated(el);
-    await expect(el).to.be.accessible();
-    expect(el.getAttribute("role")).to.equal("menu");
-  });
-  it("handle focus and keyboard input", async () => {
-    const el = await fixture(html`
-            <sp-menu>
-                <sp-menu-item>Deselect</sp-menu-item>
-                <sp-menu-item>Select Inverse</sp-menu-item>
-                <sp-menu-item>Feather...</sp-menu-item>
-                <sp-menu-item>Select and Mask...</sp-menu-item>
-                <sp-menu-divider></sp-menu-divider>
-                <sp-menu-item>Save Selection</sp-menu-item>
-                <sp-menu-item disabled>Make Work Path</sp-menu-item>
-            </sp-menu>
-        `);
-    await waitUntil(
-      () => el.childItems.length == 6,
-      "expected menu to manage 6 items"
-    );
-    await elementUpdated(el);
-    const firstItem = el.querySelector(
-      "sp-menu-item:nth-of-type(1)"
-    );
-    const thirdToLastItem = el.querySelector(
-      "sp-menu-item:nth-last-of-type(3)"
-    );
-    const secondToLastItem = el.querySelector(
-      "sp-menu-item:nth-last-of-type(2)"
-    );
-    el.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === firstItem, "active element").to.be.true;
-    expect(firstItem.focused, "first item focused").to.be.true;
-    expect(firstItem.textContent, "focused item text").to.equal("Deselect");
-    el.dispatchEvent(arrowUpEvent());
-    el.dispatchEvent(arrowUpEvent());
-    el.dispatchEvent(tEvent());
-    expect(
-      document.activeElement === thirdToLastItem,
-      "active element after arrow up"
-    ).to.be.true;
-    expect(thirdToLastItem.focused, "third to last item focused").to.be.true;
-    expect(thirdToLastItem.textContent, "focused item text").to.equal(
-      "Select and Mask..."
-    );
-    el.dispatchEvent(arrowDownEvent());
-    expect(
-      document.activeElement === secondToLastItem,
-      "active element after arrow down"
-    ).to.be.true;
-    expect(secondToLastItem.focused, "second to last item focused").to.be.true;
-    expect(secondToLastItem.textContent, "focused item text").to.equal(
-      "Save Selection"
-    );
-  });
-  it("handle focus and late descendant additions", async () => {
-    const el = await fixture(html`
-            <sp-menu>
-                <sp-menu-group selects="inherit">
-                    <span slot="header">Options</span>
-                    <sp-menu-item id="deselect">Deselect</sp-menu-item>
-                </sp-menu-group>
-            </sp-menu>
-        `);
-    await waitUntil(
-      () => el.childItems.length == 1,
-      "expected menu to manage 1 item"
-    );
-    await elementUpdated(el);
-    const initialLoadedItem = el.querySelector("#deselect");
-    el.focus();
-    await elementUpdated(el);
-    expect(document.activeElement === initialLoadedItem, "active element").to.be.true;
-    expect(initialLoadedItem.focused, "visually focused").to.be.true;
-    expect(initialLoadedItem.textContent, "focused item text").to.equal(
-      "Deselect"
-    );
-    el.blur();
-    const group = el.querySelector("sp-menu-group");
-    const prependedItem = document.createElement("sp-menu-item");
-    prependedItem.textContent = "Prepended Item";
-    const appendedItem = document.createElement("sp-menu-item");
-    appendedItem.textContent = "Appended Item";
-    group.prepend(prependedItem);
-    group.append(appendedItem);
-    await elementUpdated(el);
-    await waitUntil(() => {
-      return el.childItems.length == 3;
-    }, "expected menu to manage 3 items");
-    await elementUpdated(el);
-    expect(el.childItems.length).to.equal(3);
-    el.focus();
-    expect(
-      document.activeElement === prependedItem,
-      "prepended item is active element?"
-    ).to.be.true;
-    expect(prependedItem.focused, "prepended item visibly focused").to.be.true;
-    await sendKeys({ press: "ArrowUp" });
-    expect(
-      document.activeElement === appendedItem,
-      "appended item is active element"
-    ).to.be.true;
-    expect(appendedItem.focused, "appended visibly focused").to.be.true;
-  });
-  it("cleans up when tabbing away", async () => {
-    const el = await fixture(html`
-            <sp-menu>
-                <sp-menu-item>Deselect</sp-menu-item>
-                <sp-menu-item>Select Inverse</sp-menu-item>
-                <sp-menu-item>Third Item</sp-menu-item>
-            </sp-menu>
-        `);
-    await elementUpdated(el);
-    const firstItem = el.querySelector(
-      "sp-menu-item:nth-of-type(1)"
-    );
-    const thirdItem = el.querySelector(
-      "sp-menu-item:nth-of-type(3)"
-    );
-    el.focus();
-    expect(
-      document.activeElement === firstItem,
-      "first item is active element"
-    ).to.be.true;
-    expect(firstItem.focused, "first item focused").to.be.true;
-    el.dispatchEvent(arrowDownEvent());
-    el.dispatchEvent(arrowDownEvent());
-    expect(thirdItem.focused, "third item focused").to.be.true;
-    thirdItem.dispatchEvent(tabEvent());
-    el.dispatchEvent(
-      new CustomEvent("focusout", {
-        composed: true,
-        bubbles: true
-      })
-    );
-    await nextFrame();
-    el.focus();
-    await sendKeys({ press: "ArrowDown" });
-    expect(firstItem.focused, "first item focused again").to.be.true;
-  });
-  it("handles focus across focused MenuItem removals", async () => {
-    const el = await fixture(html`
-            <sp-menu id="remove">
-                <sp-menu-item id="#deselect">Deselect</sp-menu-item>
-                <sp-menu-item selected>Select Inverse</sp-menu-item>
-                <sp-menu-item>Third Item</sp-menu-item>
-            </sp-menu>
-        `);
-    await waitUntil(
-      () => el.childItems.length == 3,
-      "expected menu to manage 3 items",
-      { timeout: 100 }
-    );
-    expect(el.children.length).to.equal(el.childItems.length);
-    el.focus();
-    const children = [...el.children];
-    expect(children[1], "selected element is focused").to.equal(
-      document.activeElement
-    );
-    await sendKeys({ press: "ArrowUp" });
-    expect(children[0], "first element is focused").to.equal(
-      document.activeElement
-    );
-    if (isFirefox() || isWebKit()) {
-      children[0].remove();
-      await elementUpdated(el);
-      expect(children[1], "selected element is focused").to.equal(
-        document.activeElement
-      );
-      await sendKeys({ press: "ArrowUp" });
-      expect(children[2], "last element is focused").to.equal(
-        document.activeElement
-      );
-    }
-  });
-  it("handles single selection", async () => {
-    const el = await fixture(html`
-            <sp-menu selects="single">
-                <sp-menu-item selected>First</sp-menu-item>
-                <sp-menu-item>Second</sp-menu-item>
-                <sp-menu-item>Third</sp-menu-item>
-            </sp-menu>
-        `);
-    await elementUpdated(el);
-    const firstItem = el.querySelector(
-      "sp-menu-item:nth-of-type(1)"
-    );
-    const secondItem = el.querySelector(
-      "sp-menu-item:nth-of-type(2)"
-    );
-    expect(firstItem.getAttribute("role")).to.equal("menuitemradio");
-    expect(secondItem.getAttribute("role")).to.equal("menuitemradio");
-    expect(firstItem.selected).to.be.true;
-    expect(secondItem.selected).to.be.false;
-    expect(firstItem.getAttribute("aria-checked")).to.equal("true");
-    expect(secondItem.getAttribute("aria-checked")).to.equal("false");
-    expect(el.value).to.equal("First");
-    secondItem.click();
-    await elementUpdated(el);
-    await elementUpdated(firstItem);
-    await elementUpdated(secondItem);
-    expect(firstItem.selected).to.be.false;
-    expect(secondItem.selected).to.be.true;
-    expect(firstItem.getAttribute("aria-checked")).to.equal("false");
-    expect(secondItem.getAttribute("aria-checked")).to.equal("true");
-    expect(el.value).to.equal("Second");
-  });
-  it("does not make a selection on a right/middle mouse click", async () => {
-    const changeSpy = spy();
-    const el = await fixture(html`
-            <sp-menu
-                selects="single"
-                @change=${() => {
-      changeSpy();
-    }}
-            >
-                <sp-menu-item>First</sp-menu-item>
-                <sp-menu-item>Second</sp-menu-item>
-                <sp-menu-item>Third</sp-menu-item>
-            </sp-menu>
-        `);
-    await waitUntil(
-      () => el.childItems.length == 3,
-      "expected menu to manage 3 items"
-    );
-    await elementUpdated(el);
-    const secondItem = el.querySelector(
-      "sp-menu-item:nth-of-type(2)"
-    );
-    const rect = secondItem.getBoundingClientRect();
-    sendMouse({
-      steps: [
-        {
-          position: [
-            rect.left + rect.width / 2,
-            rect.top + rect.height / 2
-          ],
-          type: "click",
-          options: {
-            button: "right"
-          }
-        }
-      ]
-    });
-    await elementUpdated(el);
-    await elementUpdated(secondItem);
-    await aTimeout(150);
-    expect(changeSpy.callCount, "no change").to.equal(0);
-    sendMouse({
-      steps: [
-        {
-          position: [
-            rect.left + rect.width / 2,
-            rect.top + rect.height / 2
-          ],
-          type: "click",
-          options: {
-            button: "middle"
-          }
-        }
-      ]
-    });
-    await elementUpdated(el);
-    await elementUpdated(secondItem);
-    await aTimeout(150);
-    expect(changeSpy.callCount, "no change").to.equal(0);
-  });
-  it("handles multiple selection", async () => {
-    const changeSpy = spy();
-    const el = await fixture(html`
-            <sp-menu selects="multiple" @change=${() => changeSpy()}>
-                <sp-menu-item selected>First</sp-menu-item>
-                <sp-menu-item>Second</sp-menu-item>
-                <sp-menu-item>Third</sp-menu-item>
-            </sp-menu>
-        `);
-    await waitUntil(
-      () => el.childItems.length == 3,
-      "expected menu to manage 3 items"
-    );
-    await elementUpdated(el);
-    const firstItem = el.querySelector(
-      "sp-menu-item:nth-of-type(1)"
-    );
-    const secondItem = el.querySelector(
-      "sp-menu-item:nth-of-type(2)"
-    );
-    expect(firstItem.getAttribute("role")).to.equal("menuitemcheckbox");
-    expect(secondItem.getAttribute("role")).to.equal("menuitemcheckbox");
-    expect(firstItem.selected).to.be.true;
-    expect(secondItem.selected).to.be.false;
-    expect(firstItem.getAttribute("aria-checked")).to.equal("true");
-    expect(secondItem.getAttribute("aria-checked")).to.equal("false");
-    expect(el.value).to.equal("First");
-    expect(el.selectedItems.length).to.equal(1);
-    secondItem.click();
-    await elementUpdated(el);
-    await elementUpdated(firstItem);
-    await elementUpdated(secondItem);
-    expect(changeSpy.callCount, "one change").to.equal(1);
-    expect(firstItem.selected).to.be.true;
-    expect(secondItem.selected).to.be.true;
-    expect(firstItem.getAttribute("aria-checked")).to.equal("true");
-    expect(secondItem.getAttribute("aria-checked")).to.equal("true");
-    expect(el.value).to.equal("First,Second");
-    expect(el.selectedItems.length).to.equal(2);
-    firstItem.click();
-    await elementUpdated(el);
-    await elementUpdated(firstItem);
-    await elementUpdated(secondItem);
-    expect(changeSpy.callCount, "two changes").to.equal(2);
-    expect(firstItem.selected).to.be.false;
-    expect(secondItem.selected).to.be.true;
-    expect(firstItem.getAttribute("aria-checked")).to.equal("false");
-    expect(secondItem.getAttribute("aria-checked")).to.equal("true");
-    expect(el.value).to.equal("Second");
-    expect(el.selectedItems.length).to.equal(1);
-  });
-  it("can be controlled to manage a single togglable selection", async () => {
-    const toggleSingleSelected = (event) => {
-      event.preventDefault();
-      const selected = [];
-      if (event.target.selected.length) {
-        selected.push(event.target.selected.at(-1));
-      }
-      event.target.updateComplete.then(() => {
-        event.target.selected = selected;
-      });
-    };
-    const el = await fixture(html`
-            <sp-menu selects="multiple" @change=${toggleSingleSelected}>
-                <sp-menu-item value="1">First</sp-menu-item>
-                <sp-menu-item value="2">Second</sp-menu-item>
-                <sp-menu-item value="3">Third</sp-menu-item>
-            </sp-menu>
-        `);
-    await nextFrame();
-    await nextFrame();
-    expect(el.selected).to.deep.equal([]);
-    const items = [...el.children];
-    await Promise.all(items.map((child) => child.updateComplete));
-    items[0].click();
-    await nextFrame();
-    await nextFrame();
-    expect(el.selected).to.deep.equal(["1"]);
-    items[0].click();
-    await nextFrame();
-    await nextFrame();
-    expect(el.selected).to.deep.equal([]);
-    items[1].click();
-    await nextFrame();
-    await nextFrame();
-    expect(el.selected).to.deep.equal(["2"]);
-    items[2].click();
-    await nextFrame();
-    await nextFrame();
-    expect(el.selected).to.deep.equal(["3"]);
-  });
-});
-//# sourceMappingURL=menu.test.js.map

package/test/menu.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["menu.test.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 {\n    aTimeout,\n    elementUpdated,\n    expect,\n    html,\n    nextFrame,\n    waitUntil,\n} from '@open-wc/testing';\nimport { Menu, MenuItem } from '@spectrum-web-components/menu';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport { isFirefox, isWebKit } from '@spectrum-web-components/shared';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { spy } from 'sinon';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport {\n    arrowDownEvent,\n    arrowUpEvent,\n    fixture,\n    tabEvent,\n    testForLitDevWarnings,\n    tEvent,\n} from '../../../test/testing-helpers.js';\n\ndescribe('Menu', () => {\n    it('renders empty', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu tabindex=\"0\"><a href=\"#anchor\">Test</a></sp-menu>\n        `);\n\n        const anchor = el.querySelector('a') as HTMLAnchorElement;\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n        expect(document.activeElement === anchor, 'child not focused, 1').to.be\n            .false;\n\n        expect(el.getAttribute('role')).to.equal('menu');\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(document.activeElement === anchor, 'child not focused, 2').to.be\n            .false;\n\n        anchor.focus();\n        expect(document.activeElement === el, 'self not focused, 3').to.be\n            .false;\n        expect(document.activeElement === anchor, 'anchor').to.be.true;\n    });\n    it('renders w/ [disabled] menu items', async () => {\n        const focusinSpy = spy();\n        const el = await fixture<Menu>(html`\n            <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                <sp-menu-item disabled>Disabled item</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n    });\n    it('renders w/ all [disabled] menu items', async () => {\n        const focusinSpy = spy();\n        const el = await fixture<Menu>(html`\n            <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                <sp-menu-item disabled>Disabled item 1</sp-menu-item>\n                <sp-menu-item disabled>Disabled item 2</sp-menu-item>\n            </sp-menu>\n        `);\n        const firstItem = el.querySelector('sp-menu-item') as MenuItem;\n\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 1').to.be\n            .false;\n\n        el.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n        firstItem.focus();\n        await elementUpdated(el);\n        expect(document.activeElement === el, 'self not focused, 2').to.be\n            .false;\n        expect(focusinSpy.callCount).to.equal(0);\n        expect(el.matches(':focus-within')).to.be.false;\n    });\n    it('renders w/ menu items', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu label=\"Pick an action:\">\n                <sp-menu-item>Deselect</sp-menu-item>\n                <sp-menu-item>Select Inverse</sp-menu-item>\n                <sp-menu-item>Feather...</sp-menu-item>\n                <sp-menu-item>Select and Mask...</sp-menu-item>\n                <sp-menu-divider></sp-menu-divider>\n                <sp-menu-item>Save Selection</sp-menu-item>\n                <sp-menu-item disabled>Make Work Path</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.childItems.length).to.equal(6);\n        await expect(el).to.be.accessible();\n    });\n\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Menu>(html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item>Not Selected</sp-menu-item>\n                    <sp-menu-item selected>Selected</sp-menu-item>\n                    <sp-menu-item>Other</sp-menu-item>\n                </sp-menu>\n            `)\n    );\n\n    it('renders w/ selected', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu selects=\"single\">\n                <sp-menu-item>Not Selected</sp-menu-item>\n                <sp-menu-item selected>Selected</sp-menu-item>\n                <sp-menu-item>Other</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await elementUpdated(el);\n\n        const selectedItem = el.querySelector(\n            'sp-menu-item[selected]'\n        ) as MenuItem;\n\n        expect(selectedItem.selected).to.be.true;\n        await expect(el).to.be.accessible();\n    });\n\n    it('has a \"value\" that can be copied during \"change\" events', async function () {\n        if (isWebKit() || isFirefox()) {\n            this.skip();\n        }\n        const el = await fixture<Menu>(html`\n            <sp-menu\n                selects=\"single\"\n                @change=${({\n                    target: { value },\n                }: Event & { target: Menu }): void => {\n                    navigator.clipboard.writeText(value);\n                }}\n            >\n                <sp-menu-item>Not Selected</sp-menu-item>\n                <sp-menu-item selected>Selected</sp-menu-item>\n                <sp-menu-item id=\"other\">Other</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await elementUpdated(el);\n\n        const selectedItem = el.querySelector(\n            'sp-menu-item[selected]'\n        ) as MenuItem;\n\n        selectedItem.focus();\n\n        await elementUpdated(el);\n        await sendKeys({\n            press: 'ArrowDown',\n        });\n        await elementUpdated(el);\n        await sendKeys({\n            press: 'Enter',\n        });\n\n        const clipboardText = await navigator.clipboard.readText();\n        await elementUpdated(el);\n\n        expect(clipboardText).to.equal('Other');\n    });\n\n    it('accepts Numpad keys', async function () {\n        if (isWebKit() || isFirefox()) {\n            this.skip();\n        }\n        const el = await fixture<Menu>(html`\n            <sp-menu\n                selects=\"single\"\n                @change=${({\n                    target: { value },\n                }: Event & { target: Menu }): void => {\n                    navigator.clipboard.writeText(value);\n                }}\n            >\n                <sp-menu-item>Not Selected</sp-menu-item>\n                <sp-menu-item selected>Selected</sp-menu-item>\n                <sp-menu-item id=\"other\">Other</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await elementUpdated(el);\n        const selectedItem = el.querySelector(\n            'sp-menu-item[selected]'\n        ) as MenuItem;\n        selectedItem.focus();\n        await elementUpdated(el);\n        await sendKeys({\n            press: 'ArrowDown',\n        });\n        await elementUpdated(el);\n        await sendKeys({\n            press: 'NumpadEnter',\n        });\n\n        await elementUpdated(el);\n\n        const clipboardText = await navigator.clipboard.readText();\n        expect(clipboardText).to.equal('Other');\n    });\n\n    it('renders w/ hrefs', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu>\n                <sp-menu-item href=\"not-selected.html\">\n                    Not Selected\n                </sp-menu-item>\n                <sp-menu-item href=\"selected.html\">Selected</sp-menu-item>\n                <sp-menu-item href=\"other.html\">Other</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        expect(el.getAttribute('role')).to.equal('menu');\n    });\n\n    it('handle focus and keyboard input', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu>\n                <sp-menu-item>Deselect</sp-menu-item>\n                <sp-menu-item>Select Inverse</sp-menu-item>\n                <sp-menu-item>Feather...</sp-menu-item>\n                <sp-menu-item>Select and Mask...</sp-menu-item>\n                <sp-menu-divider></sp-menu-divider>\n                <sp-menu-item>Save Selection</sp-menu-item>\n                <sp-menu-item disabled>Make Work Path</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await waitUntil(\n            () => el.childItems.length == 6,\n            'expected menu to manage 6 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const thirdToLastItem = el.querySelector(\n            'sp-menu-item:nth-last-of-type(3)'\n        ) as MenuItem;\n        const secondToLastItem = el.querySelector(\n            'sp-menu-item:nth-last-of-type(2)'\n        ) as MenuItem;\n\n        el.focus();\n        await elementUpdated(el);\n\n        expect(document.activeElement === firstItem, 'active element').to.be\n            .true;\n        expect(firstItem.focused, 'first item focused').to.be.true;\n        expect(firstItem.textContent, 'focused item text').to.equal('Deselect');\n\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(tEvent());\n\n        expect(\n            document.activeElement === thirdToLastItem,\n            'active element after arrow up'\n        ).to.be.true;\n        expect(thirdToLastItem.focused, 'third to last item focused').to.be\n            .true;\n        expect(thirdToLastItem.textContent, 'focused item text').to.equal(\n            'Select and Mask...'\n        );\n\n        el.dispatchEvent(arrowDownEvent());\n\n        expect(\n            document.activeElement === secondToLastItem,\n            'active element after arrow down'\n        ).to.be.true;\n        expect(secondToLastItem.focused, 'second to last item focused').to.be\n            .true;\n        expect(secondToLastItem.textContent, 'focused item text').to.equal(\n            'Save Selection'\n        );\n    });\n\n    it('handle focus and late descendant additions', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu>\n                <sp-menu-group selects=\"inherit\">\n                    <span slot=\"header\">Options</span>\n                    <sp-menu-item id=\"deselect\">Deselect</sp-menu-item>\n                </sp-menu-group>\n            </sp-menu>\n        `);\n\n        await waitUntil(\n            () => el.childItems.length == 1,\n            'expected menu to manage 1 item'\n        );\n        await elementUpdated(el);\n\n        const initialLoadedItem = el.querySelector('#deselect') as MenuItem;\n\n        el.focus();\n\n        await elementUpdated(el);\n\n        expect(document.activeElement === initialLoadedItem, 'active element')\n            .to.be.true;\n        expect(initialLoadedItem.focused, 'visually focused').to.be.true;\n        expect(initialLoadedItem.textContent, 'focused item text').to.equal(\n            'Deselect'\n        );\n\n        el.blur();\n\n        const group = el.querySelector('sp-menu-group') as HTMLElement;\n\n        const prependedItem = document.createElement('sp-menu-item');\n        prependedItem.textContent = 'Prepended Item';\n\n        const appendedItem = document.createElement('sp-menu-item');\n        appendedItem.textContent = 'Appended Item';\n\n        group.prepend(prependedItem);\n        group.append(appendedItem);\n        await elementUpdated(el);\n\n        await waitUntil(() => {\n            return el.childItems.length == 3;\n        }, 'expected menu to manage 3 items');\n\n        await elementUpdated(el);\n\n        expect(el.childItems.length).to.equal(3);\n        el.focus();\n\n        expect(\n            document.activeElement === prependedItem,\n            'prepended item is active element?'\n        ).to.be.true;\n        expect(prependedItem.focused, 'prepended item visibly focused').to.be\n            .true;\n\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(\n            document.activeElement === appendedItem,\n            'appended item is active element'\n        ).to.be.true;\n        expect(appendedItem.focused, 'appended visibly focused').to.be.true;\n    });\n\n    it('cleans up when tabbing away', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu>\n                <sp-menu-item>Deselect</sp-menu-item>\n                <sp-menu-item>Select Inverse</sp-menu-item>\n                <sp-menu-item>Third Item</sp-menu-item>\n            </sp-menu>\n        `);\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const thirdItem = el.querySelector(\n            'sp-menu-item:nth-of-type(3)'\n        ) as MenuItem;\n\n        el.focus();\n\n        expect(\n            document.activeElement === firstItem,\n            'first item is active element'\n        ).to.be.true;\n        expect(firstItem.focused, 'first item focused').to.be.true;\n        el.dispatchEvent(arrowDownEvent());\n        el.dispatchEvent(arrowDownEvent());\n        expect(thirdItem.focused, 'third item focused').to.be.true;\n        // imitate tabbing away\n        thirdItem.dispatchEvent(tabEvent());\n        el.dispatchEvent(\n            new CustomEvent('focusout', {\n                composed: true,\n                bubbles: true,\n            })\n        );\n        await nextFrame();\n\n        el.focus();\n        // focus management should start again from the first item.\n        await sendKeys({ press: 'ArrowDown' });\n        expect(firstItem.focused, 'first item focused again').to.be.true;\n    });\n\n    it('handles focus across focused MenuItem removals', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu id=\"remove\">\n                <sp-menu-item id=\"#deselect\">Deselect</sp-menu-item>\n                <sp-menu-item selected>Select Inverse</sp-menu-item>\n                <sp-menu-item>Third Item</sp-menu-item>\n            </sp-menu>\n        `);\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items',\n            { timeout: 100 }\n        );\n\n        expect(el.children.length).to.equal(el.childItems.length);\n\n        el.focus();\n\n        const children = [...el.children];\n\n        expect(children[1], 'selected element is focused').to.equal(\n            document.activeElement\n        );\n\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(children[0], 'first element is focused').to.equal(\n            document.activeElement\n        );\n        //@todo this test fails on Chromium\n        if (isFirefox() || isWebKit()) {\n            children[0].remove();\n            await elementUpdated(el);\n            expect(children[1], 'selected element is focused').to.equal(\n                document.activeElement\n            );\n\n            await sendKeys({ press: 'ArrowUp' });\n            expect(children[2], 'last element is focused').to.equal(\n                document.activeElement\n            );\n        }\n    });\n\n    it('handles single selection', async () => {\n        const el = await fixture<Menu>(html`\n            <sp-menu selects=\"single\">\n                <sp-menu-item selected>First</sp-menu-item>\n                <sp-menu-item>Second</sp-menu-item>\n                <sp-menu-item>Third</sp-menu-item>\n            </sp-menu>\n        `);\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(firstItem.getAttribute('role')).to.equal('menuitemradio');\n        expect(secondItem.getAttribute('role')).to.equal('menuitemradio');\n\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.false;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(el.value).to.equal('First');\n\n        secondItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(firstItem.selected).to.be.false;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('false');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Second');\n    });\n    it('does not make a selection on a right/middle mouse click', async () => {\n        const changeSpy = spy();\n        const el = await fixture<Menu>(html`\n            <sp-menu\n                selects=\"single\"\n                @change=${() => {\n                    changeSpy();\n                }}\n            >\n                <sp-menu-item>First</sp-menu-item>\n                <sp-menu-item>Second</sp-menu-item>\n                <sp-menu-item>Third</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        // send right mouse click to the secondItem\n        const rect = secondItem.getBoundingClientRect();\n        sendMouse({\n            steps: [\n                {\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                    type: 'click',\n                    options: {\n                        button: 'right',\n                    },\n                },\n            ],\n        });\n        await elementUpdated(el);\n        await elementUpdated(secondItem);\n        await aTimeout(150);\n        expect(changeSpy.callCount, 'no change').to.equal(0);\n\n        // send middle mouse click to the secondItem\n        sendMouse({\n            steps: [\n                {\n                    position: [\n                        rect.left + rect.width / 2,\n                        rect.top + rect.height / 2,\n                    ],\n                    type: 'click',\n                    options: {\n                        button: 'middle',\n                    },\n                },\n            ],\n        });\n        await elementUpdated(el);\n        await elementUpdated(secondItem);\n        await aTimeout(150);\n        expect(changeSpy.callCount, 'no change').to.equal(0);\n    });\n    it('handles multiple selection', async () => {\n        const changeSpy = spy();\n        const el = await fixture<Menu>(html`\n            <sp-menu selects=\"multiple\" @change=${() => changeSpy()}>\n                <sp-menu-item selected>First</sp-menu-item>\n                <sp-menu-item>Second</sp-menu-item>\n                <sp-menu-item>Third</sp-menu-item>\n            </sp-menu>\n        `);\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await elementUpdated(el);\n\n        const firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(firstItem.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(secondItem.getAttribute('role')).to.equal('menuitemcheckbox');\n\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.false;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(el.value).to.equal('First');\n        expect(el.selectedItems.length).to.equal(1);\n\n        secondItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(changeSpy.callCount, 'one change').to.equal(1);\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('First,Second');\n        expect(el.selectedItems.length).to.equal(2);\n\n        firstItem.click();\n\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n\n        expect(changeSpy.callCount, 'two changes').to.equal(2);\n        expect(firstItem.selected).to.be.false;\n        expect(secondItem.selected).to.be.true;\n        expect(firstItem.getAttribute('aria-checked')).to.equal('false');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Second');\n        expect(el.selectedItems.length).to.equal(1);\n    });\n    it('can be controlled to manage a single togglable selection', async () => {\n        const toggleSingleSelected = (\n            event: Event & { target: Menu }\n        ): void => {\n            event.preventDefault();\n            const selected: string[] = [];\n            if (event.target.selected.length) {\n                selected.push(event.target.selected.at(-1) as string);\n            }\n            event.target.updateComplete.then(() => {\n                event.target.selected = selected;\n            });\n        };\n        const el = await fixture<Menu>(html`\n            <sp-menu selects=\"multiple\" @change=${toggleSingleSelected}>\n                <sp-menu-item value=\"1\">First</sp-menu-item>\n                <sp-menu-item value=\"2\">Second</sp-menu-item>\n                <sp-menu-item value=\"3\">Third</sp-menu-item>\n            </sp-menu>\n        `);\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal([]);\n\n        const items = [...el.children] as MenuItem[];\n        await Promise.all(items.map((child) => child.updateComplete));\n\n        items[0].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['1']);\n\n        items[0].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal([]);\n\n        items[1].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['2']);\n\n        items[2].click();\n        await nextFrame();\n        await nextFrame();\n        expect(el.selected).to.deep.equal(['3']);\n    });\n});\n"],
-  "mappings": "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",
-  "names": []
-}

package/test/submenu.test-vrt.js

@@ -1,5 +0,0 @@
-"use strict";
-import * as stories from "../stories/submenu.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("SubmenuStories", stories);
-//# sourceMappingURL=submenu.test-vrt.js.map

package/test/submenu.test-vrt.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["submenu.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/submenu.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('SubmenuStories', stories as unknown as TestsType);\n"],
-  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,kBAAkB,OAA+B;",
-  "names": []
-}