@spectrum-web-components/menu 0.31.1-overlay.29 → 0.31.1-react.21

package/test/menu-group.test.js

@@ -93,38 +93,26 @@ describe("Menu group", () => {
       html`
                 <sp-menu selects="single">
                     <sp-menu-item selected>First</sp-menu-item>
-                    <!-- 1 -->
                     <sp-menu-item>Second</sp-menu-item>
-                    <!-- 1 -->
                     <sp-menu-group id="mg-multi" selects="multiple">
                         <sp-menu-item selected>Multi1</sp-menu-item>
-                        <!-- 2 -->
                         <sp-menu-item>Multi2</sp-menu-item>
-                        <!-- 2 -->
                         <sp-menu-group id="mg-sub-inherit" selects="inherit">
                             <sp-menu-item>SubInherit1</sp-menu-item>
-                            <!-- 2 -->
                             <sp-menu-item>SubInherit2</sp-menu-item>
-                            <!-- 2 -->
                         </sp-menu-group>
                     </sp-menu-group>
                     <sp-menu-group id="mg-single" selects="single">
                         <sp-menu-item selected>Single1</sp-menu-item>
-                        <!-- 3 -->
                         <sp-menu-item>Single2</sp-menu-item>
-                        <!-- 3 -->
                     </sp-menu-group>
                     <sp-menu-group id="mg-none">
                         <sp-menu-item>Inherit1</sp-menu-item>
-                        <!-- - -->
                         <sp-menu-item>Inherit2</sp-menu-item>
-                        <!-- - -->
                     </sp-menu-group>
                     <sp-menu-group id="mg-inherit" selects="inherit">
                         <sp-menu-item>Inherit1</sp-menu-item>
-                        <!-- 1 -->
                         <sp-menu-item>Inherit2</sp-menu-item>
-                        <!-- 1 -->
                     </sp-menu-group>
                 </sp-menu>
             `
@@ -231,7 +219,6 @@ describe("Menu group", () => {
     expect(el.value).to.equal("Inherit1");
     expect(el.selectedItems.length).to.equal(1);
     noneItem2.click();
-    await elementUpdated(el);
     await elementUpdated(noneGroup);
     await elementUpdated(noneItem2);
     expect(inheritItem1.selected).to.be.true;
@@ -242,8 +229,8 @@ describe("Menu group", () => {
     await elementUpdated(singleGroup);
     await elementUpdated(singleItem1);
     await elementUpdated(singleItem2);
-    expect(singleItem2.selected).to.be.true;
     expect(singleItem1.selected, "first item not selected").to.be.false;
+    expect(singleItem2.selected).to.be.true;
     expect(inheritItem1.selected).to.be.true;
     expect(singleItem1.getAttribute("aria-checked")).to.equal("false");
     expect(singleItem2.getAttribute("aria-checked")).to.equal("true");

package/test/menu-group.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-group.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*/\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport { Menu, MenuGroup, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    oneEvent,\n    waitUntil,\n} from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\nconst managedItems = (menu: Menu | MenuGroup): MenuItem[] => {\n    return menu.childItems.filter(\n        (item: MenuItem) => item.menuData.selectionRoot === menu\n    );\n};\n\ndescribe('Menu group', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Menu>(\n                html`\n                    <sp-menu selects=\"single\">\n                        <sp-menu-group selects=\"inherit\">\n                            <span slot=\"header\">Section Heading</span>\n                            <sp-menu-item>Action 1</sp-menu-item>\n                            <sp-menu-item>Action 2</sp-menu-item>\n                            <sp-menu-item>Action 3</sp-menu-item>\n                        </sp-menu-group>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-group selects=\"inherit\">\n                            <span slot=\"header\">Section Heading</span>\n                            <sp-menu-item>Save</sp-menu-item>\n                            <sp-menu-item disabled>Download</sp-menu-item>\n                        </sp-menu-group>\n                    </sp-menu>\n                `\n            )\n    );\n    it('renders', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Section Heading</span>\n                        <sp-menu-item>Action 1</sp-menu-item>\n                        <sp-menu-item>Action 2</sp-menu-item>\n                        <sp-menu-item>Action 3</sp-menu-item>\n                    </sp-menu-group>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Section Heading</span>\n                        <sp-menu-item>Save</sp-menu-item>\n                        <sp-menu-item disabled>Download</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(() => {\n            return managedItems(el).length === 5;\n        }, `expected menu group to manage 5 children, received ${managedItems(el).length} of ${el.childItems.length}`);\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('manages [slot=\"header\"] content', async () => {\n        const el = await fixture<MenuGroup>(\n            html`\n                <sp-menu-group></sp-menu-group>\n            `\n        );\n        await elementUpdated(el);\n        const slot = el.shadowRoot.querySelector(\n            '[name=\"header\"'\n        ) as HTMLSlotElement;\n        const header = document.createElement('span');\n        header.textContent = 'Header';\n        header.slot = 'header';\n        expect(header.id).to.equal('');\n        let slotchanged = oneEvent(slot, 'slotchange');\n        el.append(header);\n        await slotchanged;\n        expect(header.id).to.equal(\n            (el as unknown as { headerId: string }).headerId\n        );\n\n        slotchanged = oneEvent(slot, 'slotchange');\n        header.remove();\n        await slotchanged;\n        expect(header.id).to.equal('');\n    });\n    it('handles selects for nested menu groups', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item selected>First</sp-menu-item>\n                    <!-- 1 -->\n                    <sp-menu-item>Second</sp-menu-item>\n                    <!-- 1 -->\n                    <sp-menu-group id=\"mg-multi\" selects=\"multiple\">\n                        <sp-menu-item selected>Multi1</sp-menu-item>\n                        <!-- 2 -->\n                        <sp-menu-item>Multi2</sp-menu-item>\n                        <!-- 2 -->\n                        <sp-menu-group id=\"mg-sub-inherit\" selects=\"inherit\">\n                            <sp-menu-item>SubInherit1</sp-menu-item>\n                            <!-- 2 -->\n                            <sp-menu-item>SubInherit2</sp-menu-item>\n                            <!-- 2 -->\n                        </sp-menu-group>\n                    </sp-menu-group>\n                    <sp-menu-group id=\"mg-single\" selects=\"single\">\n                        <sp-menu-item selected>Single1</sp-menu-item>\n                        <!-- 3 -->\n                        <sp-menu-item>Single2</sp-menu-item>\n                        <!-- 3 -->\n                    </sp-menu-group>\n                    <sp-menu-group id=\"mg-none\">\n                        <sp-menu-item>Inherit1</sp-menu-item>\n                        <!-- - -->\n                        <sp-menu-item>Inherit2</sp-menu-item>\n                        <!-- - -->\n                    </sp-menu-group>\n                    <sp-menu-group id=\"mg-inherit\" selects=\"inherit\">\n                        <sp-menu-item>Inherit1</sp-menu-item>\n                        <!-- 1 -->\n                        <sp-menu-item>Inherit2</sp-menu-item>\n                        <!-- 1 -->\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        // 1 & 3 should be menuitemradio\n        // 2 shouwl menuitemcheckbox\n\n        await waitUntil(\n            () => managedItems(el).length === 4,\n            `expected outer menu to manage 4 items (2 are inherited), got ${\n                managedItems(el).length\n            }, with ${el.childItems.length} total`\n        );\n        await waitUntil(\n            () => el.selectedItems.length === 1,\n            'expected 1 selected item'\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        const multiGroup = el.querySelector(\n            'sp-menu-group#mg-multi'\n        ) as MenuGroup;\n        const multiItem1 = multiGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const multiItem2 = multiGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        await waitUntil(\n            () => managedItems(multiGroup).length === 4,\n            `selects=\"#mg-multi should manage 4 items (2 are inherited), received ${\n                managedItems(multiGroup).length\n            }`\n        );\n\n        const singleGroup = el.querySelector(\n            'sp-menu-group#mg-single'\n        ) as MenuGroup;\n\n        const singleItem1 = singleGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const singleItem2 = singleGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        await waitUntil(\n            () => managedItems(singleGroup).length === 2,\n            'selects=\"#mg-none should manage 4 items (2 are inherited)'\n        );\n\n        const noneGroup = el.querySelector(\n            'sp-menu-group#mg-none'\n        ) as MenuGroup;\n        const noneItem1 = noneGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const noneItem2 = noneGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        await waitUntil(\n            () => managedItems(noneGroup).length === 2,\n            `selects=\"#mg-none\" should manage 2 items, received ${\n                managedItems(noneGroup).length\n            }`\n        );\n\n        const inheritGroup = el.querySelector(\n            'sp-menu-group#mg-inherit'\n        ) as MenuGroup;\n        const inheritItem1 = inheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const inheritItem2 = inheritGroup.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        expect(multiItem1.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(multiItem2.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(singleItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(singleItem2.getAttribute('role')).to.equal('menuitemradio');\n        expect(noneItem1.getAttribute('role')).to.equal('menuitem');\n        expect(noneItem2.getAttribute('role')).to.equal('menuitem');\n        expect(inheritItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(inheritItem2.getAttribute('role')).to.equal('menuitemradio');\n\n        await elementUpdated(firstItem);\n        expect(singleItem1.selected).to.be.true;\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected, 'second item not selected').to.be.false;\n        expect(el.value).to.equal('First');\n        expect(el.selectedItems.length).to.equal(1);\n\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n\n        secondItem.click();\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n        expect(firstItem.selected, 'first item not 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        inheritItem1.click();\n        await elementUpdated(el);\n        await elementUpdated(inheritItem1);\n        await elementUpdated(secondItem);\n        expect(secondItem.selected, 'second item not selected again').to.be\n            .false;\n        expect(inheritItem1.selected).to.be.true;\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(inheritItem1.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Inherit1');\n        expect(el.selectedItems.length).to.equal(1);\n\n        noneItem2.click();\n        await elementUpdated(el);\n        await elementUpdated(noneGroup);\n        await elementUpdated(noneItem2);\n        expect(inheritItem1.selected).to.be.true;\n        expect(noneItem2.selected, 'none item not selected').to.be.false;\n        expect(el.value).to.equal('Inherit1');\n        expect(el.selectedItems.length).to.equal(1);\n\n        singleItem2.click();\n        await elementUpdated(singleGroup);\n        await elementUpdated(singleItem1);\n        await elementUpdated(singleItem2);\n        expect(singleItem2.selected).to.be.true;\n        expect(singleItem1.selected, 'first item not selected').to.be.false;\n        expect(inheritItem1.selected).to.be.true;\n        expect(singleItem1.getAttribute('aria-checked')).to.equal('false');\n        expect(singleItem2.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Inherit1');\n        expect(el.selectedItems.length).to.equal(1);\n        //expect(singleGroup.value).to.equal('Inherit1')\n        expect(singleGroup.selectedItems.length).to.equal(1);\n\n        multiItem2.click();\n        await elementUpdated(el);\n        await elementUpdated(multiItem2);\n        expect(multiItem1.selected).to.be.true;\n        expect(multiItem2.selected).to.be.true;\n        expect(inheritItem1.selected).to.be.true;\n        expect(multiItem1.getAttribute('aria-checked')).to.equal('true');\n        expect(multiItem2.getAttribute('aria-checked')).to.equal('true');\n        //expect(multiGroup.value).to.equal('Inherit1')\n        expect(multiGroup.selectedItems.length).to.equal(2);\n    });\n\n    it('handles changing managed items for selects changes', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"multiple\" value-separator=\"--\">\n                    <sp-menu-item selected>First</sp-menu-item>\n                    <sp-menu-item>Second</sp-menu-item>\n                    <sp-menu-group id=\"mg-inherit\" selects=\"inherit\">\n                        <sp-menu-item>Inherit1</sp-menu-item>\n                        <sp-menu-item>Inherit2</sp-menu-item>\n                        <sp-menu-group id=\"mg-sub-inherit\" selects=\"inherit\">\n                            <sp-menu-item>SubInherit1</sp-menu-item>\n                            <sp-menu-item selected>SubInherit2</sp-menu-item>\n                        </sp-menu-group>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => managedItems(el).length == 6,\n            `expected outer menu to manage 6 items, manages ${\n                managedItems(el).length\n            }`\n        );\n        await waitUntil(\n            () => el.selectedItems.length == 2,\n            'expected 2 selected item'\n        );\n        await elementUpdated(el);\n\n        const inheritGroup = el.querySelector(\n            'sp-menu-group#mg-inherit'\n        ) as MenuGroup;\n        const inheritItem1 = inheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const inheritItem2 = inheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        const subInheritGroup = el.querySelector(\n            'sp-menu-group#mg-sub-inherit'\n        ) as MenuGroup;\n        const subInheritItem1 = subInheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const subInheritItem2 = subInheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(inheritItem1.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(inheritItem2.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(subInheritItem1.getAttribute('role')).to.equal(\n            'menuitemcheckbox'\n        );\n        expect(subInheritItem2.getAttribute('role')).to.equal(\n            'menuitemcheckbox'\n        );\n        expect(el.value).to.equal('First--SubInherit2');\n        expect(el.selectedItems.length).to.equal(2);\n        inheritGroup.setAttribute('selects', 'single');\n\n        await elementUpdated(inheritGroup);\n        await elementUpdated(el);\n\n        await waitUntil(() => {\n            return managedItems(inheritGroup).length === 4;\n        }, `expected new single sub-group to manage 4 items, received ${managedItems(inheritGroup).length} because \"selects === ${inheritGroup.selects}`);\n\n        await waitUntil(\n            () => managedItems(el).length === 2,\n            `expected outer menu to manage 2 items with none inherited, received ${\n                managedItems(el).length\n            }`\n        );\n        expect(inheritGroup.value).to.equal('SubInherit2');\n        expect(inheritGroup.selectedItems.length).to.equal(1);\n        expect(el.value).to.equal('First');\n        expect(inheritItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(inheritItem2.getAttribute('role')).to.equal('menuitemradio');\n        expect(subInheritItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(subInheritItem2.getAttribute('role')).to.equal('menuitemradio');\n    });\n});\n"],
-  "mappings": "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",
+  "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*/\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport { Menu, MenuGroup, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    oneEvent,\n    waitUntil,\n} from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\nconst managedItems = (menu: Menu | MenuGroup): MenuItem[] => {\n    return menu.childItems.filter(\n        (item: MenuItem) => item.menuData.selectionRoot === menu\n    );\n};\n\ndescribe('Menu group', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Menu>(\n                html`\n                    <sp-menu selects=\"single\">\n                        <sp-menu-group selects=\"inherit\">\n                            <span slot=\"header\">Section Heading</span>\n                            <sp-menu-item>Action 1</sp-menu-item>\n                            <sp-menu-item>Action 2</sp-menu-item>\n                            <sp-menu-item>Action 3</sp-menu-item>\n                        </sp-menu-group>\n                        <sp-menu-divider></sp-menu-divider>\n                        <sp-menu-group selects=\"inherit\">\n                            <span slot=\"header\">Section Heading</span>\n                            <sp-menu-item>Save</sp-menu-item>\n                            <sp-menu-item disabled>Download</sp-menu-item>\n                        </sp-menu-group>\n                    </sp-menu>\n                `\n            )\n    );\n    it('renders', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Section Heading</span>\n                        <sp-menu-item>Action 1</sp-menu-item>\n                        <sp-menu-item>Action 2</sp-menu-item>\n                        <sp-menu-item>Action 3</sp-menu-item>\n                    </sp-menu-group>\n                    <sp-menu-divider></sp-menu-divider>\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Section Heading</span>\n                        <sp-menu-item>Save</sp-menu-item>\n                        <sp-menu-item disabled>Download</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(() => {\n            return managedItems(el).length === 5;\n        }, `expected menu group to manage 5 children, received ${managedItems(el).length} of ${el.childItems.length}`);\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('manages [slot=\"header\"] content', async () => {\n        const el = await fixture<MenuGroup>(\n            html`\n                <sp-menu-group></sp-menu-group>\n            `\n        );\n        await elementUpdated(el);\n        const slot = el.shadowRoot.querySelector(\n            '[name=\"header\"'\n        ) as HTMLSlotElement;\n        const header = document.createElement('span');\n        header.textContent = 'Header';\n        header.slot = 'header';\n        expect(header.id).to.equal('');\n        let slotchanged = oneEvent(slot, 'slotchange');\n        el.append(header);\n        await slotchanged;\n        expect(header.id).to.equal(\n            (el as unknown as { headerId: string }).headerId\n        );\n\n        slotchanged = oneEvent(slot, 'slotchange');\n        header.remove();\n        await slotchanged;\n        expect(header.id).to.equal('');\n    });\n    it('handles selects for nested menu groups', async () => {\n        const el = await fixture<Menu>(\n            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-group id=\"mg-multi\" selects=\"multiple\">\n                        <sp-menu-item selected>Multi1</sp-menu-item>\n                        <sp-menu-item>Multi2</sp-menu-item>\n                        <sp-menu-group id=\"mg-sub-inherit\" selects=\"inherit\">\n                            <sp-menu-item>SubInherit1</sp-menu-item>\n                            <sp-menu-item>SubInherit2</sp-menu-item>\n                        </sp-menu-group>\n                    </sp-menu-group>\n                    <sp-menu-group id=\"mg-single\" selects=\"single\">\n                        <sp-menu-item selected>Single1</sp-menu-item>\n                        <sp-menu-item>Single2</sp-menu-item>\n                    </sp-menu-group>\n                    <sp-menu-group id=\"mg-none\">\n                        <sp-menu-item>Inherit1</sp-menu-item>\n                        <sp-menu-item>Inherit2</sp-menu-item>\n                    </sp-menu-group>\n                    <sp-menu-group id=\"mg-inherit\" selects=\"inherit\">\n                        <sp-menu-item>Inherit1</sp-menu-item>\n                        <sp-menu-item>Inherit2</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => managedItems(el).length === 4,\n            `expected outer menu to manage 4 items (2 are inherited), got ${\n                managedItems(el).length\n            }, with ${el.childItems.length} total`\n        );\n        await waitUntil(\n            () => el.selectedItems.length === 1,\n            'expected 1 selected item'\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        const multiGroup = el.querySelector(\n            'sp-menu-group#mg-multi'\n        ) as MenuGroup;\n        const multiItem1 = multiGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const multiItem2 = multiGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        await waitUntil(\n            () => managedItems(multiGroup).length === 4,\n            `selects=\"#mg-multi should manage 4 items (2 are inherited), received ${\n                managedItems(multiGroup).length\n            }`\n        );\n\n        const singleGroup = el.querySelector(\n            'sp-menu-group#mg-single'\n        ) as MenuGroup;\n\n        const singleItem1 = singleGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const singleItem2 = singleGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        await waitUntil(\n            () => managedItems(singleGroup).length === 2,\n            'selects=\"#mg-none should manage 4 items (2 are inherited)'\n        );\n\n        const noneGroup = el.querySelector(\n            'sp-menu-group#mg-none'\n        ) as MenuGroup;\n        const noneItem1 = noneGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const noneItem2 = noneGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        await waitUntil(\n            () => managedItems(noneGroup).length === 2,\n            `selects=\"#mg-none\" should manage 2 items, received ${\n                managedItems(noneGroup).length\n            }`\n        );\n\n        const inheritGroup = el.querySelector(\n            'sp-menu-group#mg-inherit'\n        ) as MenuGroup;\n        const inheritItem1 = inheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const inheritItem2 = inheritGroup.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        expect(multiItem1.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(multiItem2.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(singleItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(singleItem2.getAttribute('role')).to.equal('menuitemradio');\n        expect(noneItem1.getAttribute('role')).to.equal('menuitem');\n        expect(noneItem2.getAttribute('role')).to.equal('menuitem');\n        expect(inheritItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(inheritItem2.getAttribute('role')).to.equal('menuitemradio');\n\n        await elementUpdated(firstItem);\n        expect(singleItem1.selected).to.be.true;\n        expect(firstItem.selected).to.be.true;\n        expect(secondItem.selected, 'second item not selected').to.be.false;\n        expect(el.value).to.equal('First');\n        expect(el.selectedItems.length).to.equal(1);\n\n        expect(firstItem.getAttribute('aria-checked')).to.equal('true');\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n\n        secondItem.click();\n        await elementUpdated(el);\n        await elementUpdated(firstItem);\n        await elementUpdated(secondItem);\n        expect(firstItem.selected, 'first item not 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        inheritItem1.click();\n        await elementUpdated(el);\n        await elementUpdated(inheritItem1);\n        await elementUpdated(secondItem);\n        expect(secondItem.selected, 'second item not selected again').to.be\n            .false;\n        expect(inheritItem1.selected).to.be.true;\n        expect(secondItem.getAttribute('aria-checked')).to.equal('false');\n        expect(inheritItem1.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Inherit1');\n        expect(el.selectedItems.length).to.equal(1);\n\n        noneItem2.click();\n        await elementUpdated(noneGroup);\n        await elementUpdated(noneItem2);\n        expect(inheritItem1.selected).to.be.true;\n        expect(noneItem2.selected, 'none item not selected').to.be.false;\n        expect(el.value).to.equal('Inherit1');\n        expect(el.selectedItems.length).to.equal(1);\n\n        singleItem2.click();\n        await elementUpdated(singleGroup);\n        await elementUpdated(singleItem1);\n        await elementUpdated(singleItem2);\n        expect(singleItem1.selected, 'first item not selected').to.be.false;\n        expect(singleItem2.selected).to.be.true;\n        expect(inheritItem1.selected).to.be.true;\n        expect(singleItem1.getAttribute('aria-checked')).to.equal('false');\n        expect(singleItem2.getAttribute('aria-checked')).to.equal('true');\n        expect(el.value).to.equal('Inherit1');\n        expect(el.selectedItems.length).to.equal(1);\n        //expect(singleGroup.value).to.equal('Inherit1')\n        expect(singleGroup.selectedItems.length).to.equal(1);\n\n        multiItem2.click();\n        await elementUpdated(el);\n        await elementUpdated(multiItem2);\n        expect(multiItem1.selected).to.be.true;\n        expect(multiItem2.selected).to.be.true;\n        expect(inheritItem1.selected).to.be.true;\n        expect(multiItem1.getAttribute('aria-checked')).to.equal('true');\n        expect(multiItem2.getAttribute('aria-checked')).to.equal('true');\n        //expect(multiGroup.value).to.equal('Inherit1')\n        expect(multiGroup.selectedItems.length).to.equal(2);\n    });\n\n    it('handles changing managed items for selects changes', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"multiple\" value-separator=\"--\">\n                    <sp-menu-item selected>First</sp-menu-item>\n                    <sp-menu-item>Second</sp-menu-item>\n                    <sp-menu-group id=\"mg-inherit\" selects=\"inherit\">\n                        <sp-menu-item>Inherit1</sp-menu-item>\n                        <sp-menu-item>Inherit2</sp-menu-item>\n                        <sp-menu-group id=\"mg-sub-inherit\" selects=\"inherit\">\n                            <sp-menu-item>SubInherit1</sp-menu-item>\n                            <sp-menu-item selected>SubInherit2</sp-menu-item>\n                        </sp-menu-group>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n\n        await waitUntil(\n            () => managedItems(el).length == 6,\n            `expected outer menu to manage 6 items, manages ${\n                managedItems(el).length\n            }`\n        );\n        await waitUntil(\n            () => el.selectedItems.length == 2,\n            'expected 2 selected item'\n        );\n        await elementUpdated(el);\n\n        const inheritGroup = el.querySelector(\n            'sp-menu-group#mg-inherit'\n        ) as MenuGroup;\n        const inheritItem1 = inheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const inheritItem2 = inheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        const subInheritGroup = el.querySelector(\n            'sp-menu-group#mg-sub-inherit'\n        ) as MenuGroup;\n        const subInheritItem1 = subInheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n        const subInheritItem2 = subInheritGroup.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n\n        expect(inheritItem1.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(inheritItem2.getAttribute('role')).to.equal('menuitemcheckbox');\n        expect(subInheritItem1.getAttribute('role')).to.equal(\n            'menuitemcheckbox'\n        );\n        expect(subInheritItem2.getAttribute('role')).to.equal(\n            'menuitemcheckbox'\n        );\n        expect(el.value).to.equal('First--SubInherit2');\n        expect(el.selectedItems.length).to.equal(2);\n        inheritGroup.setAttribute('selects', 'single');\n\n        await elementUpdated(inheritGroup);\n        await elementUpdated(el);\n\n        await waitUntil(() => {\n            return managedItems(inheritGroup).length === 4;\n        }, `expected new single sub-group to manage 4 items, received ${managedItems(inheritGroup).length} because \"selects === ${inheritGroup.selects}`);\n\n        await waitUntil(\n            () => managedItems(el).length === 2,\n            `expected outer menu to manage 2 items with none inherited, received ${\n                managedItems(el).length\n            }`\n        );\n        expect(inheritGroup.value).to.equal('SubInherit2');\n        expect(inheritGroup.selectedItems.length).to.equal(1);\n        expect(el.value).to.equal('First');\n        expect(inheritItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(inheritItem2.getAttribute('role')).to.equal('menuitemradio');\n        expect(subInheritItem1.getAttribute('role')).to.equal('menuitemradio');\n        expect(subInheritItem2.getAttribute('role')).to.equal('menuitemradio');\n    });\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/test/menu-selects.test.js

@@ -532,15 +532,13 @@ describe("Menu w/ groups [selects]", () => {
     await sendKeys({ press: "ArrowDown" });
     await sendKeys({ press: "ArrowUp" });
     await elementUpdated(el);
-    let optionCount = 0;
     for (const option of options) {
       const parentElement = option.parentElement;
       expect(document.activeElement === parentElement, "parent focused").to.be.true;
-      expect(option.focused, `option ${optionCount} visually focused`).to.be.true;
+      expect(option.focused, "option visually focused").to.be.true;
       await sendKeys({ press: "Space" });
       expect(parentElement.value).to.equal(option.value);
       await sendKeys({ press: "ArrowDown" });
-      optionCount += 1;
     }
   });
 });

package/test/menu-selects.test.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["menu-selects.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*/\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport { Menu, MenuGroup, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    oneEvent,\n} from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { spy } from 'sinon';\nimport { sendMouse } from '../../../test/plugins/browser.js';\n\ndescribe('Menu [selects]', () => {\n    let el!: Menu;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item value=\"1\">Option 1</sp-menu-item>\n                    <sp-menu-item value=\"2\">Option 2</sp-menu-item>\n                    <sp-menu-item value=\"3\">Option 3</sp-menu-item>\n                </sp-menu>\n            `\n        );\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1 = options[0];\n            const boundingRect = item1.getBoundingClientRect();\n            const change = oneEvent(el, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRect.x + boundingRect.width / 2,\n                            boundingRect.y + boundingRect.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(el.value).to.equal('1');\n        });\n        it('on JS clicks', async () => {\n            const item1 = options[0];\n            const change = oneEvent(el, 'change');\n            item1.click();\n            await change;\n            expect(el.value).to.equal('1');\n        });\n    });\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(el.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        el.selects = 'multiple';\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2,3');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('2,3');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n    });\n});\n\ndescribe('Menu [selects] w/ group', () => {\n    let el!: Menu;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-group selects=\"inherit\">\n                        <sp-menu-item value=\"1\">Option 1</sp-menu-item>\n                        <sp-menu-item value=\"2\">Option 2</sp-menu-item>\n                        <sp-menu-item value=\"3\">Option 3</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1 = options[0];\n            const boundingRect = item1.getBoundingClientRect();\n            const change = oneEvent(el, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRect.x + boundingRect.width / 2,\n                            boundingRect.y + boundingRect.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(el.value).to.equal('1');\n        });\n        it('on JS clicks', async () => {\n            const item1 = options[0];\n            const change = oneEvent(el, 'change');\n            item1.click();\n            await change;\n            expect(el.value).to.equal('1');\n        });\n    });\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(el.value).to.equal('');\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        el.selects = 'multiple';\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2,3');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('2,3');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n    });\n});\n\ndescribe('Menu w/ group [selects]', () => {\n    let el!: Menu;\n    let group!: MenuGroup;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"single\">\n                        <sp-menu-item value=\"1\">Option 1</sp-menu-item>\n                        <sp-menu-item value=\"2\">Option 2</sp-menu-item>\n                        <sp-menu-item value=\"3\">Option 3</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n        group = el.querySelector('sp-menu-group') as MenuGroup;\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1 = options[0];\n            const boundingRect = item1.getBoundingClientRect();\n            const change = oneEvent(group, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRect.x + boundingRect.width / 2,\n                            boundingRect.y + boundingRect.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(group.value).to.equal('1');\n        });\n        it('on JS clicks', async () => {\n            const item1 = options[0];\n            const change = oneEvent(group, 'change');\n            item1.click();\n            await change;\n            expect(group.value).to.equal('1');\n        });\n    });\n\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(group.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(group.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('3');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        group.selects = 'multiple';\n\n        await elementUpdated(group);\n\n        expect(group.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(group.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('1,2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('1,2,3');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(group.value).to.equal('2,3');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('3');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('');\n    });\n});\n\ndescribe('Menu w/ groups [selects]', () => {\n    let el!: Menu;\n    let groupA!: MenuGroup;\n    let groupB!: MenuGroup;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"single\" id=\"group-1\">\n                        <sp-menu-item value=\"1a\">Option 1a</sp-menu-item>\n                        <sp-menu-item value=\"2a\">Option 2a</sp-menu-item>\n                        <sp-menu-item value=\"3a\">Option 3a</sp-menu-item>\n                    </sp-menu-group>\n                    <sp-menu-group selects=\"single\" id=\"group-2\">\n                        <sp-menu-item value=\"1b\">Option 1b</sp-menu-item>\n                        <sp-menu-item value=\"2b\">Option 2b</sp-menu-item>\n                        <sp-menu-item value=\"3b\">Option 3b</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n        groupA = el.querySelector('sp-menu-group:first-child') as MenuGroup;\n        groupB = el.querySelector('sp-menu-group:last-child') as MenuGroup;\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1a = options[0];\n            const item1b = options[3];\n            const boundingRectA = item1a.getBoundingClientRect();\n            expect(groupA.value).to.equal('');\n            expect(groupB.value).to.equal('');\n            let change = oneEvent(el, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRectA.x + boundingRectA.width / 2,\n                            boundingRectA.y + boundingRectA.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            await elementUpdated(item1a);\n            expect(groupA.value).to.equal('1a');\n            expect(groupB.value).to.equal('');\n            change = oneEvent(el, 'change');\n            const boundingRectB = item1b.getBoundingClientRect();\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRectB.x + boundingRectB.width / 2,\n                            boundingRectB.y + boundingRectB.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(groupA.value).to.equal('1a');\n            expect(groupB.value).to.equal('1b');\n        });\n        it('on JS clicks', async () => {\n            const item1a = options[0];\n            const item1b = options[3];\n            let change = oneEvent(el, 'change');\n            item1a.click();\n            await change;\n            expect(groupA.value).to.equal('1a');\n            change = oneEvent(el, 'change');\n            item1b.click();\n            await change;\n            expect(groupB.value).to.equal('1b');\n        });\n        it('can have them `preventDefault()`ed', async () => {\n            const preventSpy = spy();\n            expect(groupA.value).to.equal('');\n            expect(groupB.value).to.equal('');\n            const item1a = options[0];\n            const item1b = options[3];\n            groupA.addEventListener('change', (event: Event) => {\n                event.preventDefault();\n                preventSpy();\n            });\n            const change = oneEvent(el, 'change');\n            item1a.click();\n            item1b.click();\n            await change;\n            expect(preventSpy.callCount).to.equal(1);\n            expect(groupA.value).to.equal('');\n            expect(groupB.value).to.equal('1b');\n        });\n    });\n\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a');\n\n        change = oneEvent(el, 'change');\n        options[3].click();\n        await change;\n\n        expect(groupB.value).to.equal('1b');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        expect(groupA.value).to.equal('2a');\n\n        change = oneEvent(el, 'change');\n        options[4].click();\n        await change;\n\n        expect(groupB.value).to.equal('2b');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        expect(groupA.value).to.equal('3a');\n\n        change = oneEvent(el, 'change');\n        options[5].click();\n        await change;\n\n        expect(groupB.value).to.equal('3b');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        groupA.selects = 'multiple';\n        groupB.selects = 'multiple';\n\n        await elementUpdated(groupA);\n        await elementUpdated(groupB);\n\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(groupA.value).to.equal('1a');\n        expect(groupB.value).to.equal('');\n\n        change = oneEvent(el, 'change');\n        options[3].click();\n        await change;\n        expect(groupA.value).to.equal('1a');\n        expect(groupB.value).to.equal('1b');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a');\n        expect(groupB.value).to.equal('1b');\n\n        change = oneEvent(el, 'change');\n        options[4].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a');\n        expect(groupB.value).to.equal('1b,2b');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a,3a');\n        expect(groupB.value).to.equal('1b,2b');\n\n        change = oneEvent(el, 'change');\n        options[5].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a,3a');\n        expect(groupB.value).to.equal('1b,2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(groupA.value).to.equal('2a,3a');\n        expect(groupB.value).to.equal('1b,2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[3].click();\n        await change;\n\n        expect(groupA.value).to.equal('2a,3a');\n        expect(groupB.value).to.equal('2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        expect(groupA.value).to.equal('3a');\n        expect(groupB.value).to.equal('2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[4].click();\n        await change;\n\n        expect(groupA.value).to.equal('3a');\n        expect(groupB.value).to.equal('3b');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('3b');\n\n        change = oneEvent(el, 'change');\n        options[5].click();\n        await change;\n\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('');\n    });\n    it('manages focus', async () => {\n        await elementUpdated(groupA);\n        await elementUpdated(groupB);\n        const input = document.createElement('input');\n        el.insertAdjacentElement('afterend', input);\n        input.focus();\n        expect(document.activeElement === input).to.be.true;\n        await sendKeys({ press: 'Shift+Tab' });\n        expect(document.activeElement === groupA).to.be.true;\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        await elementUpdated(el);\n        let optionCount = 0;\n        for (const option of options) {\n            const parentElement = option.parentElement as Menu;\n            expect(document.activeElement === parentElement, 'parent focused')\n                .to.be.true;\n            expect(option.focused, `option ${optionCount} visually focused`).to\n                .be.true;\n            await sendKeys({ press: 'Space' });\n            expect(parentElement.value).to.equal(option.value);\n            await sendKeys({ press: 'ArrowDown' });\n            optionCount += 1;\n        }\n    });\n});\n"],
-  "mappings": "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",
+  "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*/\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport { Menu, MenuGroup, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    oneEvent,\n} from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport { spy } from 'sinon';\nimport { sendMouse } from '../../../test/plugins/browser.js';\n\ndescribe('Menu [selects]', () => {\n    let el!: Menu;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-item value=\"1\">Option 1</sp-menu-item>\n                    <sp-menu-item value=\"2\">Option 2</sp-menu-item>\n                    <sp-menu-item value=\"3\">Option 3</sp-menu-item>\n                </sp-menu>\n            `\n        );\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1 = options[0];\n            const boundingRect = item1.getBoundingClientRect();\n            const change = oneEvent(el, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRect.x + boundingRect.width / 2,\n                            boundingRect.y + boundingRect.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(el.value).to.equal('1');\n        });\n        it('on JS clicks', async () => {\n            const item1 = options[0];\n            const change = oneEvent(el, 'change');\n            item1.click();\n            await change;\n            expect(el.value).to.equal('1');\n        });\n    });\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(el.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        el.selects = 'multiple';\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2,3');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('2,3');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n    });\n});\n\ndescribe('Menu [selects] w/ group', () => {\n    let el!: Menu;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu selects=\"single\">\n                    <sp-menu-group selects=\"inherit\">\n                        <sp-menu-item value=\"1\">Option 1</sp-menu-item>\n                        <sp-menu-item value=\"2\">Option 2</sp-menu-item>\n                        <sp-menu-item value=\"3\">Option 3</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1 = options[0];\n            const boundingRect = item1.getBoundingClientRect();\n            const change = oneEvent(el, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRect.x + boundingRect.width / 2,\n                            boundingRect.y + boundingRect.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(el.value).to.equal('1');\n        });\n        it('on JS clicks', async () => {\n            const item1 = options[0];\n            const change = oneEvent(el, 'change');\n            item1.click();\n            await change;\n            expect(el.value).to.equal('1');\n        });\n    });\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(el.value).to.equal('');\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        el.selects = 'multiple';\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(el.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('1,2,3');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(el.value).to.equal('2,3');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('3');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(el.value).to.equal('');\n    });\n});\n\ndescribe('Menu w/ group [selects]', () => {\n    let el!: Menu;\n    let group!: MenuGroup;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"single\">\n                        <sp-menu-item value=\"1\">Option 1</sp-menu-item>\n                        <sp-menu-item value=\"2\">Option 2</sp-menu-item>\n                        <sp-menu-item value=\"3\">Option 3</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n        group = el.querySelector('sp-menu-group') as MenuGroup;\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1 = options[0];\n            const boundingRect = item1.getBoundingClientRect();\n            const change = oneEvent(group, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRect.x + boundingRect.width / 2,\n                            boundingRect.y + boundingRect.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(group.value).to.equal('1');\n        });\n        it('on JS clicks', async () => {\n            const item1 = options[0];\n            const change = oneEvent(group, 'change');\n            item1.click();\n            await change;\n            expect(group.value).to.equal('1');\n        });\n    });\n\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(group.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(group.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('3');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        group.selects = 'multiple';\n\n        await elementUpdated(group);\n\n        expect(group.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(group.value).to.equal('1');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('1,2');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('1,2,3');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(group.value).to.equal('2,3');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('3');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        await elementUpdated(el);\n\n        expect(group.value).to.equal('');\n    });\n});\n\ndescribe('Menu w/ groups [selects]', () => {\n    let el!: Menu;\n    let groupA!: MenuGroup;\n    let groupB!: MenuGroup;\n    let options!: MenuItem[];\n    beforeEach(async () => {\n        el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"single\" id=\"group-1\">\n                        <sp-menu-item value=\"1a\">Option 1a</sp-menu-item>\n                        <sp-menu-item value=\"2a\">Option 2a</sp-menu-item>\n                        <sp-menu-item value=\"3a\">Option 3a</sp-menu-item>\n                    </sp-menu-group>\n                    <sp-menu-group selects=\"single\" id=\"group-2\">\n                        <sp-menu-item value=\"1b\">Option 1b</sp-menu-item>\n                        <sp-menu-item value=\"2b\">Option 2b</sp-menu-item>\n                        <sp-menu-item value=\"3b\">Option 3b</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\n        );\n        groupA = el.querySelector('sp-menu-group:first-child') as MenuGroup;\n        groupB = el.querySelector('sp-menu-group:last-child') as MenuGroup;\n        options = [...el.querySelectorAll('sp-menu-item')] as MenuItem[];\n    });\n    describe('fires `change` events', async () => {\n        it('on browser clicks', async () => {\n            const item1a = options[0];\n            const item1b = options[3];\n            const boundingRectA = item1a.getBoundingClientRect();\n            expect(groupA.value).to.equal('');\n            expect(groupB.value).to.equal('');\n            let change = oneEvent(el, 'change');\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRectA.x + boundingRectA.width / 2,\n                            boundingRectA.y + boundingRectA.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            await elementUpdated(item1a);\n            expect(groupA.value).to.equal('1a');\n            expect(groupB.value).to.equal('');\n            change = oneEvent(el, 'change');\n            const boundingRectB = item1b.getBoundingClientRect();\n            sendMouse({\n                steps: [\n                    {\n                        type: 'move',\n                        position: [\n                            boundingRectB.x + boundingRectB.width / 2,\n                            boundingRectB.y + boundingRectB.height / 2,\n                        ],\n                    },\n                    {\n                        type: 'down',\n                    },\n                    {\n                        type: 'up',\n                    },\n                ],\n            });\n            await change;\n            expect(groupA.value).to.equal('1a');\n            expect(groupB.value).to.equal('1b');\n        });\n        it('on JS clicks', async () => {\n            const item1a = options[0];\n            const item1b = options[3];\n            let change = oneEvent(el, 'change');\n            item1a.click();\n            await change;\n            expect(groupA.value).to.equal('1a');\n            change = oneEvent(el, 'change');\n            item1b.click();\n            await change;\n            expect(groupB.value).to.equal('1b');\n        });\n        it('can have them `preventDefault()`ed', async () => {\n            const preventSpy = spy();\n            expect(groupA.value).to.equal('');\n            expect(groupB.value).to.equal('');\n            const item1a = options[0];\n            const item1b = options[3];\n            groupA.addEventListener('change', (event: Event) => {\n                event.preventDefault();\n                preventSpy();\n            });\n            const change = oneEvent(el, 'change');\n            item1a.click();\n            item1b.click();\n            await change;\n            expect(preventSpy.callCount).to.equal(1);\n            expect(groupA.value).to.equal('');\n            expect(groupB.value).to.equal('1b');\n        });\n    });\n\n    it('manages a single selection when [selects=\"single\"]', async () => {\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a');\n\n        change = oneEvent(el, 'change');\n        options[3].click();\n        await change;\n\n        expect(groupB.value).to.equal('1b');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        expect(groupA.value).to.equal('2a');\n\n        change = oneEvent(el, 'change');\n        options[4].click();\n        await change;\n\n        expect(groupB.value).to.equal('2b');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        expect(groupA.value).to.equal('3a');\n\n        change = oneEvent(el, 'change');\n        options[5].click();\n        await change;\n\n        expect(groupB.value).to.equal('3b');\n    });\n    it('manages multiple selections when [selects=\"multiple\"]', async () => {\n        groupA.selects = 'multiple';\n        groupB.selects = 'multiple';\n\n        await elementUpdated(groupA);\n        await elementUpdated(groupB);\n\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('');\n\n        let change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n        expect(groupA.value).to.equal('1a');\n        expect(groupB.value).to.equal('');\n\n        change = oneEvent(el, 'change');\n        options[3].click();\n        await change;\n        expect(groupA.value).to.equal('1a');\n        expect(groupB.value).to.equal('1b');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a');\n        expect(groupB.value).to.equal('1b');\n\n        change = oneEvent(el, 'change');\n        options[4].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a');\n        expect(groupB.value).to.equal('1b,2b');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a,3a');\n        expect(groupB.value).to.equal('1b,2b');\n\n        change = oneEvent(el, 'change');\n        options[5].click();\n        await change;\n\n        expect(groupA.value).to.equal('1a,2a,3a');\n        expect(groupB.value).to.equal('1b,2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[0].click();\n        await change;\n\n        expect(groupA.value).to.equal('2a,3a');\n        expect(groupB.value).to.equal('1b,2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[3].click();\n        await change;\n\n        expect(groupA.value).to.equal('2a,3a');\n        expect(groupB.value).to.equal('2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[1].click();\n        await change;\n\n        expect(groupA.value).to.equal('3a');\n        expect(groupB.value).to.equal('2b,3b');\n\n        change = oneEvent(el, 'change');\n        options[4].click();\n        await change;\n\n        expect(groupA.value).to.equal('3a');\n        expect(groupB.value).to.equal('3b');\n\n        change = oneEvent(el, 'change');\n        options[2].click();\n        await change;\n\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('3b');\n\n        change = oneEvent(el, 'change');\n        options[5].click();\n        await change;\n\n        expect(groupA.value).to.equal('');\n        expect(groupB.value).to.equal('');\n    });\n    it('manages focus', async () => {\n        await elementUpdated(groupA);\n        await elementUpdated(groupB);\n        const input = document.createElement('input');\n        el.insertAdjacentElement('afterend', input);\n        input.focus();\n        expect(document.activeElement === input).to.be.true;\n        await sendKeys({ press: 'Shift+Tab' });\n        expect(document.activeElement === groupA).to.be.true;\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        await elementUpdated(el);\n        for (const option of options) {\n            const parentElement = option.parentElement as Menu;\n            expect(document.activeElement === parentElement, 'parent focused')\n                .to.be.true;\n            expect(option.focused, 'option visually focused').to.be.true;\n            await sendKeys({ press: 'Space' });\n            expect(parentElement.value).to.equal(option.value);\n            await sendKeys({ press: 'ArrowDown' });\n        }\n    });\n});\n"],
+  "mappings": ";AAWA,OAAO;AACP,OAAO;AACP,OAAO;AAEP;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,iBAAiB;AAE1B,SAAS,kBAAkB,MAAM;AAC7B,MAAI;AACJ,MAAI;AACJ,aAAW,YAAY;AACnB,SAAK,MAAM;AAAA,MACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOJ;AACA,cAAU,CAAC,GAAG,GAAG,iBAAiB,cAAc,CAAC;AAAA,EACrD,CAAC;AACD,WAAS,yBAAyB,YAAY;AAC1C,OAAG,qBAAqB,YAAY;AAChC,YAAM,QAAQ,QAAQ,CAAC;AACvB,YAAM,eAAe,MAAM,sBAAsB;AACjD,YAAM,SAAS,SAAS,IAAI,QAAQ;AACpC,gBAAU;AAAA,QACN,OAAO;AAAA,UACH;AAAA,YACI,MAAM;AAAA,YACN,UAAU;AAAA,cACN,aAAa,IAAI,aAAa,QAAQ;AAAA,cACtC,aAAa,IAAI,aAAa,SAAS;AAAA,YAC3C;AAAA,UACJ;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,YAAM;AACN,aAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,IACjC,CAAC;AACD,OAAG,gBAAgB,YAAY;AAC3B,YAAM,QAAQ,QAAQ,CAAC;AACvB,YAAM,SAAS,SAAS,IAAI,QAAQ;AACpC,YAAM,MAAM;AACZ,YAAM;AACN,aAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,IACjC,CAAC;AAAA,EACL,CAAC;AACD,KAAG,sDAAsD,YAAY;AACjE,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE;AAE5B,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,EACjC,CAAC;AACD,KAAG,yDAAyD,YAAY;AACpE,OAAG,UAAU;AAEb,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE;AAE5B,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AACN,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,KAAK;AAE/B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,OAAO;AAEjC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,KAAK;AAE/B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE;AAAA,EAChC,CAAC;AACL,CAAC;AAED,SAAS,2BAA2B,MAAM;AACtC,MAAI;AACJ,MAAI;AACJ,aAAW,YAAY;AACnB,SAAK,MAAM;AAAA,MACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASJ;AACA,cAAU,CAAC,GAAG,GAAG,iBAAiB,cAAc,CAAC;AAAA,EACrD,CAAC;AACD,WAAS,yBAAyB,YAAY;AAC1C,OAAG,qBAAqB,YAAY;AAChC,YAAM,QAAQ,QAAQ,CAAC;AACvB,YAAM,eAAe,MAAM,sBAAsB;AACjD,YAAM,SAAS,SAAS,IAAI,QAAQ;AACpC,gBAAU;AAAA,QACN,OAAO;AAAA,UACH;AAAA,YACI,MAAM;AAAA,YACN,UAAU;AAAA,cACN,aAAa,IAAI,aAAa,QAAQ;AAAA,cACtC,aAAa,IAAI,aAAa,SAAS;AAAA,YAC3C;AAAA,UACJ;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,YAAM;AACN,aAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,IACjC,CAAC;AACD,OAAG,gBAAgB,YAAY;AAC3B,YAAM,QAAQ,QAAQ,CAAC;AACvB,YAAM,SAAS,SAAS,IAAI,QAAQ;AACpC,YAAM,MAAM;AACZ,YAAM;AACN,aAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,IACjC,CAAC;AAAA,EACL,CAAC;AACD,KAAG,sDAAsD,YAAY;AACjE,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE;AAC5B,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,EACjC,CAAC;AACD,KAAG,yDAAyD,YAAY;AACpE,OAAG,UAAU;AAEb,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE;AAE5B,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AACN,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,KAAK;AAE/B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,OAAO;AAEjC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,KAAK;AAE/B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,GAAG;AAE7B,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE;AAAA,EAChC,CAAC;AACL,CAAC;AAED,SAAS,2BAA2B,MAAM;AACtC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,aAAW,YAAY;AACnB,SAAK,MAAM;AAAA,MACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASJ;AACA,YAAQ,GAAG,cAAc,eAAe;AACxC,cAAU,CAAC,GAAG,GAAG,iBAAiB,cAAc,CAAC;AAAA,EACrD,CAAC;AACD,WAAS,yBAAyB,YAAY;AAC1C,OAAG,qBAAqB,YAAY;AAChC,YAAM,QAAQ,QAAQ,CAAC;AACvB,YAAM,eAAe,MAAM,sBAAsB;AACjD,YAAM,SAAS,SAAS,OAAO,QAAQ;AACvC,gBAAU;AAAA,QACN,OAAO;AAAA,UACH;AAAA,YACI,MAAM;AAAA,YACN,UAAU;AAAA,cACN,aAAa,IAAI,aAAa,QAAQ;AAAA,cACtC,aAAa,IAAI,aAAa,SAAS;AAAA,YAC3C;AAAA,UACJ;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,YAAM;AACN,aAAO,MAAM,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,IACpC,CAAC;AACD,OAAG,gBAAgB,YAAY;AAC3B,YAAM,QAAQ,QAAQ,CAAC;AACvB,YAAM,SAAS,SAAS,OAAO,QAAQ;AACvC,YAAM,MAAM;AACZ,YAAM;AACN,aAAO,MAAM,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,IACpC,CAAC;AAAA,EACL,CAAC;AAED,KAAG,sDAAsD,YAAY;AACjE,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,EAAE;AAE/B,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,GAAG;AAEhC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,GAAG;AAEhC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,GAAG;AAAA,EACpC,CAAC;AACD,KAAG,yDAAyD,YAAY;AACpE,UAAM,UAAU;AAEhB,UAAM,eAAe,KAAK;AAE1B,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,EAAE;AAE/B,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AACN,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,GAAG;AAEhC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,KAAK;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,OAAO;AAEpC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,KAAK;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,GAAG;AAEhC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,UAAM,eAAe,EAAE;AAEvB,WAAO,MAAM,KAAK,EAAE,GAAG,MAAM,EAAE;AAAA,EACnC,CAAC;AACL,CAAC;AAED,SAAS,4BAA4B,MAAM;AACvC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,aAAW,YAAY;AACnB,SAAK,MAAM;AAAA,MACP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcJ;AACA,aAAS,GAAG,cAAc,2BAA2B;AACrD,aAAS,GAAG,cAAc,0BAA0B;AACpD,cAAU,CAAC,GAAG,GAAG,iBAAiB,cAAc,CAAC;AAAA,EACrD,CAAC;AACD,WAAS,yBAAyB,YAAY;AAC1C,OAAG,qBAAqB,YAAY;AAChC,YAAM,SAAS,QAAQ,CAAC;AACxB,YAAM,SAAS,QAAQ,CAAC;AACxB,YAAM,gBAAgB,OAAO,sBAAsB;AACnD,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,UAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,gBAAU;AAAA,QACN,OAAO;AAAA,UACH;AAAA,YACI,MAAM;AAAA,YACN,UAAU;AAAA,cACN,cAAc,IAAI,cAAc,QAAQ;AAAA,cACxC,cAAc,IAAI,cAAc,SAAS;AAAA,YAC7C;AAAA,UACJ;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,YAAM;AACN,YAAM,eAAe,MAAM;AAC3B,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAClC,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,eAAS,SAAS,IAAI,QAAQ;AAC9B,YAAM,gBAAgB,OAAO,sBAAsB;AACnD,gBAAU;AAAA,QACN,OAAO;AAAA,UACH;AAAA,YACI,MAAM;AAAA,YACN,UAAU;AAAA,cACN,cAAc,IAAI,cAAc,QAAQ;AAAA,cACxC,cAAc,IAAI,cAAc,SAAS;AAAA,YAC7C;AAAA,UACJ;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,YACI,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,YAAM;AACN,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAClC,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAAA,IACtC,CAAC;AACD,OAAG,gBAAgB,YAAY;AAC3B,YAAM,SAAS,QAAQ,CAAC;AACxB,YAAM,SAAS,QAAQ,CAAC;AACxB,UAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,aAAO,MAAM;AACb,YAAM;AACN,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAClC,eAAS,SAAS,IAAI,QAAQ;AAC9B,aAAO,MAAM;AACb,YAAM;AACN,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAAA,IACtC,CAAC;AACD,OAAG,sCAAsC,YAAY;AACjD,YAAM,aAAa,IAAI;AACvB,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,YAAM,SAAS,QAAQ,CAAC;AACxB,YAAM,SAAS,QAAQ,CAAC;AACxB,aAAO,iBAAiB,UAAU,CAAC,UAAiB;AAChD,cAAM,eAAe;AACrB,mBAAW;AAAA,MACf,CAAC;AACD,YAAM,SAAS,SAAS,IAAI,QAAQ;AACpC,aAAO,MAAM;AACb,aAAO,MAAM;AACb,YAAM;AACN,aAAO,WAAW,SAAS,EAAE,GAAG,MAAM,CAAC;AACvC,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,aAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAAA,IACtC,CAAC;AAAA,EACL,CAAC;AAED,KAAG,sDAAsD,YAAY;AACjE,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAEhC,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAAA,EACtC,CAAC;AACD,KAAG,yDAAyD,YAAY;AACpE,WAAO,UAAU;AACjB,WAAO,UAAU;AAEjB,UAAM,eAAe,MAAM;AAC3B,UAAM,eAAe,MAAM;AAE3B,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAEhC,QAAI,SAAS,SAAS,IAAI,QAAQ;AAClC,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AACN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAClC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAEhC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AACN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAClC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AACrC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AACrC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AAErC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,UAAU;AACxC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AAErC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,UAAU;AACxC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,UAAU;AAExC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AACrC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,UAAU;AAExC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AACrC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AAErC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAClC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,OAAO;AAErC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAClC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,IAAI;AAElC,aAAS,SAAS,IAAI,QAAQ;AAC9B,YAAQ,CAAC,EAAE,MAAM;AACjB,UAAM;AAEN,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAChC,WAAO,OAAO,KAAK,EAAE,GAAG,MAAM,EAAE;AAAA,EACpC,CAAC;AACD,KAAG,iBAAiB,YAAY;AAC5B,UAAM,eAAe,MAAM;AAC3B,UAAM,eAAe,MAAM;AAC3B,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,OAAG,sBAAsB,YAAY,KAAK;AAC1C,UAAM,MAAM;AACZ,WAAO,SAAS,kBAAkB,KAAK,EAAE,GAAG,GAAG;AAC/C,UAAM,SAAS,EAAE,OAAO,YAAY,CAAC;AACrC,WAAO,SAAS,kBAAkB,MAAM,EAAE,GAAG,GAAG;AAChD,UAAM,SAAS,EAAE,OAAO,YAAY,CAAC;AACrC,UAAM,SAAS,EAAE,OAAO,UAAU,CAAC;AAEnC,UAAM,eAAe,EAAE;AACvB,eAAW,UAAU,SAAS;AAC1B,YAAM,gBAAgB,OAAO;AAC7B,aAAO,SAAS,kBAAkB,eAAe,gBAAgB,EAC5D,GAAG,GAAG;AACX,aAAO,OAAO,SAAS,yBAAyB,EAAE,GAAG,GAAG;AACxD,YAAM,SAAS,EAAE,OAAO,QAAQ,CAAC;AACjC,aAAO,cAAc,KAAK,EAAE,GAAG,MAAM,OAAO,KAAK;AACjD,YAAM,SAAS,EAAE,OAAO,YAAY,CAAC;AAAA,IACzC;AAAA,EACJ,CAAC;AACL,CAAC;",
   "names": []
 }

package/test/menu.test.js

@@ -301,15 +301,8 @@ describe("Menu", () => {
     const firstItem = el.querySelector(".first");
     const selectedItem = el.querySelector(".selected");
     await elementUpdated(el);
-    await nextFrame();
     el.focus();
     expect(document.activeElement).to.equal(el);
-    await sendKeys({
-      press: "ArrowUp"
-    });
-    await sendKeys({
-      press: "ArrowDown"
-    });
     expect(selectedItem.focused).to.be.true;
     selectedItem.remove();
     await elementUpdated(el);

package/test/menu.test.js.map

@@ -1,7 +1,7 @@
 {
   "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*/\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport { Menu, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    nextFrame,\n    waitUntil,\n} from '@open-wc/testing';\nimport {\n    arrowDownEvent,\n    arrowUpEvent,\n    tabEvent,\n    testForLitDevWarnings,\n    tEvent,\n} from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\nimport { sendKeys } from '@web/test-runner-commands';\n\ndescribe('Menu', () => {\n    it('renders empty', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\"><a href=\"#anchor\">Test</a></sp-menu>\n            `\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>(\n            html`\n                <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                    <sp-menu-item disabled>Disabled item</sp-menu-item>\n                </sp-menu>\n            `\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>(\n            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        );\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>(\n            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\n        await waitUntil(\n            () => el.childItems.length == 6,\n            'expected menu to manage 6 menu items'\n        );\n        await elementUpdated(el);\n\n        const inTabindexElement = el.querySelector(\n            '[tabindex]:not([tabindex=\"-1\"])'\n        );\n        expect(inTabindexElement).to.be.null;\n        await expect(el).to.be.accessible();\n    });\n\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Menu>(\n                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\n    it('renders w/ selected', async () => {\n        const el = await fixture<Menu>(\n            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        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('renders w/ hrefs', async () => {\n        const el = await fixture<Menu>(\n            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\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>(\n            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\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        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(tEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(thirdToLastItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowDownEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(secondToLastItem.focused).to.be.true;\n    });\n\n    it('handle focus and late descendent additions', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Options</span>\n                        <sp-menu-item>Deselect</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\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 firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        el.focus();\n\n        await elementUpdated(el);\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'active element').to.be.true;\n        expect(firstItem.focused, 'visually focused').to.be.true;\n\n        el.blur();\n\n        const group = el.querySelector('sp-menu-group') as HTMLElement;\n        const prependedItem = document.createElement('sp-menu-item');\n        prependedItem.textContent = 'Prepended Item';\n        const appendedItem = document.createElement('sp-menu-item');\n        appendedItem.textContent = 'Appended Item';\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        await elementUpdated(el);\n\n        expect(document.activeElement === el).to.be.false;\n        expect(firstItem.focused).to.be.false;\n        expect(prependedItem.focused).to.be.false;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'another active element').to.be\n            .true;\n        expect(prependedItem.focused, 'another visibly focused').to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n\n        expect(document.activeElement === el, 'last active element').to.be.true;\n        expect(appendedItem.focused, 'last visibly focused').to.be.true;\n    });\n    it('cleans up when tabbing away', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\">\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        );\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        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        const thirdItem = el.querySelector(\n            'sp-menu-item:nth-of-type(3)'\n        ) as MenuItem;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused, 'first').to.be.true;\n        el.dispatchEvent(arrowDownEvent());\n        el.dispatchEvent(arrowDownEvent());\n        expect(thirdItem.focused, 'third').to.be.true;\n        // imitate tabbing away\n        el.dispatchEvent(tabEvent());\n        el.dispatchEvent(\n            new CustomEvent('focusout', {\n                composed: true,\n                bubbles: true,\n            })\n        );\n        await nextFrame();\n        // re-bind keyevents\n        el.startListeningToKeyboard();\n        // focus management should start again from the first item.\n        el.dispatchEvent(arrowDownEvent());\n        expect(secondItem.focused, 'second').to.be.true;\n    });\n    it('handles focus across focused MenuItem removals', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu id=\"test\">\n                    <sp-menu-item class=\"first\">Deselect</sp-menu-item>\n                    <sp-menu-item>Invert Selection</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-item selected class=\"selected\">\n                        Save Selection\n                    </sp-menu-item>\n                </sp-menu>\n            `\n        );\n        const firstItem = el.querySelector('.first') as MenuItem;\n        const selectedItem = el.querySelector('.selected') as MenuItem;\n\n        await elementUpdated(el);\n        await nextFrame();\n        el.focus();\n\n        expect(document.activeElement).to.equal(el);\n        // Enforce visible focus\n        await sendKeys({\n            press: 'ArrowUp',\n        });\n        await sendKeys({\n            press: 'ArrowDown',\n        });\n        expect(selectedItem.focused).to.be.true;\n\n        selectedItem.remove();\n        await elementUpdated(el);\n\n        expect(document.activeElement).to.equal(el);\n        expect(firstItem.focused).to.be.true;\n    });\n    it('handles single selection', async () => {\n        const el = await fixture<Menu>(\n            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        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await waitUntil(\n            () => el.selectedItems.length == 1,\n            'expected menu to have 1 selected item'\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('handles multiple selection', async () => {\n        const changeSpy = spy();\n        const el = await fixture<Menu>(\n            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\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});\n"],
-  "mappings": "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",
+  "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*/\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport { Menu, MenuItem } from '@spectrum-web-components/menu';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    nextFrame,\n    waitUntil,\n} from '@open-wc/testing';\nimport {\n    arrowDownEvent,\n    arrowUpEvent,\n    tabEvent,\n    testForLitDevWarnings,\n    tEvent,\n} from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\nimport { sendKeys } from '@web/test-runner-commands';\n\ndescribe('Menu', () => {\n    it('renders empty', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\"><a href=\"#anchor\">Test</a></sp-menu>\n            `\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>(\n            html`\n                <sp-menu tabindex=\"0\" @focusin=${() => focusinSpy()}>\n                    <sp-menu-item disabled>Disabled item</sp-menu-item>\n                </sp-menu>\n            `\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>(\n            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        );\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>(\n            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\n        await waitUntil(\n            () => el.childItems.length == 6,\n            'expected menu to manage 6 menu items'\n        );\n        await elementUpdated(el);\n\n        const inTabindexElement = el.querySelector(\n            '[tabindex]:not([tabindex=\"-1\"])'\n        );\n        expect(inTabindexElement).to.be.null;\n        await expect(el).to.be.accessible();\n    });\n\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Menu>(\n                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\n    it('renders w/ selected', async () => {\n        const el = await fixture<Menu>(\n            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        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('renders w/ hrefs', async () => {\n        const el = await fixture<Menu>(\n            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\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>(\n            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\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        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(arrowUpEvent());\n        el.dispatchEvent(tEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(thirdToLastItem.focused).to.be.true;\n\n        el.dispatchEvent(arrowDownEvent());\n\n        expect(document.activeElement === el).to.be.true;\n        expect(secondToLastItem.focused).to.be.true;\n    });\n\n    it('handle focus and late descendent additions', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu>\n                    <sp-menu-group selects=\"inherit\">\n                        <span slot=\"header\">Options</span>\n                        <sp-menu-item>Deselect</sp-menu-item>\n                    </sp-menu-group>\n                </sp-menu>\n            `\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 firstItem = el.querySelector(\n            'sp-menu-item:nth-of-type(1)'\n        ) as MenuItem;\n\n        el.focus();\n\n        await elementUpdated(el);\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'active element').to.be.true;\n        expect(firstItem.focused, 'visually focused').to.be.true;\n\n        el.blur();\n\n        const group = el.querySelector('sp-menu-group') as HTMLElement;\n        const prependedItem = document.createElement('sp-menu-item');\n        prependedItem.textContent = 'Prepended Item';\n        const appendedItem = document.createElement('sp-menu-item');\n        appendedItem.textContent = 'Appended Item';\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        await elementUpdated(el);\n\n        expect(document.activeElement === el).to.be.false;\n        expect(firstItem.focused).to.be.false;\n        expect(prependedItem.focused).to.be.false;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n\n        expect(document.activeElement === el, 'another active element').to.be\n            .true;\n        expect(prependedItem.focused, 'another visibly focused').to.be.true;\n\n        el.dispatchEvent(arrowUpEvent());\n\n        expect(document.activeElement === el, 'last active element').to.be.true;\n        expect(appendedItem.focused, 'last visibly focused').to.be.true;\n    });\n    it('cleans up when tabbing away', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu tabindex=\"0\">\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        );\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        const secondItem = el.querySelector(\n            'sp-menu-item:nth-of-type(2)'\n        ) as MenuItem;\n        const thirdItem = el.querySelector(\n            'sp-menu-item:nth-of-type(3)'\n        ) as MenuItem;\n\n        el.focus();\n        // Activate :focus-visible\n        await sendKeys({ press: 'ArrowDown' });\n        await sendKeys({ press: 'ArrowUp' });\n        expect(document.activeElement === el).to.be.true;\n        expect(firstItem.focused, 'first').to.be.true;\n        el.dispatchEvent(arrowDownEvent());\n        el.dispatchEvent(arrowDownEvent());\n        expect(thirdItem.focused, 'third').to.be.true;\n        // imitate tabbing away\n        el.dispatchEvent(tabEvent());\n        el.dispatchEvent(\n            new CustomEvent('focusout', {\n                composed: true,\n                bubbles: true,\n            })\n        );\n        await nextFrame();\n        // re-bind keyevents\n        el.startListeningToKeyboard();\n        // focus management should start again from the first item.\n        el.dispatchEvent(arrowDownEvent());\n        expect(secondItem.focused, 'second').to.be.true;\n    });\n    it('handles focus across focused MenuItem removals', async () => {\n        const el = await fixture<Menu>(\n            html`\n                <sp-menu id=\"test\">\n                    <sp-menu-item class=\"first\">Deselect</sp-menu-item>\n                    <sp-menu-item>Invert Selection</sp-menu-item>\n                    <sp-menu-item>Feather...</sp-menu-item>\n                    <sp-menu-item>Select and Mask...</sp-menu-item>\n                    <sp-menu-item selected class=\"selected\">\n                        Save Selection\n                    </sp-menu-item>\n                </sp-menu>\n            `\n        );\n        const firstItem = el.querySelector('.first') as MenuItem;\n        const selectedItem = el.querySelector('.selected') as MenuItem;\n\n        await elementUpdated(el);\n\n        el.focus();\n\n        expect(document.activeElement).to.equal(el);\n        expect(selectedItem.focused).to.be.true;\n\n        selectedItem.remove();\n        await elementUpdated(el);\n\n        expect(document.activeElement).to.equal(el);\n        expect(firstItem.focused).to.be.true;\n    });\n    it('handles single selection', async () => {\n        const el = await fixture<Menu>(\n            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        );\n\n        await waitUntil(\n            () => el.childItems.length == 3,\n            'expected menu to manage 3 items'\n        );\n        await waitUntil(\n            () => el.selectedItems.length == 1,\n            'expected menu to have 1 selected item'\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('handles multiple selection', async () => {\n        const changeSpy = spy();\n        const el = await fixture<Menu>(\n            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\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});\n"],
+  "mappings": "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",
   "names": []
 }