@spectrum-web-components/icon 0.11.10 → 0.11.12-devmode.7
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 +36 -9
- package/sp-icon.dev.js +3 -0
- package/sp-icon.dev.js.map +7 -0
- package/sp-icon.js +3 -14
- package/sp-icon.js.map +7 -1
- package/src/Icon.dev.js +103 -0
- package/src/Icon.dev.js.map +7 -0
- package/src/Icon.js +92 -98
- package/src/Icon.js.map +7 -1
- package/src/IconBase.dev.js +34 -0
- package/src/IconBase.dev.js.map +7 -0
- package/src/IconBase.js +30 -28
- package/src/IconBase.js.map +7 -1
- package/src/icon.css.dev.js +30 -0
- package/src/icon.css.dev.js.map +7 -0
- package/src/icon.css.js +3 -14
- package/src/icon.css.js.map +7 -1
- package/src/index.dev.js +3 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +3 -14
- package/src/index.js.map +7 -1
- package/src/spectrum-icon-arrow.css.dev.js +20 -0
- package/src/spectrum-icon-arrow.css.dev.js.map +7 -0
- package/src/spectrum-icon-arrow.css.js +3 -14
- package/src/spectrum-icon-arrow.css.js.map +7 -1
- package/src/spectrum-icon-asterisk.css.dev.js +16 -0
- package/src/spectrum-icon-asterisk.css.dev.js.map +7 -0
- package/src/spectrum-icon-asterisk.css.js +3 -14
- package/src/spectrum-icon-asterisk.css.js.map +7 -1
- package/src/spectrum-icon-checkmark.css.dev.js +22 -0
- package/src/spectrum-icon-checkmark.css.dev.js.map +7 -0
- package/src/spectrum-icon-checkmark.css.js +3 -14
- package/src/spectrum-icon-checkmark.css.js.map +7 -1
- package/src/spectrum-icon-chevron.css.dev.js +18 -0
- package/src/spectrum-icon-chevron.css.dev.js.map +7 -0
- package/src/spectrum-icon-chevron.css.js +3 -14
- package/src/spectrum-icon-chevron.css.js.map +7 -1
- package/src/spectrum-icon-corner-triangle.css.dev.js +18 -0
- package/src/spectrum-icon-corner-triangle.css.dev.js.map +7 -0
- package/src/spectrum-icon-corner-triangle.css.js +3 -14
- package/src/spectrum-icon-corner-triangle.css.js.map +7 -1
- package/src/spectrum-icon-cross.css.dev.js +20 -0
- package/src/spectrum-icon-cross.css.dev.js.map +7 -0
- package/src/spectrum-icon-cross.css.js +3 -14
- package/src/spectrum-icon-cross.css.js.map +7 -1
- package/src/spectrum-icon-dash.css.dev.js +22 -0
- package/src/spectrum-icon-dash.css.dev.js.map +7 -0
- package/src/spectrum-icon-dash.css.js +3 -14
- package/src/spectrum-icon-dash.css.js.map +7 -1
- package/src/spectrum-icon-double-gripper.css.dev.js +10 -0
- package/src/spectrum-icon-double-gripper.css.dev.js.map +7 -0
- package/src/spectrum-icon-double-gripper.css.js +3 -14
- package/src/spectrum-icon-double-gripper.css.js.map +7 -1
- package/src/spectrum-icon-single-gripper.css.dev.js +10 -0
- package/src/spectrum-icon-single-gripper.css.dev.js.map +7 -0
- package/src/spectrum-icon-single-gripper.css.js +3 -14
- package/src/spectrum-icon-single-gripper.css.js.map +7 -1
- package/src/spectrum-icon-triple-gripper.css.dev.js +8 -0
- package/src/spectrum-icon-triple-gripper.css.dev.js.map +7 -0
- package/src/spectrum-icon-triple-gripper.css.js +3 -14
- package/src/spectrum-icon-triple-gripper.css.js.map +7 -1
- package/src/spectrum-icon.css.dev.js +22 -0
- package/src/spectrum-icon.css.dev.js.map +7 -0
- package/src/spectrum-icon.css.js +3 -14
- package/src/spectrum-icon.css.js.map +7 -1
- package/stories/icon.stories.js +19 -34
- package/stories/icon.stories.js.map +7 -1
- package/stories/images.js +2 -13
- package/stories/images.js.map +7 -1
- package/test/benchmark/test-basic.js +9 -20
- package/test/benchmark/test-basic.js.map +7 -1
- package/test/icon.test-vrt.js +4 -15
- package/test/icon.test-vrt.js.map +7 -1
- package/test/icon.test.js +70 -87
- package/test/icon.test.js.map +7 -1
package/test/icon.test.js
CHANGED
@@ -1,103 +1,86 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
import '../sp-icon.js';
|
13
|
-
import '@spectrum-web-components/icons/sp-icons-medium.js';
|
14
|
-
import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
|
15
|
-
describe('Icon', () => {
|
16
|
-
before(async () => {
|
17
|
-
const icons = document.createElement('sp-icons-medium');
|
18
|
-
document.body.append(icons);
|
19
|
-
await elementUpdated(icons);
|
20
|
-
});
|
21
|
-
it('loads', async () => {
|
22
|
-
const el = await fixture(html `
|
1
|
+
import "@spectrum-web-components/icon/sp-icon.js";
|
2
|
+
import "@spectrum-web-components/icons/sp-icons-medium.js";
|
3
|
+
import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
|
4
|
+
describe("Icon", () => {
|
5
|
+
before(async () => {
|
6
|
+
const icons = document.createElement("sp-icons-medium");
|
7
|
+
document.body.append(icons);
|
8
|
+
await elementUpdated(icons);
|
9
|
+
});
|
10
|
+
it("loads", async () => {
|
11
|
+
const el = await fixture(html`
|
23
12
|
<sp-icon name="ui:Chevron200"></sp-icon>
|
24
13
|
`);
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
it('loads w/ src', async () => {
|
36
|
-
const el = await fixture(html `
|
14
|
+
await elementUpdated(el);
|
15
|
+
expect(el).to.not.be.undefined;
|
16
|
+
const container = el.shadowRoot ? el.shadowRoot.querySelector("#container") : el.querySelector("#container");
|
17
|
+
expect(container).to.exist;
|
18
|
+
const icon = container.querySelector("svg");
|
19
|
+
expect(icon).to.exist;
|
20
|
+
expect(icon.getAttribute("aria-hidden")).to.equal("true");
|
21
|
+
});
|
22
|
+
it("loads w/ src", async () => {
|
23
|
+
const el = await fixture(html`
|
37
24
|
<sp-icon
|
38
25
|
label="Image Icon"
|
39
26
|
src="data:image/png;base64,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"
|
40
27
|
></sp-icon>
|
41
28
|
`);
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
29
|
+
await elementUpdated(el);
|
30
|
+
await expect(el).to.be.accessible();
|
31
|
+
});
|
32
|
+
it("loads w/ label", async () => {
|
33
|
+
const label = "Chevron";
|
34
|
+
const el = await fixture(html`
|
48
35
|
<sp-icon name="ui:Chevron200" label=${label}></sp-icon>
|
49
36
|
`);
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
it('does not error when name is missing', async () => {
|
62
|
-
const el = await fixture(html `
|
37
|
+
await elementUpdated(el);
|
38
|
+
expect(el).to.not.be.undefined;
|
39
|
+
const container = el.shadowRoot ? el.shadowRoot.querySelector("#container") : el.querySelector("#container");
|
40
|
+
expect(container).to.exist;
|
41
|
+
const icon = container.querySelector("svg");
|
42
|
+
expect(icon).to.exist;
|
43
|
+
expect(icon.hasAttribute("aria-hidden")).to.be.false;
|
44
|
+
expect(icon.getAttribute("aria-label")).to.equal(label);
|
45
|
+
});
|
46
|
+
it("does not error when name is missing", async () => {
|
47
|
+
const el = await fixture(html`
|
63
48
|
<sp-icon></sp-icon>
|
64
49
|
`);
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
50
|
+
return elementUpdated(el);
|
51
|
+
});
|
52
|
+
it("does not error with unknown set", async () => {
|
53
|
+
const el = await fixture(html`
|
69
54
|
<sp-icon name="unknown-icon"></sp-icon>
|
70
55
|
`);
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
const el = await fixture(html `
|
56
|
+
return elementUpdated(el);
|
57
|
+
});
|
58
|
+
it("does error with unknown icon", async () => {
|
59
|
+
const el = document.createElement("sp-icon");
|
60
|
+
el.name = "ui:unknown-icon";
|
61
|
+
try {
|
62
|
+
document.body.appendChild(el);
|
63
|
+
await elementUpdated(el);
|
64
|
+
expect("failed").to.not.equal("failed");
|
65
|
+
} catch (error) {
|
66
|
+
expect(() => {
|
67
|
+
throw error;
|
68
|
+
}).to.throw();
|
69
|
+
}
|
70
|
+
el.remove();
|
71
|
+
});
|
72
|
+
it("does not add multiple SVGs when removed and re-added to DOM", async () => {
|
73
|
+
const el = await fixture(html`
|
90
74
|
<sp-icon name="ui:Chevron200"></sp-icon>
|
91
75
|
`);
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
});
|
76
|
+
await elementUpdated(el);
|
77
|
+
expect(el).to.not.be.undefined;
|
78
|
+
const parent = el.parentNode;
|
79
|
+
parent.removeChild(el);
|
80
|
+
parent.appendChild(el);
|
81
|
+
await el.updateComplete;
|
82
|
+
const count = el.shadowRoot.querySelectorAll("svg").length;
|
83
|
+
expect(count).to.equal(1);
|
84
|
+
});
|
102
85
|
});
|
103
|
-
//# sourceMappingURL=icon.test.js.map
|
86
|
+
//# sourceMappingURL=icon.test.js.map
|
package/test/icon.test.js.map
CHANGED
@@ -1 +1,7 @@
|
|
1
|
-
{"version":3,"file":"icon.test.js","sourceRoot":"","sources":["icon.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 '../sp-icon.js';\nimport { Icon } from '../';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\ndescribe('Icon', () => {\n before(async () => {\n const icons = document.createElement('sp-icons-medium');\n document.body.append(icons);\n\n await elementUpdated(icons);\n });\n\n it('loads', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.getAttribute('aria-hidden')).to.equal('true');\n });\n\n it('loads w/ src', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon\n label=\"Image Icon\"\n src=\"data:image/png;base64,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\"\n ></sp-icon>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('loads w/ label', async () => {\n const label = 'Chevron';\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\" label=${label}></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.hasAttribute('aria-hidden')).to.be.false;\n expect(icon.getAttribute('aria-label')).to.equal(label);\n });\n\n it('does not error when name is missing', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon></sp-icon>\n `\n );\n\n return elementUpdated(el);\n });\n\n it('does not error with unknown set', async () => {\n const el = await fixture<Icon>(html`\n <sp-icon name=\"unknown-icon\"></sp-icon>\n `);\n\n return elementUpdated(el);\n });\n\n it('does error with unknown icon', async () => {\n const el = document.createElement('sp-icon');\n el.name = 'ui:unknown-icon';\n try {\n document.body.appendChild(el);\n await elementUpdated(el);\n expect('failed').to.not.equal('failed');\n } catch (error) {\n expect(() => {\n throw error;\n }).to.throw();\n }\n el.remove();\n });\n\n it('does not add multiple SVGs when removed and re-added to DOM', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n\n const parent = el.parentNode as HTMLElement;\n parent.removeChild(el);\n parent.appendChild(el);\n\n // wait for updates\n await el.updateComplete;\n\n const count = el.shadowRoot.querySelectorAll('svg').length;\n expect(count).to.equal(1);\n });\n});\n"]}
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["icon.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/icon/sp-icon.js';\nimport { Icon } from '@spectrum-web-components/icon';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\ndescribe('Icon', () => {\n before(async () => {\n const icons = document.createElement('sp-icons-medium');\n document.body.append(icons);\n\n await elementUpdated(icons);\n });\n\n it('loads', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.getAttribute('aria-hidden')).to.equal('true');\n });\n\n it('loads w/ src', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon\n label=\"Image Icon\"\n src=\"data:image/png;base64,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\"\n ></sp-icon>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('loads w/ label', async () => {\n const label = 'Chevron';\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\" label=${label}></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.hasAttribute('aria-hidden')).to.be.false;\n expect(icon.getAttribute('aria-label')).to.equal(label);\n });\n\n it('does not error when name is missing', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon></sp-icon>\n `\n );\n\n return elementUpdated(el);\n });\n\n it('does not error with unknown set', async () => {\n const el = await fixture<Icon>(html`\n <sp-icon name=\"unknown-icon\"></sp-icon>\n `);\n\n return elementUpdated(el);\n });\n\n it('does error with unknown icon', async () => {\n const el = document.createElement('sp-icon');\n el.name = 'ui:unknown-icon';\n try {\n document.body.appendChild(el);\n await elementUpdated(el);\n expect('failed').to.not.equal('failed');\n } catch (error) {\n expect(() => {\n throw error;\n }).to.throw();\n }\n el.remove();\n });\n\n it('does not add multiple SVGs when removed and re-added to DOM', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n\n const parent = el.parentNode as HTMLElement;\n parent.removeChild(el);\n parent.appendChild(el);\n\n // wait for updates\n await el.updateComplete;\n\n const count = el.shadowRoot.querySelectorAll('svg').length;\n expect(count).to.equal(1);\n });\n});\n"],
|
5
|
+
"mappings": "AAYA;AAEA;AACA;AAEA,SAAS,QAAQ,MAAM;AACnB,SAAO,YAAY;AACf,UAAM,QAAQ,SAAS,cAAc,iBAAiB;AACtD,aAAS,KAAK,OAAO,KAAK;AAE1B,UAAM,eAAe,KAAK;AAAA,EAC9B,CAAC;AAED,KAAG,SAAS,YAAY;AACpB,UAAM,KAAK,MAAM,QACb;AAAA;AAAA,aAGJ;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AACrB,UAAM,YAAY,GAAG,aACd,GAAG,WAAW,cAAc,YAAY,IACxC,GAAG,cAAc,YAAY;AACpC,WAAO,SAAS,EAAE,GAAG;AACrB,UAAM,OAAO,UAAU,cAAc,KAAK;AAC1C,WAAO,IAAI,EAAE,GAAG;AAChB,WAAO,KAAK,aAAa,aAAa,CAAC,EAAE,GAAG,MAAM,MAAM;AAAA,EAC5D,CAAC;AAED,KAAG,gBAAgB,YAAY;AAC3B,UAAM,KAAK,MAAM,QACb;AAAA;AAAA;AAAA;AAAA;AAAA,aAMJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,kBAAkB,YAAY;AAC7B,UAAM,QAAQ;AACd,UAAM,KAAK,MAAM,QACb;AAAA,sDAC0C;AAAA,aAE9C;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AACrB,UAAM,YAAY,GAAG,aACd,GAAG,WAAW,cAAc,YAAY,IACxC,GAAG,cAAc,YAAY;AACpC,WAAO,SAAS,EAAE,GAAG;AACrB,UAAM,OAAO,UAAU,cAAc,KAAK;AAC1C,WAAO,IAAI,EAAE,GAAG;AAChB,WAAO,KAAK,aAAa,aAAa,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,KAAK,aAAa,YAAY,CAAC,EAAE,GAAG,MAAM,KAAK;AAAA,EAC1D,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM,QACb;AAAA;AAAA,aAGJ;AAEA,WAAO,eAAe,EAAE;AAAA,EAC5B,CAAC;AAED,KAAG,mCAAmC,YAAY;AAC9C,UAAM,KAAK,MAAM,QAAc;AAAA;AAAA,SAE9B;AAED,WAAO,eAAe,EAAE;AAAA,EAC5B,CAAC;AAED,KAAG,gCAAgC,YAAY;AAC3C,UAAM,KAAK,SAAS,cAAc,SAAS;AAC3C,OAAG,OAAO;AACV,QAAI;AACA,eAAS,KAAK,YAAY,EAAE;AAC5B,YAAM,eAAe,EAAE;AACvB,aAAO,QAAQ,EAAE,GAAG,IAAI,MAAM,QAAQ;AAAA,IAC1C,SAAS,OAAP;AACE,aAAO,MAAM;AACT,cAAM;AAAA,MACV,CAAC,EAAE,GAAG,MAAM;AAAA,IAChB;AACA,OAAG,OAAO;AAAA,EACd,CAAC;AAED,KAAG,+DAA+D,YAAY;AAC1E,UAAM,KAAK,MAAM,QACb;AAAA;AAAA,aAGJ;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AAErB,UAAM,SAAS,GAAG;AAClB,WAAO,YAAY,EAAE;AACrB,WAAO,YAAY,EAAE;AAGrB,UAAM,GAAG;AAET,UAAM,QAAQ,GAAG,WAAW,iBAAiB,KAAK,EAAE;AACpD,WAAO,KAAK,EAAE,GAAG,MAAM,CAAC;AAAA,EAC5B,CAAC;AACL,CAAC;",
|
6
|
+
"names": []
|
7
|
+
}
|