@spectrum-web-components/action-group 0.8.1 → 0.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/action-group",
-    "version": "0.8.1",
+    "version": "0.8.2",
     "publishConfig": {
         "access": "public"
     },
@@ -44,7 +44,7 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/action-button": "^0.8.1",
+        "@spectrum-web-components/action-button": "^0.8.2",
         "@spectrum-web-components/base": "^0.5.4",
         "@spectrum-web-components/reactive-controllers": "^0.2.2",
         "tslib": "^2.0.0"
@@ -57,5 +57,5 @@
     "sideEffects": [
         "./sp-*.js"
     ],
-    "gitHead": "caf12727e7f91dcf961e1fadacc727eea9ece27b"
+    "gitHead": "dd76f9532fdea946880147cc7645f113b998c326"
 }

package/test/action-group-tooltip.test-vrt.js

@@ -0,0 +1,15 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import * as stories from '../stories/action-group-tooltip.stories.js';
+import { regressVisuals } from '../../../test/visual/test.js';
+regressVisuals('ActionGroupTooltipStories', stories);
+//# sourceMappingURL=action-group-tooltip.test-vrt.js.map

package/test/action-group-tooltip.test-vrt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-group-tooltip.test-vrt.js","sourceRoot":"","sources":["action-group-tooltip.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,2BAA2B,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/action-group-tooltip.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ActionGroupTooltipStories', stories);\n"]}

package/test/action-group.test-vrt.js

@@ -0,0 +1,15 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import * as stories from '../stories/action-group.stories.js';
+import { regressVisuals } from '../../../test/visual/test.js';
+regressVisuals('ActionGroupStories', stories);
+//# sourceMappingURL=action-group.test-vrt.js.map

package/test/action-group.test-vrt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-group.test-vrt.js","sourceRoot":"","sources":["action-group.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/action-group.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('ActionGroupStories', stories);\n"]}

package/test/action-group.test.js

@@ -0,0 +1,755 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import { elementUpdated, expect, fixture, html, waitUntil, } from '@open-wc/testing';
+import '@spectrum-web-components/action-button/sp-action-button.js';
+import { LitElement } from '@spectrum-web-components/base';
+import '@spectrum-web-components/overlay/overlay-trigger.js';
+import '@spectrum-web-components/tooltip/sp-tooltip.js';
+import { arrowDownEvent, arrowLeftEvent, arrowRightEvent, arrowUpEvent, endEvent, homeEvent, } from '../../../test/testing-helpers';
+import { sendKeys } from '@web/test-runner-commands';
+import '../sp-action-group.js';
+class QuietActionGroup extends LitElement {
+    render() {
+        return html `
+            <sp-action-group quiet>
+                <slot name="first"></slot>
+                <slot name="second"></slot>
+            </sp-action-group>
+        `;
+    }
+}
+customElements.define('quiet-action-group', QuietActionGroup);
+class EmphasizedActionGroup extends LitElement {
+    render() {
+        return html `
+            <sp-action-group emphasized>
+                <slot name="first"></slot>
+                <slot name="second"></slot>
+            </sp-action-group>
+        `;
+    }
+}
+customElements.define('emphasized-action-group', EmphasizedActionGroup);
+async function singleSelectedActionGroup(selected) {
+    const el = await fixture(html `
+            <sp-action-group
+                label="Selects User-Chosen Buttons"
+                selects="single"
+                .selected=${selected}
+            >
+                <sp-action-button value="first" class="first">
+                    First
+                </sp-action-button>
+                <sp-action-button value="second" class="second">
+                    Second
+                </sp-action-button>
+            </sp-action-group>
+        `);
+    return el;
+}
+async function multipleSelectedActionGroup(selected) {
+    const el = await fixture(html `
+            <sp-action-group
+                label="Selects User-Chosen Buttons"
+                selects="multiple"
+                .selected=${selected}
+            >
+                <sp-action-button value="first" class="first">
+                    First
+                </sp-action-button>
+                <sp-action-button value="second" class="second">
+                    Second
+                </sp-action-button>
+            </sp-action-group>
+        `);
+    return el;
+}
+describe('ActionGroup', () => {
+    it('loads empty action-group accessibly', async () => {
+        const el = await fixture(html `
+                <sp-action-group></sp-action-group>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+    });
+    it('loads default action-group accessibly', async () => {
+        const el = await fixture(html `
+                <sp-action-group aria-label="Default Group">
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button>Second</sp-action-button>
+                    <sp-action-button>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+        expect(el.getAttribute('aria-label')).to.equal('Default Group');
+        expect(el.hasAttribute('role')).to.be.false;
+        expect(el.children[0].getAttribute('role')).to.equal('button');
+    });
+    it('applies `quiet` attribute to its children', async () => {
+        const el = await fixture(html `
+                <sp-action-group quiet>
+                    <sp-action-button id="first">First</sp-action-button>
+                    <sp-action-button id="second">Second</sp-action-button>
+                </sp-action-group>
+            `);
+        const firstButton = el.querySelector('#first');
+        const secondButton = el.querySelector('#second');
+        await elementUpdated(el);
+        expect(firstButton.hasAttribute('quiet')).to.be.true;
+        expect(firstButton.quiet).to.be.true;
+        expect(secondButton.hasAttribute('quiet')).to.be.true;
+        expect(secondButton.quiet).to.be.true;
+    });
+    it('applies `quiet` attribute to its slotted children', async () => {
+        const el = await fixture(html `
+                <quiet-action-group>
+                    <sp-action-button slot="first" id="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button slot="second" id="second">
+                        Second
+                    </sp-action-button>
+                </quiet-action-group>
+            `);
+        const firstButton = el.querySelector('#first');
+        const secondButton = el.querySelector('#second');
+        await elementUpdated(el);
+        expect(firstButton.hasAttribute('quiet')).to.be.true;
+        expect(firstButton.quiet).to.be.true;
+        expect(secondButton.hasAttribute('quiet')).to.be.true;
+        expect(secondButton.quiet).to.be.true;
+    });
+    it('applies `emphasized` attribute to its slotted children', async () => {
+        const el = await fixture(html `
+                <emphasized-action-group>
+                    <sp-action-button slot="first" id="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button slot="second" id="second">
+                        Second
+                    </sp-action-button>
+                </emphasized-action-group>
+            `);
+        const firstButton = el.querySelector('#first');
+        const secondButton = el.querySelector('#second');
+        await elementUpdated(el);
+        expect(firstButton.hasAttribute('emphasized')).to.be.true;
+        expect(firstButton.emphasized).to.be.true;
+        expect(secondButton.hasAttribute('emphasized')).to.be.true;
+        expect(secondButton.emphasized).to.be.true;
+    });
+    it('applies `quiet` attribute to slotted children with overlays', async () => {
+        const el = await fixture(html `
+                <quiet-action-group>
+                    <overlay-trigger slot="first">
+                        <sp-action-button slot="trigger" id="first">
+                            First
+                        </sp-action-button>
+                    </overlay-trigger>
+                    <overlay-trigger slot="second">
+                        <sp-action-button slot="trigger" id="second">
+                            Second
+                        </sp-action-button>
+                    </overlay-trigger>
+                </quiet-action-group>
+            `);
+        const firstButton = el.querySelector('#first');
+        const secondButton = el.querySelector('#second');
+        await elementUpdated(el);
+        expect(firstButton.hasAttribute('quiet')).to.be.true;
+        expect(firstButton.quiet).to.be.true;
+        expect(secondButton.hasAttribute('quiet')).to.be.true;
+        expect(secondButton.quiet).to.be.true;
+    });
+    it('applies `emphasized` attribute to slotted children with overlays', async () => {
+        const el = await fixture(html `
+                <emphasized-action-group>
+                    <overlay-trigger slot="first">
+                        <sp-action-button slot="trigger" id="first">
+                            First
+                        </sp-action-button>
+                    </overlay-trigger>
+                    <overlay-trigger slot="second">
+                        <sp-action-button slot="trigger" id="second">
+                            Second
+                        </sp-action-button>
+                    </overlay-trigger>
+                </emphasized-action-group>
+            `);
+        const firstButton = el.querySelector('#first');
+        const secondButton = el.querySelector('#second');
+        await elementUpdated(el);
+        expect(firstButton.hasAttribute('emphasized')).to.be.true;
+        expect(firstButton.emphasized).to.be.true;
+        expect(secondButton.hasAttribute('emphasized')).to.be.true;
+        expect(secondButton.emphasized).to.be.true;
+    });
+    it('loads [selects="single"] action-group accessibly', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button>Second</sp-action-button>
+                    <sp-action-button>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+        expect(el.getAttribute('aria-label')).to.equal('Selects Single Group');
+        expect(el.getAttribute('role')).to.equal('radiogroup');
+        expect(el.children[0].getAttribute('role')).to.equal('radio');
+    });
+    it('loads [selects="single"] action-group w/ selection accessibly', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button>Second</sp-action-button>
+                    <sp-action-button selected>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+    });
+    it('loads [selects="multiple"] action-group accessibly', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Multiple Group"
+                    selects="multiple"
+                >
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button>Second</sp-action-button>
+                    <sp-action-button>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+        expect(el.getAttribute('aria-label')).to.equal('Selects Multiple Group');
+        expect(el.getAttribute('role')).to.equal('group');
+        expect(el.children[0].getAttribute('role')).to.equal('checkbox');
+    });
+    it('loads [selects="multiple"] action-group w/ selection accessibly', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Multiple Group"
+                    selects="multiple"
+                >
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button selected>Second</sp-action-button>
+                    <sp-action-button selected>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        await expect(el).to.be.accessible();
+    });
+    it('sets tab stop when [selects="single"] and the initial button is [disabled]', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <sp-action-button disabled>First</sp-action-button>
+                    <sp-action-button class="second">Second</sp-action-button>
+                    <sp-action-button>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        const secondButton = el.querySelector('.second');
+        await elementUpdated(el);
+        expect(secondButton.hasAttribute('tabindex'));
+        expect(secondButton.getAttribute('tabindex')).to.equal('0');
+    });
+    it('surfaces [selects="single"] selection', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button>Second</sp-action-button>
+                    <sp-action-button selected>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        expect(el.selected, '"Third" selected').to.deep.equal(['Third']);
+    });
+    it('surfaces [selects="multiple"] selection', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Multiple Group"
+                    selects="multiple"
+                >
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button selected>Second</sp-action-button>
+                    <sp-action-button selected>Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        expect(el.selected, '"Second" and "Third" selected').to.deep.equal([
+            'Second',
+            'Third',
+        ]);
+    });
+    it('does not select without [selects]', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="No Selects Group">
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button selected>Second</sp-action-button>
+                    <sp-action-button class="third">Third</sp-action-button>
+                </sp-action-group>
+            `);
+        const thirdElement = el.querySelector('.third');
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        thirdElement.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+    });
+    it('selects via `click` while [selects="single"]', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <sp-action-button value="first">First</sp-action-button>
+                    <sp-action-button value="second" selected>
+                        Second
+                    </sp-action-button>
+                    <sp-action-button value="third" class="third">
+                        Third
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        const thirdElement = el.querySelector('.third');
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected.includes('second'));
+        thirdElement.click();
+        await elementUpdated(el);
+        expect(thirdElement.selected, 'third child selected').to.be.true;
+        await waitUntil(() => el.selected.length === 1 && el.selected.includes('third'), 'Updates value of `selected`');
+    });
+    it('selects via `click` while  [selects="multiple"] selection', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Multiple Group"
+                    selects="multiple"
+                >
+                    <sp-action-button selected class="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button class="second">Second</sp-action-button>
+                    <sp-action-button class="third">Third</sp-action-button>
+                </sp-action-group>
+            `);
+        const firstElement = el.querySelector('.first');
+        const secondElement = el.querySelector('.second');
+        const thirdElement = el.querySelector('.third');
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected.includes('First'));
+        firstElement.click();
+        secondElement.click();
+        thirdElement.click();
+        await elementUpdated(el);
+        expect(secondElement.selected, 'second child selected').to.be.true;
+        expect(thirdElement.selected, 'third child selected').to.be.true;
+        await waitUntil(() => el.selected.length === 2 &&
+            el.selected.includes('Second') &&
+            el.selected.includes('Third'), 'Updates value of `selected`');
+    });
+    it('does not respond to clicks on itself', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button>Second</sp-action-button>
+                    <sp-action-button class="third">Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(0);
+        el.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(0);
+    });
+    it('selection can be prevented', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Single Group"
+                    selects="single"
+                    @change=${(event) => {
+            event.preventDefault();
+        }}
+                >
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button>Second</sp-action-button>
+                    <sp-action-button class="third">Third</sp-action-button>
+                </sp-action-group>
+            `);
+        const thirdElement = el.querySelector('.third');
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(0);
+        thirdElement.click();
+        await elementUpdated(el);
+        expect(thirdElement.selected, 'third child not selected').to.be.false;
+        expect(el.selected.length).to.equal(0);
+    });
+    it('selects user-passed value while [selects="single"]', async () => {
+        const el = await singleSelectedActionGroup(['first']);
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        const firstButton = el.querySelector('.first');
+        const secondButton = el.querySelector('.second');
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        expect(secondButton.selected, 'second button not selected').to.be.false;
+        secondButton.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(firstButton.selected, 'first button not selected').to.be.false;
+        expect(secondButton.selected, 'second button selected').to.be.true;
+    });
+    it('selects user-passed value while [selects="multiple"]', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Multiple Group"
+                    selects="multiple"
+                    .selected=${['first', 'second']}
+                >
+                    <sp-action-button class="first" value="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button class="second" value="second">
+                        Second
+                    </sp-action-button>
+                    <sp-action-button class="third " value="third">
+                        Third
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        const firstButton = el.querySelector('.first');
+        const secondButton = el.querySelector('.second');
+        const thirdButton = el.querySelector('.third');
+        expect(el.selected.length).to.equal(2);
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        expect(secondButton.selected, 'second button selected').to.be.true;
+        expect(thirdButton.selected, 'third button not selected').to.be.false;
+        thirdButton.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(3);
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        expect(secondButton.selected, 'second button selected').to.be.true;
+        expect(thirdButton.selected, 'third button selected').to.be.true;
+        firstButton.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(2);
+        expect(firstButton.selected, 'first button not selected').to.be.false;
+        expect(secondButton.selected, 'second button selected').to.be.true;
+        expect(thirdButton.selected, 'third button selected').to.be.true;
+    });
+    it('selects multiple user-passed values while [selects="single"], but then proceeds with radio-button style functionality', async () => {
+        const el = await singleSelectedActionGroup(['first', 'second']);
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(2);
+        const firstButton = el.querySelector('.first');
+        const secondButton = el.querySelector('.second');
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        expect(secondButton.selected, 'second button selected').to.be.true;
+        secondButton.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(firstButton.selected, 'first button selected').to.be.false;
+        expect(secondButton.selected, 'second button selected').to.be.true;
+    });
+    it('only selects user-passed buttons if present in action-group while [selects="multiple"]', async () => {
+        const el = await multipleSelectedActionGroup(['second', 'fourth']);
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        const secondButton = el.querySelector('.second');
+        expect(secondButton.selected, 'second button selected').to.be.true;
+        const firstButton = el.querySelector('.first');
+        expect(firstButton.selected, 'first button selected').to.be.false;
+    });
+    it('selects user-passed values with no .selects value, but does not allow interaction afterwards', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects User-Chosen Buttons"
+                    .selected=${['first']}
+                >
+                    <sp-action-button value="first" class="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button value="second" class="second">
+                        Second
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        const firstButton = el.querySelector('.first');
+        const secondButton = el.querySelector('.second');
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        expect(secondButton.selected, 'second button selected').to.be.false;
+        secondButton.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        expect(secondButton.selected, 'second button selected').to.be.false;
+    });
+    it('selects multiple buttons if .selected is passed in, but does not allow further interaction afterwards', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects User-Chosen Buttons"
+                    .selected=${['first', 'second']}
+                >
+                    <sp-action-button class="first" value="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button class="second" value="second">
+                        Second
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(2);
+        const firstButton = el.querySelector('.first');
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        const secondButton = el.querySelector('.second');
+        expect(secondButton.selected, 'second button selected').to.be.true;
+        firstButton.click();
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(2);
+        expect(firstButton.selected, 'first button selected').to.be.true;
+        expect(secondButton.selected, 'second button selected').to.be.true;
+    });
+    it('will not change .selected state if event is prevented while [selects="multiple"]', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Multiple Group"
+                    selects="multiple"
+                    .selected=${['first', 'second']}
+                    @change=${(event) => {
+            event.preventDefault();
+        }}
+                >
+                    <sp-action-button class="first" value="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button class="second" value="second">
+                        Second
+                    </sp-action-button>
+                    <sp-action-button class="third " value="third">
+                        Third
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        const firstElement = el.querySelector('.first');
+        const secondElement = el.querySelector('.second');
+        const thirdElement = el.querySelector('.third');
+        // checking if the first and second are selected
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(2);
+        expect(firstElement.selected, 'first child selected').to.be.true;
+        expect(secondElement.selected, 'second child selected').to.be.true;
+        // making sure third element isn't selected
+        thirdElement.click();
+        await elementUpdated(el);
+        expect(thirdElement.selected, 'third child not selected').to.be.false;
+        expect(el.selected.length).to.equal(2);
+        // making sure already-selected elements are not de-selected
+        secondElement.click();
+        await elementUpdated(el);
+        expect(secondElement.selected, 'second element still selected').to.be
+            .true;
+    });
+    it('will not change .selected state if event is prevented while [selects="single"]', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Single Group"
+                    selects="single"
+                    .selected=${['first']}
+                    @change=${(event) => {
+            event.preventDefault();
+        }}
+                >
+                    <sp-action-button class="first" value="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button class="second" value="second">
+                        Second
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        const firstElement = el.querySelector('.first');
+        const secondElement = el.querySelector('.second');
+        // checking if the first element is selected
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(firstElement.selected, 'first child selected').to.be.true;
+        // making sure third element isn't selected
+        secondElement.click();
+        await elementUpdated(el);
+        expect(secondElement.selected, 'second child not selected').to.be.false;
+        expect(el.selected.length).to.equal(1);
+        // making sure already-selected elements are not de-selected
+        firstElement.click();
+        await elementUpdated(el);
+        expect(firstElement.selected, 'first element still selected').to.be
+            .true;
+    });
+    it('will not change .selected state if event is prevented while selects is undefined', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Single Group"
+                    .selected=${['first']}
+                    @change=${(event) => {
+            event.preventDefault();
+        }}
+                >
+                    <sp-action-button class="first" value="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button class="second" value="second">
+                        Second
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        const firstElement = el.querySelector('.first');
+        const secondElement = el.querySelector('.second');
+        // checking if the first element is selected
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(firstElement.selected, 'first child selected').to.be.true;
+        secondElement.click();
+        await elementUpdated(el);
+        // state should be exactly the same
+        expect(el.selected.length).to.equal(1);
+        expect(firstElement.selected, 'first child selected').to.be.true;
+        expect(secondElement.selected, 'second child not selected').to.be.false;
+    });
+    it('will accept selected as a JSON string', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Single Group"
+                    selects="single"
+                    selected='["first"]'
+                >
+                    <sp-action-button class="first" value="first">
+                        First
+                    </sp-action-button>
+                    <sp-action-button class="second" value="second">
+                        Second
+                    </sp-action-button>
+                </sp-action-group>
+            `);
+        // checking if the first element is selected
+        await elementUpdated(el);
+        const firstElement = el.querySelector('.first');
+        const secondElement = el.querySelector('.second');
+        expect(el.selected.length).to.equal(1);
+        expect(firstElement.selected, 'first child selected').to.be.true;
+        expect(secondElement.selected, 'second child selected').to.be.false;
+    });
+    const acceptKeyboardInput = async (el) => {
+        const thirdElement = el.querySelector('.third');
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('Second');
+        thirdElement.click();
+        await elementUpdated(el);
+        expect(thirdElement.selected, 'third child selected').to.be.true;
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('Third');
+        el.dispatchEvent(arrowRightEvent());
+        await sendKeys({ press: 'Enter' });
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('First');
+        el.dispatchEvent(arrowLeftEvent());
+        el.dispatchEvent(arrowUpEvent());
+        await sendKeys({ press: 'Enter' });
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('Second');
+        el.dispatchEvent(endEvent());
+        await sendKeys({ press: 'Enter' });
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('Third');
+        await sendKeys({ press: 'Enter' });
+        el.dispatchEvent(homeEvent());
+        await sendKeys({ press: 'Enter' });
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('First');
+        el.dispatchEvent(arrowDownEvent());
+        await sendKeys({ press: 'Enter' });
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('Second');
+    };
+    it('accepts keybord input', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button selected>Second</sp-action-button>
+                    <sp-action-button class="third">Third</sp-action-button>
+                </sp-action-group>
+            `);
+        await acceptKeyboardInput(el);
+    });
+    it('accepts keybord input with tooltip', async () => {
+        const el = await fixture(html `
+                <sp-action-group label="Selects Single Group" selects="single">
+                    <overlay-trigger>
+                        <sp-action-button slot="trigger">
+                            First
+                        </sp-action-button>
+                        <sp-tooltip slot="hover-content">
+                            Definitely the first one.
+                        </sp-tooltip>
+                    </overlay-trigger>
+                    <overlay-trigger>
+                        <sp-action-button slot="trigger" selected>
+                            Second
+                        </sp-action-button>
+                        <sp-tooltip slot="hover-content">
+                            Not the first, not the last.
+                        </sp-tooltip>
+                    </overlay-trigger>
+                    <overlay-trigger>
+                        <sp-action-button slot="trigger" class="third">
+                            Third
+                        </sp-action-button>
+                        <sp-tooltip slot="hover-content">Select me.</sp-tooltip>
+                    </overlay-trigger>
+                </sp-action-group>
+            `);
+        await acceptKeyboardInput(el);
+    });
+    it('accepts keybord input when [dir="ltr"]', async () => {
+        const el = await fixture(html `
+                <sp-action-group
+                    label="Selects Single Group"
+                    selects="single"
+                    dir="ltr"
+                >
+                    <sp-action-button>First</sp-action-button>
+                    <sp-action-button disabled>Second</sp-action-button>
+                    <sp-action-button class="third">Third</sp-action-button>
+                </sp-action-group>
+            `);
+        const thirdElement = el.querySelector('.third');
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(0);
+        thirdElement.click();
+        await elementUpdated(el);
+        expect(thirdElement.selected, 'third child selected').to.be.true;
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('Third');
+        el.dispatchEvent(arrowRightEvent());
+        await sendKeys({ press: 'Enter' });
+        await elementUpdated(el);
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('First');
+        el.dispatchEvent(arrowUpEvent());
+        await sendKeys({ press: 'Enter' });
+        expect(el.selected.length).to.equal(1);
+        expect(el.selected[0]).to.equal('Third');
+    });
+});
+//# sourceMappingURL=action-group.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"action-group.test.js","sourceRoot":"","sources":["action-group.test.ts"],"names":[],"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*/\n\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    waitUntil,\n} from '@open-wc/testing';\n\nimport { ActionButton } from '@spectrum-web-components/action-button';\nimport '@spectrum-web-components/action-button/sp-action-button.js';\nimport { LitElement, TemplateResult } from '@spectrum-web-components/base';\nimport '@spectrum-web-components/overlay/overlay-trigger.js';\nimport '@spectrum-web-components/tooltip/sp-tooltip.js';\nimport { ActionGroup } from '..';\nimport {\n    arrowDownEvent,\n    arrowLeftEvent,\n    arrowRightEvent,\n    arrowUpEvent,\n    endEvent,\n    homeEvent,\n} from '../../../test/testing-helpers';\nimport { sendKeys } from '@web/test-runner-commands';\nimport '../sp-action-group.js';\n\nclass QuietActionGroup extends LitElement {\n    protected render(): TemplateResult {\n        return html`\n            <sp-action-group quiet>\n                <slot name=\"first\"></slot>\n                <slot name=\"second\"></slot>\n            </sp-action-group>\n        `;\n    }\n}\ncustomElements.define('quiet-action-group', QuietActionGroup);\n\nclass EmphasizedActionGroup extends LitElement {\n    protected render(): TemplateResult {\n        return html`\n            <sp-action-group emphasized>\n                <slot name=\"first\"></slot>\n                <slot name=\"second\"></slot>\n            </sp-action-group>\n        `;\n    }\n}\ncustomElements.define('emphasized-action-group', EmphasizedActionGroup);\n\nasync function singleSelectedActionGroup(\n    selected: string[]\n): Promise<ActionGroup> {\n    const el = await fixture<ActionGroup>(\n        html`\n            <sp-action-group\n                label=\"Selects User-Chosen Buttons\"\n                selects=\"single\"\n                .selected=${selected}\n            >\n                <sp-action-button value=\"first\" class=\"first\">\n                    First\n                </sp-action-button>\n                <sp-action-button value=\"second\" class=\"second\">\n                    Second\n                </sp-action-button>\n            </sp-action-group>\n        `\n    );\n    return el;\n}\n\nasync function multipleSelectedActionGroup(\n    selected: string[]\n): Promise<ActionGroup> {\n    const el = await fixture<ActionGroup>(\n        html`\n            <sp-action-group\n                label=\"Selects User-Chosen Buttons\"\n                selects=\"multiple\"\n                .selected=${selected}\n            >\n                <sp-action-button value=\"first\" class=\"first\">\n                    First\n                </sp-action-button>\n                <sp-action-button value=\"second\" class=\"second\">\n                    Second\n                </sp-action-button>\n            </sp-action-group>\n        `\n    );\n    return el;\n}\n\ndescribe('ActionGroup', () => {\n    it('loads empty action-group accessibly', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group></sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads default action-group accessibly', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group aria-label=\"Default Group\">\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button>Second</sp-action-button>\n                    <sp-action-button>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n        expect(el.getAttribute('aria-label')).to.equal('Default Group');\n        expect(el.hasAttribute('role')).to.be.false;\n        expect(el.children[0].getAttribute('role')).to.equal('button');\n    });\n    it('applies `quiet` attribute to its children', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group quiet>\n                    <sp-action-button id=\"first\">First</sp-action-button>\n                    <sp-action-button id=\"second\">Second</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const firstButton = el.querySelector('#first') as ActionButton;\n        const secondButton = el.querySelector('#second') as ActionButton;\n\n        await elementUpdated(el);\n\n        expect(firstButton.hasAttribute('quiet')).to.be.true;\n        expect(firstButton.quiet).to.be.true;\n        expect(secondButton.hasAttribute('quiet')).to.be.true;\n        expect(secondButton.quiet).to.be.true;\n    });\n    it('applies `quiet` attribute to its slotted children', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <quiet-action-group>\n                    <sp-action-button slot=\"first\" id=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button slot=\"second\" id=\"second\">\n                        Second\n                    </sp-action-button>\n                </quiet-action-group>\n            `\n        );\n        const firstButton = el.querySelector('#first') as ActionButton;\n        const secondButton = el.querySelector('#second') as ActionButton;\n\n        await elementUpdated(el);\n\n        expect(firstButton.hasAttribute('quiet')).to.be.true;\n        expect(firstButton.quiet).to.be.true;\n        expect(secondButton.hasAttribute('quiet')).to.be.true;\n        expect(secondButton.quiet).to.be.true;\n    });\n    it('applies `emphasized` attribute to its slotted children', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <emphasized-action-group>\n                    <sp-action-button slot=\"first\" id=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button slot=\"second\" id=\"second\">\n                        Second\n                    </sp-action-button>\n                </emphasized-action-group>\n            `\n        );\n        const firstButton = el.querySelector('#first') as ActionButton;\n        const secondButton = el.querySelector('#second') as ActionButton;\n\n        await elementUpdated(el);\n\n        expect(firstButton.hasAttribute('emphasized')).to.be.true;\n        expect(firstButton.emphasized).to.be.true;\n        expect(secondButton.hasAttribute('emphasized')).to.be.true;\n        expect(secondButton.emphasized).to.be.true;\n    });\n    it('applies `quiet` attribute to slotted children with overlays', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <quiet-action-group>\n                    <overlay-trigger slot=\"first\">\n                        <sp-action-button slot=\"trigger\" id=\"first\">\n                            First\n                        </sp-action-button>\n                    </overlay-trigger>\n                    <overlay-trigger slot=\"second\">\n                        <sp-action-button slot=\"trigger\" id=\"second\">\n                            Second\n                        </sp-action-button>\n                    </overlay-trigger>\n                </quiet-action-group>\n            `\n        );\n        const firstButton = el.querySelector('#first') as ActionButton;\n        const secondButton = el.querySelector('#second') as ActionButton;\n\n        await elementUpdated(el);\n\n        expect(firstButton.hasAttribute('quiet')).to.be.true;\n        expect(firstButton.quiet).to.be.true;\n        expect(secondButton.hasAttribute('quiet')).to.be.true;\n        expect(secondButton.quiet).to.be.true;\n    });\n    it('applies `emphasized` attribute to slotted children with overlays', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <emphasized-action-group>\n                    <overlay-trigger slot=\"first\">\n                        <sp-action-button slot=\"trigger\" id=\"first\">\n                            First\n                        </sp-action-button>\n                    </overlay-trigger>\n                    <overlay-trigger slot=\"second\">\n                        <sp-action-button slot=\"trigger\" id=\"second\">\n                            Second\n                        </sp-action-button>\n                    </overlay-trigger>\n                </emphasized-action-group>\n            `\n        );\n        const firstButton = el.querySelector('#first') as ActionButton;\n        const secondButton = el.querySelector('#second') as ActionButton;\n\n        await elementUpdated(el);\n\n        expect(firstButton.hasAttribute('emphasized')).to.be.true;\n        expect(firstButton.emphasized).to.be.true;\n        expect(secondButton.hasAttribute('emphasized')).to.be.true;\n        expect(secondButton.emphasized).to.be.true;\n    });\n    it('loads [selects=\"single\"] action-group accessibly', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button>Second</sp-action-button>\n                    <sp-action-button>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n        expect(el.getAttribute('aria-label')).to.equal('Selects Single Group');\n        expect(el.getAttribute('role')).to.equal('radiogroup');\n        expect(el.children[0].getAttribute('role')).to.equal('radio');\n    });\n    it('loads [selects=\"single\"] action-group w/ selection accessibly', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button>Second</sp-action-button>\n                    <sp-action-button selected>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('loads [selects=\"multiple\"] action-group accessibly', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Multiple Group\"\n                    selects=\"multiple\"\n                >\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button>Second</sp-action-button>\n                    <sp-action-button>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n        expect(el.getAttribute('aria-label')).to.equal(\n            'Selects Multiple Group'\n        );\n        expect(el.getAttribute('role')).to.equal('group');\n        expect(el.children[0].getAttribute('role')).to.equal('checkbox');\n    });\n    it('loads [selects=\"multiple\"] action-group w/ selection accessibly', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Multiple Group\"\n                    selects=\"multiple\"\n                >\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button selected>Second</sp-action-button>\n                    <sp-action-button selected>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n    it('sets tab stop when [selects=\"single\"] and the initial button is [disabled]', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <sp-action-button disabled>First</sp-action-button>\n                    <sp-action-button class=\"second\">Second</sp-action-button>\n                    <sp-action-button>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const secondButton = el.querySelector('.second') as ActionButton;\n\n        await elementUpdated(el);\n\n        expect(secondButton.hasAttribute('tabindex'));\n        expect(secondButton.getAttribute('tabindex')).to.equal('0');\n    });\n    it('surfaces [selects=\"single\"] selection', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button>Second</sp-action-button>\n                    <sp-action-button selected>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.selected, '\"Third\" selected').to.deep.equal(['Third']);\n    });\n    it('surfaces [selects=\"multiple\"] selection', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Multiple Group\"\n                    selects=\"multiple\"\n                >\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button selected>Second</sp-action-button>\n                    <sp-action-button selected>Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.selected, '\"Second\" and \"Third\" selected').to.deep.equal([\n            'Second',\n            'Third',\n        ]);\n    });\n    it('does not select without [selects]', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"No Selects Group\">\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button selected>Second</sp-action-button>\n                    <sp-action-button class=\"third\">Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const thirdElement = el.querySelector('.third') as ActionButton;\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n\n        thirdElement.click();\n\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(1);\n    });\n    it('selects via `click` while [selects=\"single\"]', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <sp-action-button value=\"first\">First</sp-action-button>\n                    <sp-action-button value=\"second\" selected>\n                        Second\n                    </sp-action-button>\n                    <sp-action-button value=\"third\" class=\"third\">\n                        Third\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const thirdElement = el.querySelector('.third') as ActionButton;\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected.includes('second'));\n\n        thirdElement.click();\n\n        await elementUpdated(el);\n\n        expect(thirdElement.selected, 'third child selected').to.be.true;\n\n        await waitUntil(\n            () => el.selected.length === 1 && el.selected.includes('third'),\n            'Updates value of `selected`'\n        );\n    });\n    it('selects via `click` while  [selects=\"multiple\"] selection', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Multiple Group\"\n                    selects=\"multiple\"\n                >\n                    <sp-action-button selected class=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button class=\"second\">Second</sp-action-button>\n                    <sp-action-button class=\"third\">Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const firstElement = el.querySelector('.first') as ActionButton;\n        const secondElement = el.querySelector('.second') as ActionButton;\n        const thirdElement = el.querySelector('.third') as ActionButton;\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected.includes('First'));\n\n        firstElement.click();\n        secondElement.click();\n        thirdElement.click();\n\n        await elementUpdated(el);\n\n        expect(secondElement.selected, 'second child selected').to.be.true;\n        expect(thirdElement.selected, 'third child selected').to.be.true;\n\n        await waitUntil(\n            () =>\n                el.selected.length === 2 &&\n                el.selected.includes('Second') &&\n                el.selected.includes('Third'),\n            'Updates value of `selected`'\n        );\n    });\n    it('does not respond to clicks on itself', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button>Second</sp-action-button>\n                    <sp-action-button class=\"third\">Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(0);\n\n        el.click();\n\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(0);\n    });\n    it('selection can be prevented', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Single Group\"\n                    selects=\"single\"\n                    @change=${(event: Event): void => {\n                        event.preventDefault();\n                    }}\n                >\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button>Second</sp-action-button>\n                    <sp-action-button class=\"third\">Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const thirdElement = el.querySelector('.third') as ActionButton;\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(0);\n\n        thirdElement.click();\n\n        await elementUpdated(el);\n\n        expect(thirdElement.selected, 'third child not selected').to.be.false;\n        expect(el.selected.length).to.equal(0);\n    });\n\n    it('selects user-passed value while [selects=\"single\"]', async () => {\n        const el = await singleSelectedActionGroup(['first']);\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n\n        const firstButton = el.querySelector('.first') as ActionButton;\n        const secondButton = el.querySelector('.second') as ActionButton;\n        expect(firstButton.selected, 'first button selected').to.be.true;\n        expect(secondButton.selected, 'second button not selected').to.be.false;\n\n        secondButton.click();\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(1);\n        expect(firstButton.selected, 'first button not selected').to.be.false;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n    });\n\n    it('selects user-passed value while [selects=\"multiple\"]', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Multiple Group\"\n                    selects=\"multiple\"\n                    .selected=${['first', 'second']}\n                >\n                    <sp-action-button class=\"first\" value=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button class=\"second\" value=\"second\">\n                        Second\n                    </sp-action-button>\n                    <sp-action-button class=\"third \" value=\"third\">\n                        Third\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n\n        const firstButton = el.querySelector('.first') as ActionButton;\n        const secondButton = el.querySelector('.second') as ActionButton;\n        const thirdButton = el.querySelector('.third') as ActionButton;\n\n        expect(el.selected.length).to.equal(2);\n        expect(firstButton.selected, 'first button selected').to.be.true;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n        expect(thirdButton.selected, 'third button not selected').to.be.false;\n\n        thirdButton.click();\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(3);\n        expect(firstButton.selected, 'first button selected').to.be.true;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n        expect(thirdButton.selected, 'third button selected').to.be.true;\n\n        firstButton.click();\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(2);\n        expect(firstButton.selected, 'first button not selected').to.be.false;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n        expect(thirdButton.selected, 'third button selected').to.be.true;\n    });\n\n    it('selects multiple user-passed values while [selects=\"single\"], but then proceeds with radio-button style functionality', async () => {\n        const el = await singleSelectedActionGroup(['first', 'second']);\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(2);\n\n        const firstButton = el.querySelector('.first') as ActionButton;\n        const secondButton = el.querySelector('.second') as ActionButton;\n        expect(firstButton.selected, 'first button selected').to.be.true;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n\n        secondButton.click();\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(1);\n        expect(firstButton.selected, 'first button selected').to.be.false;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n    });\n\n    it('only selects user-passed buttons if present in action-group while [selects=\"multiple\"]', async () => {\n        const el = await multipleSelectedActionGroup(['second', 'fourth']);\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n        const secondButton = el.querySelector('.second') as ActionButton;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n\n        const firstButton = el.querySelector('.first') as ActionButton;\n        expect(firstButton.selected, 'first button selected').to.be.false;\n    });\n\n    it('selects user-passed values with no .selects value, but does not allow interaction afterwards', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects User-Chosen Buttons\"\n                    .selected=${['first']}\n                >\n                    <sp-action-button value=\"first\" class=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button value=\"second\" class=\"second\">\n                        Second\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n        const firstButton = el.querySelector('.first') as ActionButton;\n        const secondButton = el.querySelector('.second') as ActionButton;\n        expect(firstButton.selected, 'first button selected').to.be.true;\n        expect(secondButton.selected, 'second button selected').to.be.false;\n\n        secondButton.click();\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(1);\n        expect(firstButton.selected, 'first button selected').to.be.true;\n        expect(secondButton.selected, 'second button selected').to.be.false;\n    });\n\n    it('selects multiple buttons if .selected is passed in, but does not allow further interaction afterwards', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects User-Chosen Buttons\"\n                    .selected=${['first', 'second']}\n                >\n                    <sp-action-button class=\"first\" value=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button class=\"second\" value=\"second\">\n                        Second\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(2);\n\n        const firstButton = el.querySelector('.first') as ActionButton;\n        expect(firstButton.selected, 'first button selected').to.be.true;\n\n        const secondButton = el.querySelector('.second') as ActionButton;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n\n        firstButton.click();\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(2);\n        expect(firstButton.selected, 'first button selected').to.be.true;\n        expect(secondButton.selected, 'second button selected').to.be.true;\n    });\n\n    it('will not change .selected state if event is prevented while [selects=\"multiple\"]', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Multiple Group\"\n                    selects=\"multiple\"\n                    .selected=${['first', 'second']}\n                    @change=${(event: Event): void => {\n                        event.preventDefault();\n                    }}\n                >\n                    <sp-action-button class=\"first\" value=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button class=\"second\" value=\"second\">\n                        Second\n                    </sp-action-button>\n                    <sp-action-button class=\"third \" value=\"third\">\n                        Third\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const firstElement = el.querySelector('.first') as ActionButton;\n        const secondElement = el.querySelector('.second') as ActionButton;\n        const thirdElement = el.querySelector('.third') as ActionButton;\n\n        // checking if the first and second are selected\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(2);\n        expect(firstElement.selected, 'first child selected').to.be.true;\n        expect(secondElement.selected, 'second child selected').to.be.true;\n\n        // making sure third element isn't selected\n        thirdElement.click();\n        await elementUpdated(el);\n        expect(thirdElement.selected, 'third child not selected').to.be.false;\n        expect(el.selected.length).to.equal(2);\n\n        // making sure already-selected elements are not de-selected\n        secondElement.click();\n        await elementUpdated(el);\n\n        expect(secondElement.selected, 'second element still selected').to.be\n            .true;\n    });\n\n    it('will not change .selected state if event is prevented while [selects=\"single\"]', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Single Group\"\n                    selects=\"single\"\n                    .selected=${['first']}\n                    @change=${(event: Event): void => {\n                        event.preventDefault();\n                    }}\n                >\n                    <sp-action-button class=\"first\" value=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button class=\"second\" value=\"second\">\n                        Second\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const firstElement = el.querySelector('.first') as ActionButton;\n        const secondElement = el.querySelector('.second') as ActionButton;\n\n        // checking if the first element is selected\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n        expect(firstElement.selected, 'first child selected').to.be.true;\n\n        // making sure third element isn't selected\n        secondElement.click();\n\n        await elementUpdated(el);\n\n        expect(secondElement.selected, 'second child not selected').to.be.false;\n        expect(el.selected.length).to.equal(1);\n\n        // making sure already-selected elements are not de-selected\n        firstElement.click();\n        await elementUpdated(el);\n\n        expect(firstElement.selected, 'first element still selected').to.be\n            .true;\n    });\n\n    it('will not change .selected state if event is prevented while selects is undefined', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Single Group\"\n                    .selected=${['first']}\n                    @change=${(event: Event): void => {\n                        event.preventDefault();\n                    }}\n                >\n                    <sp-action-button class=\"first\" value=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button class=\"second\" value=\"second\">\n                        Second\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const firstElement = el.querySelector('.first') as ActionButton;\n        const secondElement = el.querySelector('.second') as ActionButton;\n\n        // checking if the first element is selected\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n        expect(firstElement.selected, 'first child selected').to.be.true;\n\n        secondElement.click();\n        await elementUpdated(el);\n\n        // state should be exactly the same\n        expect(el.selected.length).to.equal(1);\n        expect(firstElement.selected, 'first child selected').to.be.true;\n        expect(secondElement.selected, 'second child not selected').to.be.false;\n    });\n\n    it('will accept selected as a JSON string', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Single Group\"\n                    selects=\"single\"\n                    selected='[\"first\"]'\n                >\n                    <sp-action-button class=\"first\" value=\"first\">\n                        First\n                    </sp-action-button>\n                    <sp-action-button class=\"second\" value=\"second\">\n                        Second\n                    </sp-action-button>\n                </sp-action-group>\n            `\n        );\n        // checking if the first element is selected\n        await elementUpdated(el);\n        const firstElement = el.querySelector('.first') as ActionButton;\n        const secondElement = el.querySelector('.second') as ActionButton;\n\n        expect(el.selected.length).to.equal(1);\n        expect(firstElement.selected, 'first child selected').to.be.true;\n        expect(secondElement.selected, 'second child selected').to.be.false;\n    });\n\n    const acceptKeyboardInput = async (el: ActionGroup): Promise<void> => {\n        const thirdElement = el.querySelector('.third') as ActionButton;\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('Second');\n\n        thirdElement.click();\n\n        await elementUpdated(el);\n\n        expect(thirdElement.selected, 'third child selected').to.be.true;\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('Third');\n\n        el.dispatchEvent(arrowRightEvent());\n        await sendKeys({ press: 'Enter' });\n\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('First');\n\n        el.dispatchEvent(arrowLeftEvent());\n        el.dispatchEvent(arrowUpEvent());\n        await sendKeys({ press: 'Enter' });\n\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('Second');\n\n        el.dispatchEvent(endEvent());\n        await sendKeys({ press: 'Enter' });\n\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('Third');\n\n        await sendKeys({ press: 'Enter' });\n\n        el.dispatchEvent(homeEvent());\n        await sendKeys({ press: 'Enter' });\n\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('First');\n\n        el.dispatchEvent(arrowDownEvent());\n        await sendKeys({ press: 'Enter' });\n\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('Second');\n    };\n    it('accepts keybord input', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button selected>Second</sp-action-button>\n                    <sp-action-button class=\"third\">Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        await acceptKeyboardInput(el);\n    });\n    it('accepts keybord input with tooltip', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group label=\"Selects Single Group\" selects=\"single\">\n                    <overlay-trigger>\n                        <sp-action-button slot=\"trigger\">\n                            First\n                        </sp-action-button>\n                        <sp-tooltip slot=\"hover-content\">\n                            Definitely the first one.\n                        </sp-tooltip>\n                    </overlay-trigger>\n                    <overlay-trigger>\n                        <sp-action-button slot=\"trigger\" selected>\n                            Second\n                        </sp-action-button>\n                        <sp-tooltip slot=\"hover-content\">\n                            Not the first, not the last.\n                        </sp-tooltip>\n                    </overlay-trigger>\n                    <overlay-trigger>\n                        <sp-action-button slot=\"trigger\" class=\"third\">\n                            Third\n                        </sp-action-button>\n                        <sp-tooltip slot=\"hover-content\">Select me.</sp-tooltip>\n                    </overlay-trigger>\n                </sp-action-group>\n            `\n        );\n        await acceptKeyboardInput(el);\n    });\n    it('accepts keybord input when [dir=\"ltr\"]', async () => {\n        const el = await fixture<ActionGroup>(\n            html`\n                <sp-action-group\n                    label=\"Selects Single Group\"\n                    selects=\"single\"\n                    dir=\"ltr\"\n                >\n                    <sp-action-button>First</sp-action-button>\n                    <sp-action-button disabled>Second</sp-action-button>\n                    <sp-action-button class=\"third\">Third</sp-action-button>\n                </sp-action-group>\n            `\n        );\n        const thirdElement = el.querySelector('.third') as ActionButton;\n\n        await elementUpdated(el);\n        expect(el.selected.length).to.equal(0);\n\n        thirdElement.click();\n\n        await elementUpdated(el);\n\n        expect(thirdElement.selected, 'third child selected').to.be.true;\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('Third');\n\n        el.dispatchEvent(arrowRightEvent());\n        await sendKeys({ press: 'Enter' });\n\n        await elementUpdated(el);\n\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('First');\n\n        el.dispatchEvent(arrowUpEvent());\n        await sendKeys({ press: 'Enter' });\n\n        expect(el.selected.length).to.equal(1);\n        expect(el.selected[0]).to.equal('Third');\n    });\n});\n"]}

package/test/benchmark/basic-test.js

@@ -0,0 +1,18 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import '@spectrum-web-components/action-group/sp-action-group.js';
+import { html } from 'lit';
+import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
+measureFixtureCreation(html `
+    <sp-action-group open></sp-action-group>
+`);
+//# sourceMappingURL=basic-test.js.map

package/test/benchmark/basic-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-test.js","sourceRoot":"","sources":["basic-test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,0DAA0D,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,sBAAsB,CAAC,IAAI,CAAA;;CAE1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/action-group/sp-action-group.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-action-group open></sp-action-group>\n`);\n"]}