@spectrum-web-components/button 1.3.0-beta.2 → 1.3.0-testing.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +10 -11
- package/LICENSE +0 -201
- package/stories/button-accent-fill-pending.stories.js +0 -34
- package/stories/button-accent-fill-pending.stories.js.map +0 -7
- package/stories/button-accent-fill-sizes.stories.js +0 -32
- package/stories/button-accent-fill-sizes.stories.js.map +0 -7
- package/stories/button-accent-fill.stories.js +0 -33
- package/stories/button-accent-fill.stories.js.map +0 -7
- package/stories/button-accent-outline-pending.stories.js +0 -34
- package/stories/button-accent-outline-pending.stories.js.map +0 -7
- package/stories/button-accent-outline-sizes.stories.js +0 -32
- package/stories/button-accent-outline-sizes.stories.js.map +0 -7
- package/stories/button-accent-outline.stories.js +0 -33
- package/stories/button-accent-outline.stories.js.map +0 -7
- package/stories/button-black-fill-pending.stories.js +0 -34
- package/stories/button-black-fill-pending.stories.js.map +0 -7
- package/stories/button-black-fill-sizes.stories.js +0 -33
- package/stories/button-black-fill-sizes.stories.js.map +0 -7
- package/stories/button-black-fill.stories.js +0 -35
- package/stories/button-black-fill.stories.js.map +0 -7
- package/stories/button-black-outline-pending.stories.js +0 -34
- package/stories/button-black-outline-pending.stories.js.map +0 -7
- package/stories/button-black-outline-sizes.stories.js +0 -33
- package/stories/button-black-outline-sizes.stories.js.map +0 -7
- package/stories/button-black-outline.stories.js +0 -35
- package/stories/button-black-outline.stories.js.map +0 -7
- package/stories/button-negative-fill-pending.stories.js +0 -34
- package/stories/button-negative-fill-pending.stories.js.map +0 -7
- package/stories/button-negative-fill-sizes.stories.js +0 -32
- package/stories/button-negative-fill-sizes.stories.js.map +0 -7
- package/stories/button-negative-fill.stories.js +0 -33
- package/stories/button-negative-fill.stories.js.map +0 -7
- package/stories/button-negative-outline-pending.stories.js +0 -34
- package/stories/button-negative-outline-pending.stories.js.map +0 -7
- package/stories/button-negative-outline-sizes.stories.js +0 -32
- package/stories/button-negative-outline-sizes.stories.js.map +0 -7
- package/stories/button-negative-outline.stories.js +0 -33
- package/stories/button-negative-outline.stories.js.map +0 -7
- package/stories/button-primary-fill-pending.stories.js +0 -34
- package/stories/button-primary-fill-pending.stories.js.map +0 -7
- package/stories/button-primary-fill-sizes.stories.js +0 -32
- package/stories/button-primary-fill-sizes.stories.js.map +0 -7
- package/stories/button-primary-fill.stories.js +0 -46
- package/stories/button-primary-fill.stories.js.map +0 -7
- package/stories/button-primary-outline-pending.stories.js +0 -34
- package/stories/button-primary-outline-pending.stories.js.map +0 -7
- package/stories/button-primary-outline-sizes.stories.js +0 -32
- package/stories/button-primary-outline-sizes.stories.js.map +0 -7
- package/stories/button-primary-outline.stories.js +0 -33
- package/stories/button-primary-outline.stories.js.map +0 -7
- package/stories/button-secondary-fill-pending.stories.js +0 -34
- package/stories/button-secondary-fill-pending.stories.js.map +0 -7
- package/stories/button-secondary-fill-sizes.stories.js +0 -32
- package/stories/button-secondary-fill-sizes.stories.js.map +0 -7
- package/stories/button-secondary-fill.stories.js +0 -33
- package/stories/button-secondary-fill.stories.js.map +0 -7
- package/stories/button-secondary-outline-pending.stories.js +0 -34
- package/stories/button-secondary-outline-pending.stories.js.map +0 -7
- package/stories/button-secondary-outline-sizes.stories.js +0 -32
- package/stories/button-secondary-outline-sizes.stories.js.map +0 -7
- package/stories/button-secondary-outline.stories.js +0 -33
- package/stories/button-secondary-outline.stories.js.map +0 -7
- package/stories/button-white-fill-pending.stories.js +0 -34
- package/stories/button-white-fill-pending.stories.js.map +0 -7
- package/stories/button-white-fill-sizes.stories.js +0 -33
- package/stories/button-white-fill-sizes.stories.js.map +0 -7
- package/stories/button-white-fill.stories.js +0 -35
- package/stories/button-white-fill.stories.js.map +0 -7
- package/stories/button-white-outline-pending.stories.js +0 -34
- package/stories/button-white-outline-pending.stories.js.map +0 -7
- package/stories/button-white-outline-sizes.stories.js +0 -33
- package/stories/button-white-outline-sizes.stories.js.map +0 -7
- package/stories/button-white-outline.stories.js +0 -35
- package/stories/button-white-outline.stories.js.map +0 -7
- package/stories/index.js +0 -196
- package/stories/index.js.map +0 -7
- package/stories/template.js +0 -21
- package/stories/template.js.map +0 -7
- package/test/benchmark/test-basic.js +0 -14
- package/test/benchmark/test-basic.js.map +0 -7
- package/test/button-accent-fill-pending.test-vrt.js +0 -5
- package/test/button-accent-fill-pending.test-vrt.js.map +0 -7
- package/test/button-accent-fill-sizes.test-vrt.js +0 -5
- package/test/button-accent-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-accent-fill.test-vrt.js +0 -5
- package/test/button-accent-fill.test-vrt.js.map +0 -7
- package/test/button-accent-outline-pending.test-vrt.js +0 -5
- package/test/button-accent-outline-pending.test-vrt.js.map +0 -7
- package/test/button-accent-outline-sizes.test-vrt.js +0 -5
- package/test/button-accent-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-accent-outline.test-vrt.js +0 -5
- package/test/button-accent-outline.test-vrt.js.map +0 -7
- package/test/button-black-fill-pending.test-vrt.js +0 -5
- package/test/button-black-fill-pending.test-vrt.js.map +0 -7
- package/test/button-black-fill-sizes.test-vrt.js +0 -5
- package/test/button-black-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-black-fill.test-vrt.js +0 -5
- package/test/button-black-fill.test-vrt.js.map +0 -7
- package/test/button-black-outline-pending.test-vrt.js +0 -5
- package/test/button-black-outline-pending.test-vrt.js.map +0 -7
- package/test/button-black-outline-sizes.test-vrt.js +0 -5
- package/test/button-black-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-black-outline.test-vrt.js +0 -5
- package/test/button-black-outline.test-vrt.js.map +0 -7
- package/test/button-memory.test.js +0 -5
- package/test/button-memory.test.js.map +0 -7
- package/test/button-negative-fill-pending.test-vrt.js +0 -5
- package/test/button-negative-fill-pending.test-vrt.js.map +0 -7
- package/test/button-negative-fill-sizes.test-vrt.js +0 -5
- package/test/button-negative-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-negative-fill.test-vrt.js +0 -5
- package/test/button-negative-fill.test-vrt.js.map +0 -7
- package/test/button-negative-outline-pending.test-vrt.js +0 -5
- package/test/button-negative-outline-pending.test-vrt.js.map +0 -7
- package/test/button-negative-outline-sizes.test-vrt.js +0 -5
- package/test/button-negative-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-negative-outline.test-vrt.js +0 -5
- package/test/button-negative-outline.test-vrt.js.map +0 -7
- package/test/button-primary-fill-pending.test-vrt.js +0 -5
- package/test/button-primary-fill-pending.test-vrt.js.map +0 -7
- package/test/button-primary-fill-sizes.test-vrt.js +0 -5
- package/test/button-primary-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-primary-fill.test-vrt.js +0 -5
- package/test/button-primary-fill.test-vrt.js.map +0 -7
- package/test/button-primary-outline-pending.test-vrt.js +0 -5
- package/test/button-primary-outline-pending.test-vrt.js.map +0 -7
- package/test/button-primary-outline-sizes.test-vrt.js +0 -5
- package/test/button-primary-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-primary-outline.test-vrt.js +0 -5
- package/test/button-primary-outline.test-vrt.js.map +0 -7
- package/test/button-secondary-fill-pending.test-vrt.js +0 -5
- package/test/button-secondary-fill-pending.test-vrt.js.map +0 -7
- package/test/button-secondary-fill-sizes.test-vrt.js +0 -5
- package/test/button-secondary-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-secondary-fill.test-vrt.js +0 -5
- package/test/button-secondary-fill.test-vrt.js.map +0 -7
- package/test/button-secondary-outline-pending.test-vrt.js +0 -5
- package/test/button-secondary-outline-pending.test-vrt.js.map +0 -7
- package/test/button-secondary-outline-sizes.test-vrt.js +0 -5
- package/test/button-secondary-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-secondary-outline.test-vrt.js +0 -5
- package/test/button-secondary-outline.test-vrt.js.map +0 -7
- package/test/button-white-fill-pending.test-vrt.js +0 -5
- package/test/button-white-fill-pending.test-vrt.js.map +0 -7
- package/test/button-white-fill-sizes.test-vrt.js +0 -5
- package/test/button-white-fill-sizes.test-vrt.js.map +0 -7
- package/test/button-white-fill.test-vrt.js +0 -5
- package/test/button-white-fill.test-vrt.js.map +0 -7
- package/test/button-white-outline-pending.test-vrt.js +0 -5
- package/test/button-white-outline-pending.test-vrt.js.map +0 -7
- package/test/button-white-outline-sizes.test-vrt.js +0 -5
- package/test/button-white-outline-sizes.test-vrt.js.map +0 -7
- package/test/button-white-outline.test-vrt.js +0 -5
- package/test/button-white-outline.test-vrt.js.map +0 -7
- package/test/button.test.js +0 -659
- package/test/button.test.js.map +0 -7
- package/test/clear-button.test.js +0 -27
- package/test/clear-button.test.js.map +0 -7
- package/test/close-button.test.js +0 -27
- package/test/close-button.test.js.map +0 -7
package/test/button.test.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["button.test.ts"],
|
|
4
|
-
"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/button/sp-button.js';\nimport { Button } from '@spectrum-web-components/button';\nimport {\n elementUpdated,\n expect,\n fixture,\n html,\n nextFrame,\n waitUntil,\n} from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport {\n a11ySnapshot,\n findAccessibilityNode,\n sendKeys,\n} from '@web/test-runner-commands';\nimport { sendMouse } from '../../../test/plugins/browser.js';\nimport { spy, stub } from 'sinon';\n\ntype TestableButtonType = {\n hasLabel: boolean;\n};\n\ndescribe('Button', () => {\n testForLitDevWarnings(\n async () =>\n await fixture<Button>(html`\n <sp-button>Button</sp-button>\n `)\n );\n describe('dev mode', () => {\n let consoleWarnStub!: ReturnType<typeof stub>;\n before(() => {\n window.__swc.verbose = true;\n consoleWarnStub = stub(console, 'warn');\n });\n afterEach(() => {\n consoleWarnStub.resetHistory();\n });\n after(() => {\n window.__swc.verbose = false;\n consoleWarnStub.restore();\n });\n\n it('warns in devMode when white/black variant is provided', async () => {\n const el = await fixture<Button>(html`\n <sp-button variant=\"white\">Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(consoleWarnStub.called).to.be.true;\n\n const spyCall = consoleWarnStub.getCall(0);\n expect(\n (spyCall.args.at(0) as string).includes('deprecated'),\n 'confirm deprecated variant warning'\n ).to.be.true;\n expect(spyCall.args.at(-1), 'confirm `data` shape').to.deep.equal({\n data: {\n localName: 'sp-button',\n type: 'api',\n level: 'deprecation',\n },\n });\n });\n\n it('loads default', async () => {\n const el = await fixture<Button>(html`\n <sp-button>Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n expect(el.textContent).to.include('Button');\n await expect(el).to.be.accessible();\n\n // Applies a default variant as an stylable attribute\n expect(el.variant).to.equal('accent');\n expect(el.getAttribute('variant')).to.equal('accent');\n });\n it('loads default w/ an icon', async () => {\n const el = await fixture<Button>(html`\n <sp-button label=\"\">\n Button\n <svg slot=\"icon\"></svg>\n </sp-button>\n `);\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n expect(el.textContent).to.include('Button');\n expect(!(el as unknown as { hasIcon: boolean }).hasIcon);\n await expect(el).to.be.accessible();\n });\n it('loads default only icon', async () => {\n const el = await fixture<Button>(html`\n <sp-button label=\"Button\" icon-only>\n <svg slot=\"icon\"></svg>\n </sp-button>\n `);\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n await expect(el).to.be.accessible();\n });\n it('has a stable/predictable `updateComplete`', async () => {\n const test = await fixture<HTMLDivElement>(html`\n <div></div>\n `);\n\n let keydownTime = -1;\n let updateComplete1 = -1;\n let updateComplete2 = -1;\n\n const el = document.createElement('sp-button');\n el.autofocus = true;\n el.addEventListener('keydown', () => {\n keydownTime = performance.now();\n });\n el.updateComplete.then(() => {\n updateComplete1 = performance.now();\n });\n el.updateComplete.then(() => {\n updateComplete2 = performance.now();\n });\n test.append(el);\n // don't use elementUpdated(), as it is under test...\n await nextFrame();\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n expect(keydownTime, 'keydown happened').to.not.eq(-1);\n expect(updateComplete1, 'first update complete happened').to.not.eq(\n -1\n );\n expect(updateComplete2, 'first update complete happened').to.not.eq(\n -1\n );\n expect(updateComplete1).lte(updateComplete2);\n expect(updateComplete2).lte(keydownTime);\n });\n it('manages \"role\"', async () => {\n const el = await fixture<Button>(html`\n <sp-button>Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('button');\n\n el.setAttribute('href', '#');\n\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('link');\n\n el.removeAttribute('href');\n\n await elementUpdated(el);\n expect(el.getAttribute('role')).to.equal('button');\n });\n it('allows label to be toggled', async () => {\n const testNode = document.createTextNode('Button');\n const el = await fixture<Button>(html`\n <sp-button>\n ${testNode}\n <svg slot=\"icon\"></svg>\n </sp-button>\n `);\n\n await elementUpdated(el);\n\n const labelTestableEl = el as unknown as TestableButtonType;\n\n expect(labelTestableEl.hasLabel, 'starts with label').to.be.true;\n\n testNode.textContent = '';\n\n await elementUpdated(el);\n\n await waitUntil(\n () => !labelTestableEl.hasLabel,\n 'label is removed'\n );\n\n testNode.textContent = 'Button';\n\n await elementUpdated(el);\n\n expect(labelTestableEl.hasLabel, 'label is returned').to.be.true;\n });\n it('loads with href', async () => {\n const el = await fixture<Button>(html`\n <sp-button href=\"test_url\">With Href</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n expect(el.textContent).to.include('With Href');\n });\n it('loads with href and target', async () => {\n const el = await fixture<Button>(html`\n <sp-button href=\"test_url\" target=\"_blank\">\n With Target\n </sp-button>\n `);\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n expect(el.textContent).to.include('With Target');\n });\n it('allows link click', async () => {\n let clicked = false;\n const el = await fixture<Button>(html`\n <sp-button href=\"#top\">Button as link</sp-button>\n `);\n\n await elementUpdated(el);\n\n // prevents browser from activating link but records the proxy click\n el.shadowRoot\n ?.querySelector('.anchor')\n ?.addEventListener('click', (event: Event) => {\n event.preventDefault();\n clicked = true;\n });\n const rect = el.getBoundingClientRect();\n\n // tests mouse click events, and by extension VoiceOver CRTL+Option+Space click\n await sendMouse({\n steps: [\n {\n position: [\n rect.left + rect.width / 2,\n rect.top + rect.height / 2,\n ],\n type: 'click',\n },\n ],\n });\n await elementUpdated(el);\n expect(clicked).to.be.true;\n });\n it('accepts shift+tab interactions', async () => {\n let focusedCount = 0;\n const el = await fixture<Button>(html`\n <sp-button href=\"test_url\" target=\"_blank\">\n With Target\n </sp-button>\n `);\n\n await elementUpdated(el);\n const input = document.createElement('input');\n el.insertAdjacentElement('beforebegin', input);\n input.focus();\n expect(document.activeElement === input).to.be.true;\n\n el.addEventListener('focus', () => {\n focusedCount += 1;\n });\n expect(focusedCount).to.equal(0);\n\n await sendKeys({\n press: 'Tab',\n });\n await elementUpdated(el);\n\n expect(document.activeElement === el).to.be.true;\n expect(focusedCount).to.equal(1);\n\n await sendKeys({\n press: 'Shift+Tab',\n });\n await elementUpdated(el);\n\n expect(focusedCount).to.equal(1);\n expect(document.activeElement === input).to.be.true;\n });\n it('manages `disabled`', async () => {\n const clickSpy = spy();\n const el = await fixture<Button>(html`\n <sp-button @click=${() => clickSpy()}>Button</sp-button>\n `);\n\n await elementUpdated(el);\n el.click();\n await elementUpdated(el);\n expect(clickSpy.calledOnce).to.be.true;\n\n clickSpy.resetHistory();\n el.disabled = true;\n await elementUpdated(el);\n el.click();\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(0);\n\n clickSpy.resetHistory();\n await elementUpdated(el);\n el.dispatchEvent(new Event('click', {}));\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(0);\n\n clickSpy.resetHistory();\n el.disabled = false;\n el.click();\n await elementUpdated(el);\n expect(clickSpy.calledOnce).to.be.true;\n });\n it('`disabled` manages `tabindex`', async () => {\n const el = await fixture<Button>(html`\n <sp-button disabled>Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el.tabIndex).to.equal(-1);\n expect(el.getAttribute('tabindex')).to.equal('-1');\n\n el.disabled = false;\n await elementUpdated(el);\n\n expect(el.tabIndex).to.equal(0);\n expect(el.getAttribute('tabindex')).to.equal('0');\n\n el.disabled = true;\n await elementUpdated(el);\n\n expect(el.tabIndex).to.equal(-1);\n expect(el.getAttribute('tabindex')).to.equal('-1');\n });\n it('manages `aria-disabled`', async () => {\n const el = await fixture<Button>(html`\n <sp-button href=\"test_url\" target=\"_blank\">\n With Target\n </sp-button>\n `);\n\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-disabled'), 'initially not').to.be\n .false;\n\n el.disabled = true;\n await elementUpdated(el);\n\n expect(el.getAttribute('aria-disabled')).to.equal('true');\n\n el.disabled = false;\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-disabled'), 'finally not').to.be.false;\n });\n it('manages aria-label from disabled state', async () => {\n const el = await fixture<Button>(html`\n <sp-button\n href=\"test_url\"\n target=\"_blank\"\n label=\"clickable\"\n disabled\n pending-label=\"Pending Button\"\n >\n Click me\n </sp-button>\n `);\n\n await elementUpdated(el);\n\n expect(el.getAttribute('aria-label')).to.equal('clickable');\n\n // button set to pending while disabled and the aria-label should stay the same\n el.pending = true;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('clickable');\n\n // button set to enabled while pending is true and the aria-label should update\n el.disabled = false;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('Pending Button');\n\n // pending is removed and the aria-label should be back to the original\n el.pending = false;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('clickable');\n });\n\n it('manages aria-label from pending state', async () => {\n const el = await fixture<Button>(html`\n <sp-button\n href=\"test_url\"\n target=\"_blank\"\n label=\"clickable\"\n pending\n >\n Click me\n </sp-button>\n `);\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('Pending');\n\n // button set to disabled while pending is true and the aria-label should be original\n el.disabled = true;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('clickable');\n\n // pending is removed and the aria-label should not change as the button is disabled\n el.pending = false;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('clickable');\n\n // button is enabled and the aria-label should not change\n el.disabled = false;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('clickable');\n });\n\n it('manages aria-label set from outside', async () => {\n const el = await fixture<Button>(html`\n <sp-button\n href=\"test_url\"\n target=\"_blank\"\n aria-label=\"test\"\n pending-label=\"Pending Button\"\n >\n Click me\n </sp-button>\n `);\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('test');\n\n // button set to pending and aria-label should update\n el.pending = true;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('Pending Button');\n\n // button set to disabled while pending and aria-label should update\n el.disabled = true;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('test');\n\n // button set to enabled while pending and aria-label should update\n el.disabled = false;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('Pending Button');\n\n // pending removed and aria-label should update\n el.pending = false;\n await elementUpdated(el);\n expect(el.getAttribute('aria-label')).to.equal('test');\n });\n\n it('updates pending label accessibly', async () => {\n const el = await fixture<Button>(html`\n <sp-button href=\"test_url\" target=\"_blank\">Button</sp-button>\n `);\n\n await elementUpdated(el);\n el.pending = true;\n await elementUpdated(el);\n\n await nextFrame();\n\n type NamedNode = { name: string };\n let snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Pending'\n ),\n '`Pending` is the label text'\n ).to.not.be.null;\n\n expect(el.pending).to.be.true;\n\n // remove pending state\n el.pending = false;\n await elementUpdated(el);\n\n await nextFrame();\n\n snapshot = (await a11ySnapshot({})) as unknown as NamedNode & {\n children: NamedNode[];\n };\n\n // check label returns to previous value\n expect(\n findAccessibilityNode<NamedNode>(\n snapshot,\n (node) => node.name === 'Button'\n ),\n '`Button` is the label text'\n ).to.not.be.null;\n\n expect(el.pending).to.be.false;\n });\n\n it('manages tabIndex while disabled', async () => {\n const el = await fixture<Button>(html`\n <sp-button href=\"test_url\" target=\"_blank\">\n With Target\n </sp-button>\n `);\n\n await elementUpdated(el);\n\n expect(el.tabIndex).to.equal(0);\n\n el.disabled = true;\n await elementUpdated(el);\n\n expect(el.tabIndex).to.equal(-1);\n\n el.tabIndex = 2;\n await elementUpdated(el);\n\n expect(el.tabIndex).to.equal(-1);\n\n el.disabled = false;\n await elementUpdated(el);\n\n expect(el.tabIndex).to.equal(2);\n });\n it('swallows `click` interaction when `[disabled]`', async () => {\n const clickSpy = spy();\n const el = await fixture<Button>(html`\n <sp-button disabled @click=${() => clickSpy()}>\n Button\n </sp-button>\n `);\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(0);\n\n el.click();\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(0);\n });\n it('translates keyboard interactions to click', async () => {\n const clickSpy = spy();\n const el = await fixture<Button>(html`\n <sp-button @click=${() => clickSpy()}>Button</sp-button>\n `);\n\n await elementUpdated(el);\n\n el.dispatchEvent(\n new KeyboardEvent('keypress', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'Enter',\n key: 'Enter',\n })\n );\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(1);\n clickSpy.resetHistory();\n\n el.dispatchEvent(\n new KeyboardEvent('keypress', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'NumpadEnter',\n key: 'NumpadEnter',\n })\n );\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(1);\n clickSpy.resetHistory();\n\n el.dispatchEvent(\n new KeyboardEvent('keypress', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'Space',\n key: 'Space',\n })\n );\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(0);\n clickSpy.resetHistory();\n\n el.dispatchEvent(\n new KeyboardEvent('keydown', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'Space',\n key: 'Space',\n })\n );\n el.dispatchEvent(\n new KeyboardEvent('keyup', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'Space',\n key: 'Space',\n })\n );\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(1);\n clickSpy.resetHistory();\n\n el.dispatchEvent(\n new KeyboardEvent('keydown', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'Space',\n key: 'Space',\n })\n );\n el.dispatchEvent(\n new KeyboardEvent('keyup', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'KeyG',\n key: 'g',\n })\n );\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(0);\n\n el.dispatchEvent(\n new KeyboardEvent('keyup', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'Space',\n key: 'Space',\n })\n );\n clickSpy.resetHistory();\n\n el.dispatchEvent(\n new KeyboardEvent('keydown', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'KeyG',\n key: 'g',\n })\n );\n el.dispatchEvent(\n new KeyboardEvent('keyup', {\n bubbles: true,\n composed: true,\n cancelable: true,\n code: 'Space',\n key: 'Space',\n })\n );\n\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(0);\n });\n it('proxies clicks by \"type\"', async () => {\n const submitSpy = spy();\n const resetSpy = spy();\n const test = await fixture<HTMLFormElement>(html`\n <form\n @submit=${(event: Event): void => {\n event.preventDefault();\n submitSpy();\n }}\n @reset=${(event: Event): void => {\n event.preventDefault();\n resetSpy();\n }}\n >\n <sp-button>Button</sp-button>\n </form>\n `);\n const el = test.querySelector('sp-button') as Button;\n\n await elementUpdated(el);\n el.type = 'submit';\n\n await elementUpdated(el);\n el.click();\n\n expect(submitSpy.callCount).to.equal(1);\n expect(resetSpy.callCount).to.equal(0);\n\n el.type = 'reset';\n\n await elementUpdated(el);\n el.click();\n\n expect(submitSpy.callCount).to.equal(1);\n expect(resetSpy.callCount).to.equal(1);\n\n el.type = 'button';\n\n await elementUpdated(el);\n el.click();\n\n expect(submitSpy.callCount).to.equal(1);\n expect(resetSpy.callCount).to.equal(1);\n });\n it('proxies click by [href]', async () => {\n const clickSpy = spy();\n const el = await fixture<Button>(html`\n <sp-button href=\"test_url\">With Href</sp-button>\n `);\n\n await elementUpdated(el);\n (\n el as unknown as {\n anchorElement: HTMLAnchorElement;\n }\n ).anchorElement.addEventListener('click', (event: Event): void => {\n event.preventDefault();\n event.stopPropagation();\n clickSpy();\n });\n expect(clickSpy.callCount).to.equal(0);\n\n el.click();\n await elementUpdated(el);\n expect(clickSpy.callCount).to.equal(1);\n });\n it('manages \"active\" while focused', async () => {\n const el = await fixture<Button>(html`\n <sp-button label=\"Button\">\n <svg slot=\"icon\"></svg>\n </sp-button>\n `);\n\n await elementUpdated(el);\n el.focus();\n await elementUpdated(el);\n await sendKeys({\n down: 'Space',\n });\n await elementUpdated(el);\n expect(el.active).to.be.true;\n await sendKeys({\n up: 'Space',\n });\n await elementUpdated(el);\n expect(el.active).to.be.false;\n });\n describe('deprecated variants and attributes', () => {\n it('manages [quiet]', async () => {\n const el = await fixture<Button>(html`\n <sp-button quiet>Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el.treatment).to.equal('outline');\n\n el.quiet = false;\n\n await elementUpdated(el);\n expect(el.treatment).to.equal('fill');\n });\n it('upgrades [variant=\"cta\"] to [variant=\"accent\"]', async () => {\n const el = await fixture<Button>(html`\n <sp-button variant=\"cta\">Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el.variant).to.equal('accent');\n });\n it('manages [variant=\"overBackground\"]', async () => {\n const el = await fixture<Button>(html`\n <sp-button variant=\"overBackground\">Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el.getAttribute('variant')).to.not.equal(\n 'overBackground'\n );\n expect(el.treatment).to.equal('outline');\n expect(el.staticColor).to.equal('white');\n });\n ['white', 'black'].forEach((variant) => {\n it(`manages [variant=\"${variant}\"]`, async () => {\n const el = await fixture<Button>(html`\n <sp-button variant=\"${variant as 'white' | 'black'}\">\n Button\n </sp-button>\n `);\n\n await elementUpdated(el);\n expect(el.hasAttribute('variant')).to.not.equal(variant);\n expect(el.staticColor).to.equal(variant);\n expect(el.getAttribute('static-color')).to.equal(variant);\n });\n });\n it('forces [variant=\"accent\"]', async () => {\n const el = await fixture<Button>(html`\n <sp-button variant=\"not-supported\">Button</sp-button>\n `);\n\n await elementUpdated(el);\n expect(el.variant).to.equal('accent');\n });\n });\n });\n});\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import "@spectrum-web-components/button/sp-clear-button.js";
|
|
3
|
-
import { expect, fixture, html } from "@open-wc/testing";
|
|
4
|
-
import { testForLitDevWarnings } from "../../../test/testing-helpers";
|
|
5
|
-
describe("Clear Button", () => {
|
|
6
|
-
testForLitDevWarnings(
|
|
7
|
-
async () => await fixture(
|
|
8
|
-
html`
|
|
9
|
-
<sp-clear-button size="m" label="Clear"></sp-clear-button>
|
|
10
|
-
`
|
|
11
|
-
)
|
|
12
|
-
);
|
|
13
|
-
["s", "m", "l", "xl"].map((size) => {
|
|
14
|
-
it(`loads - ${size}`, async () => {
|
|
15
|
-
const el = await fixture(
|
|
16
|
-
html`
|
|
17
|
-
<sp-clear-button
|
|
18
|
-
size=${size}
|
|
19
|
-
label="Clear"
|
|
20
|
-
></sp-clear-button>
|
|
21
|
-
`
|
|
22
|
-
);
|
|
23
|
-
await expect(el).to.be.accessible();
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
//# sourceMappingURL=clear-button.test.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["clear-button.test.ts"],
|
|
4
|
-
"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/button/sp-clear-button.js';\nimport { ClearButton } from '@spectrum-web-components/button';\nimport { expect, fixture, html } from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers';\n\ndescribe('Clear Button', () => {\n testForLitDevWarnings(\n async () =>\n await fixture<ClearButton>(\n html`\n <sp-clear-button size=\"m\" label=\"Clear\"></sp-clear-button>\n `\n )\n );\n (\n ['s', 'm', 'l', 'xl'] as (\n | 'xxs'\n | 'xs'\n | 's'\n | 'm'\n | 'l'\n | 'xl'\n | 'xxl'\n )[]\n ).map((size) => {\n it(`loads - ${size}`, async () => {\n const el = await fixture<ClearButton>(\n html`\n <sp-clear-button\n size=${size}\n label=\"Clear\"\n ></sp-clear-button>\n `\n );\n\n await expect(el).to.be.accessible();\n });\n });\n});\n"],
|
|
5
|
-
"mappings": ";AAYA,OAAO;AAEP,SAAS,QAAQ,SAAS,YAAY;AACtC,SAAS,6BAA6B;AAEtC,SAAS,gBAAgB,MAAM;AAC3B;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AACA,EACI,CAAC,KAAK,KAAK,KAAK,IAAI,EAStB,IAAI,CAAC,SAAS;AACZ,OAAG,WAAW,IAAI,IAAI,YAAY;AAC9B,YAAM,KAAK,MAAM;AAAA,QACb;AAAA;AAAA,+BAEe,IAAI;AAAA;AAAA;AAAA;AAAA,MAIvB;AAEA,YAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,IACtC,CAAC;AAAA,EACL,CAAC;AACL,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import "@spectrum-web-components/button/sp-close-button.js";
|
|
3
|
-
import { expect, fixture, html } from "@open-wc/testing";
|
|
4
|
-
import { testForLitDevWarnings } from "../../../test/testing-helpers";
|
|
5
|
-
describe("Close Button", () => {
|
|
6
|
-
testForLitDevWarnings(
|
|
7
|
-
async () => await fixture(
|
|
8
|
-
html`
|
|
9
|
-
<sp-close-button size="m" label="Close"></sp-close-button>
|
|
10
|
-
`
|
|
11
|
-
)
|
|
12
|
-
);
|
|
13
|
-
["s", "m", "l", "xl"].map((size) => {
|
|
14
|
-
it(`loads - ${size}`, async () => {
|
|
15
|
-
const el = await fixture(
|
|
16
|
-
html`
|
|
17
|
-
<sp-close-button
|
|
18
|
-
size=${size}
|
|
19
|
-
label="Close"
|
|
20
|
-
></sp-close-button>
|
|
21
|
-
`
|
|
22
|
-
);
|
|
23
|
-
await expect(el).to.be.accessible();
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
//# sourceMappingURL=close-button.test.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["close-button.test.ts"],
|
|
4
|
-
"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/button/sp-close-button.js';\nimport { CloseButton } from '@spectrum-web-components/button';\nimport { expect, fixture, html } from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers';\n\ndescribe('Close Button', () => {\n testForLitDevWarnings(\n async () =>\n await fixture<CloseButton>(\n html`\n <sp-close-button size=\"m\" label=\"Close\"></sp-close-button>\n `\n )\n );\n (\n ['s', 'm', 'l', 'xl'] as (\n | 'xxs'\n | 'xs'\n | 's'\n | 'm'\n | 'l'\n | 'xl'\n | 'xxl'\n )[]\n ).map((size) => {\n it(`loads - ${size}`, async () => {\n const el = await fixture<CloseButton>(\n html`\n <sp-close-button\n size=${size}\n label=\"Close\"\n ></sp-close-button>\n `\n );\n\n await expect(el).to.be.accessible();\n });\n });\n});\n"],
|
|
5
|
-
"mappings": ";AAYA,OAAO;AAEP,SAAS,QAAQ,SAAS,YAAY;AACtC,SAAS,6BAA6B;AAEtC,SAAS,gBAAgB,MAAM;AAC3B;AAAA,IACI,YACI,MAAM;AAAA,MACF;AAAA;AAAA;AAAA,IAGJ;AAAA,EACR;AACA,EACI,CAAC,KAAK,KAAK,KAAK,IAAI,EAStB,IAAI,CAAC,SAAS;AACZ,OAAG,WAAW,IAAI,IAAI,YAAY;AAC9B,YAAM,KAAK,MAAM;AAAA,QACb;AAAA;AAAA,+BAEe,IAAI;AAAA;AAAA;AAAA;AAAA,MAIvB;AAEA,YAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,IACtC,CAAC;AAAA,EACL,CAAC;AACL,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|