@spectrum-web-components/toast 0.10.13 → 0.10.14-devmode.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 +23 -10
- package/sp-toast.dev.js +3 -0
- package/sp-toast.dev.js.map +7 -0
- package/sp-toast.js +3 -14
- package/sp-toast.js.map +7 -1
- package/src/Toast.dev.js +191 -0
- package/src/Toast.dev.js.map +7 -0
- package/src/Toast.js +151 -180
- package/src/Toast.js.map +7 -1
- package/src/index.dev.js +2 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +2 -13
- package/src/index.js.map +7 -1
- package/src/spectrum-toast.css.dev.js +90 -0
- package/src/spectrum-toast.css.dev.js.map +7 -0
- package/src/spectrum-toast.css.js +3 -14
- package/src/spectrum-toast.css.js.map +7 -1
- package/src/toast.css.dev.js +90 -0
- package/src/toast.css.dev.js.map +7 -0
- package/src/toast.css.js +3 -14
- package/src/toast.css.js.map +7 -1
- package/stories/toast.stories.js +52 -51
- package/stories/toast.stories.js.map +7 -1
- package/test/benchmark/test-basic.js +5 -16
- package/test/benchmark/test-basic.js.map +7 -1
- package/test/toast.test-vrt.js +4 -15
- package/test/toast.test-vrt.js.map +7 -1
- package/test/toast.test.js +157 -161
- package/test/toast.test.js.map +7 -1
package/test/toast.test.js
CHANGED
|
@@ -1,201 +1,197 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
import { spy } from 'sinon';
|
|
17
|
-
describe('Toast', () => {
|
|
18
|
-
it('loads', async () => {
|
|
19
|
-
const el = await fixture(html `
|
|
1
|
+
import "@spectrum-web-components/toast/sp-toast.js";
|
|
2
|
+
import { toastVariants } from "@spectrum-web-components/toast";
|
|
3
|
+
import {
|
|
4
|
+
elementUpdated,
|
|
5
|
+
expect,
|
|
6
|
+
fixture,
|
|
7
|
+
html,
|
|
8
|
+
nextFrame,
|
|
9
|
+
waitUntil
|
|
10
|
+
} from "@open-wc/testing";
|
|
11
|
+
import { waitForPredicate } from "../../../test/testing-helpers.js";
|
|
12
|
+
import { spy } from "sinon";
|
|
13
|
+
describe("Toast", () => {
|
|
14
|
+
it("loads", async () => {
|
|
15
|
+
const el = await fixture(html`
|
|
20
16
|
<sp-toast open>Help text.</sp-toast>
|
|
21
17
|
`);
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
await elementUpdated(el);
|
|
19
|
+
await expect(el).to.be.accessible();
|
|
20
|
+
});
|
|
21
|
+
toastVariants.map((variant) => {
|
|
22
|
+
it(`loads - [variant="${variant}"]`, async () => {
|
|
23
|
+
const el = await fixture(html`
|
|
28
24
|
<sp-toast variant=${variant} open>
|
|
29
25
|
This toast is of the \`${variant}\` variant.
|
|
30
26
|
</sp-toast>
|
|
31
27
|
`);
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
});
|
|
28
|
+
await elementUpdated(el);
|
|
29
|
+
await expect(el).to.be.accessible();
|
|
35
30
|
});
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
});
|
|
32
|
+
it("loads - timeout", async () => {
|
|
33
|
+
const el = await fixture(html`
|
|
38
34
|
<sp-toast timeout="100">Help text.</sp-toast>
|
|
39
35
|
`);
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
36
|
+
await elementUpdated(el);
|
|
37
|
+
expect(el.open).to.be.false;
|
|
38
|
+
el._timeout = 100;
|
|
39
|
+
el.open = true;
|
|
40
|
+
await elementUpdated(el);
|
|
41
|
+
await waitForPredicate(() => el.open === false);
|
|
42
|
+
expect(el.open).to.be.false;
|
|
43
|
+
});
|
|
44
|
+
it("`timeout` updates `countdownStart`", async () => {
|
|
45
|
+
const el = await fixture(html`
|
|
50
46
|
<sp-toast timeout="100">Help text.</sp-toast>
|
|
51
47
|
`);
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
48
|
+
await elementUpdated(el);
|
|
49
|
+
expect(el.open).to.be.false;
|
|
50
|
+
const testableEl = el;
|
|
51
|
+
testableEl._timeout = 100;
|
|
52
|
+
el.open = true;
|
|
53
|
+
await elementUpdated(el);
|
|
54
|
+
const firstStart = testableEl.countdownStart;
|
|
55
|
+
await nextFrame();
|
|
56
|
+
await nextFrame();
|
|
57
|
+
await nextFrame();
|
|
58
|
+
el.timeout = 400;
|
|
59
|
+
await elementUpdated(el);
|
|
60
|
+
const secondStart = testableEl.countdownStart;
|
|
61
|
+
expect(secondStart).to.not.equal(firstStart);
|
|
62
|
+
await nextFrame();
|
|
63
|
+
await nextFrame();
|
|
64
|
+
el.timeout = 0;
|
|
65
|
+
await elementUpdated(el);
|
|
66
|
+
const thirdStart = testableEl.countdownStart;
|
|
67
|
+
expect(thirdStart).to.equal(0);
|
|
68
|
+
});
|
|
69
|
+
it("stops timeout on `focusin`", async () => {
|
|
70
|
+
const el = await fixture(html`
|
|
75
71
|
<sp-toast timeout="100">Help text.</sp-toast>
|
|
76
72
|
`);
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
73
|
+
await elementUpdated(el);
|
|
74
|
+
const testableEl = el;
|
|
75
|
+
expect(el.open, "not open to start").to.be.false;
|
|
76
|
+
el.open = true;
|
|
77
|
+
await elementUpdated(el);
|
|
78
|
+
await nextFrame();
|
|
79
|
+
expect(testableEl.countdownStart, "initially not 0").to.not.equal(0);
|
|
80
|
+
testableEl._timeout = 100;
|
|
81
|
+
el.dispatchEvent(new FocusEvent("focusin"));
|
|
82
|
+
await elementUpdated(el);
|
|
83
|
+
expect(testableEl.countdownStart, "0 after focusin").to.equal(0);
|
|
84
|
+
el.dispatchEvent(new FocusEvent("focusout"));
|
|
85
|
+
await elementUpdated(el);
|
|
86
|
+
await nextFrame();
|
|
87
|
+
expect(testableEl.countdownStart, "not 0 after focusout").to.not.equal(0);
|
|
88
|
+
await waitUntil(() => el.open === false, "closes");
|
|
89
|
+
expect(el.open, "not open to end").to.be.false;
|
|
90
|
+
});
|
|
91
|
+
it("closes", async () => {
|
|
92
|
+
const el = await fixture(html`
|
|
97
93
|
<sp-toast open>Help text.</sp-toast>
|
|
98
94
|
`);
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
95
|
+
await elementUpdated(el);
|
|
96
|
+
expect(el.open).to.be.true;
|
|
97
|
+
const renderRoot = el.shadowRoot ? el.shadowRoot : el;
|
|
98
|
+
const closeButton = renderRoot.querySelector("sp-close-button");
|
|
99
|
+
closeButton.click();
|
|
100
|
+
await elementUpdated(el);
|
|
101
|
+
expect(el.open).to.be.false;
|
|
102
|
+
});
|
|
103
|
+
it("`close` can be prevented", async () => {
|
|
104
|
+
const handleClose = (event) => event.preventDefault();
|
|
105
|
+
const el = await fixture(html`
|
|
110
106
|
<sp-toast open timeout="100" @close=${handleClose}>
|
|
111
107
|
Help text.
|
|
112
108
|
</sp-toast>
|
|
113
109
|
`);
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
110
|
+
await elementUpdated(el);
|
|
111
|
+
expect(el.open).to.be.true;
|
|
112
|
+
const renderRoot = el.shadowRoot ? el.shadowRoot : el;
|
|
113
|
+
const closeButton = renderRoot.querySelector("sp-close-button");
|
|
114
|
+
closeButton.click();
|
|
115
|
+
await elementUpdated(el);
|
|
116
|
+
expect(el.open).to.be.true;
|
|
117
|
+
});
|
|
118
|
+
it("can be a controlled element", async () => {
|
|
119
|
+
const closeSpy = spy();
|
|
120
|
+
const handleClose = (event) => {
|
|
121
|
+
event.preventDefault();
|
|
122
|
+
closeSpy();
|
|
123
|
+
};
|
|
124
|
+
const el = await fixture(html`
|
|
129
125
|
<sp-toast open timeout="100" @close=${handleClose}>
|
|
130
126
|
Help text.
|
|
131
127
|
</sp-toast>
|
|
132
128
|
`);
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
129
|
+
await elementUpdated(el);
|
|
130
|
+
expect(el.open).to.be.true;
|
|
131
|
+
expect(closeSpy.callCount).to.equal(0);
|
|
132
|
+
const renderRoot = el.shadowRoot ? el.shadowRoot : el;
|
|
133
|
+
const closeButton = renderRoot.querySelector("sp-close-button");
|
|
134
|
+
closeButton.click();
|
|
135
|
+
await elementUpdated(el);
|
|
136
|
+
expect(el.open).to.be.true;
|
|
137
|
+
expect(closeSpy.callCount).to.equal(1);
|
|
138
|
+
el.open = false;
|
|
139
|
+
await elementUpdated(el);
|
|
140
|
+
expect(el.open).to.be.false;
|
|
141
|
+
expect(closeSpy.callCount).to.equal(1);
|
|
142
|
+
});
|
|
143
|
+
it("validates variants", async () => {
|
|
144
|
+
const el = await fixture(html`
|
|
149
145
|
<sp-toast variant="invalid" open>
|
|
150
146
|
This toast validates variants.
|
|
151
147
|
</sp-toast>
|
|
152
148
|
`);
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
149
|
+
await elementUpdated(el);
|
|
150
|
+
expect(el.variant).to.equal("");
|
|
151
|
+
el.variant = toastVariants[0];
|
|
152
|
+
await elementUpdated(el);
|
|
153
|
+
expect(el.variant).to.equal(toastVariants[0]);
|
|
154
|
+
el.variant = toastVariants[0];
|
|
155
|
+
await elementUpdated(el);
|
|
156
|
+
expect(el.variant).to.equal(toastVariants[0]);
|
|
157
|
+
});
|
|
158
|
+
it("maintains [variant] when disconnected/connected", async () => {
|
|
159
|
+
const el = await fixture(html`
|
|
164
160
|
<sp-toast variant="positive" open>
|
|
165
161
|
This toast maintains variants.
|
|
166
162
|
</sp-toast>
|
|
167
163
|
`);
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
164
|
+
await elementUpdated(el);
|
|
165
|
+
expect(el.variant).to.equal("positive");
|
|
166
|
+
const parent = el.parentElement;
|
|
167
|
+
el.remove();
|
|
168
|
+
expect(el.variant).to.equal("positive");
|
|
169
|
+
parent.append(el);
|
|
170
|
+
expect(el.variant).to.equal("positive");
|
|
171
|
+
});
|
|
172
|
+
it("reopens", async () => {
|
|
173
|
+
const closeSpy = spy();
|
|
174
|
+
const el = await fixture(html`
|
|
179
175
|
<sp-toast
|
|
180
176
|
variant="positive"
|
|
181
177
|
open
|
|
182
178
|
@close=${() => {
|
|
183
|
-
|
|
184
|
-
|
|
179
|
+
closeSpy();
|
|
180
|
+
}}
|
|
185
181
|
>
|
|
186
182
|
This toast maintains variants.
|
|
187
183
|
</sp-toast>
|
|
188
184
|
`);
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
185
|
+
await elementUpdated(el);
|
|
186
|
+
expect(el.open).to.be.true;
|
|
187
|
+
const closeButton = el.shadowRoot.querySelector("sp-close-button");
|
|
188
|
+
closeButton.click();
|
|
189
|
+
await elementUpdated(el);
|
|
190
|
+
expect(el.open).to.be.false;
|
|
191
|
+
el.open = true;
|
|
192
|
+
await elementUpdated(el);
|
|
193
|
+
expect(el.open).to.be.true;
|
|
194
|
+
expect(closeSpy.callCount).to.equal(1);
|
|
195
|
+
});
|
|
200
196
|
});
|
|
201
|
-
//# sourceMappingURL=toast.test.js.map
|
|
197
|
+
//# sourceMappingURL=toast.test.js.map
|
package/test/toast.test.js.map
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{"version":3,"file":"toast.test.js","sourceRoot":"","sources":["toast.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAS,aAAa,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EACH,cAAc,EACd,MAAM,EACN,OAAO,EACP,IAAI,EACJ,SAAS,EACT,SAAS,GACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAO5B,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;QACnB,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IACH,aAAa,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1B,EAAE,CAAC,qBAAqB,OAAO,IAAI,EAAE,KAAK,IAAI,EAAE;YAC5C,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;wCACoB,OAAO;iDACE,OAAO;;iBAEvC,CACJ,CAAC;YAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;YAEzB,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAE3B,EAA+B,CAAC,QAAQ,GAAG,GAAG,CAAC;QAChD,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;QACf,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAE5B,MAAM,UAAU,GAAG,EAA8B,CAAC;QAClD,UAAU,CAAC,QAAQ,GAAG,GAAG,CAAC;QAC1B,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;QACf,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,CAAC;QAE7C,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,SAAS,EAAE,CAAC;QAElB,EAAE,CAAC,OAAO,GAAG,GAAG,CAAC;QAEjB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,CAAC;QAE9C,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAE7C,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,SAAS,EAAE,CAAC;QAElB,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC;QAEf,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,CAAC;QAE7C,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,UAAU,GAAG,EAA8B,CAAC;QAClD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAEjD,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;QACf,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,SAAS,EAAE,CAAC;QAElB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAErE,UAAU,CAAC,QAAQ,GAAG,GAAG,CAAC;QAE1B,EAAE,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;QAE5C,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjE,EAAE,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;QAE7C,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAClE,CAAC,CACJ,CAAC;QAEF,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,EAAE,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACnD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;QACpB,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE3B,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CACxC,iBAAiB,CACL,CAAC;QACjB,WAAW,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAQ,EAAE,CAC7C,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;sDACsC,WAAW;;;aAGpD,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE3B,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CACxC,iBAAiB,CACL,CAAC;QACjB,WAAW,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;QACvB,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAQ,EAAE;YAC7C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC;QACF,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;sDACsC,WAAW;;;aAGpD,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEvC,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CACxC,iBAAiB,CACL,CAAC;QACjB,WAAW,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEvC,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC;QAChB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAC5B,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;;;aAIH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAEhC,EAAE,CAAC,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAE9B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAE9C,EAAE,CAAC,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAE9B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;;;aAIH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,EAAE,CAAC,aAA4B,CAAC;QAE/C,EAAE,CAAC,MAAM,EAAE,CAAC;QAEZ,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAExC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAElB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACrB,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;QACvB,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;;;6BAIa,GAAG,EAAE;YACV,QAAQ,EAAE,CAAC;QACf,CAAC;;;;aAIR,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE3B,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAC3C,iBAAiB,CACL,CAAC;QACjB,WAAW,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAE5B,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;QAEf,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;AACP,CAAC,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 '../sp-toast.js';\nimport { Toast, toastVariants } from '../';\nimport {\n elementUpdated,\n expect,\n fixture,\n html,\n nextFrame,\n waitUntil,\n} from '@open-wc/testing';\nimport { CloseButton } from '@spectrum-web-components/button';\nimport { waitForPredicate } from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\n\ninterface TestableToast {\n _timeout: number;\n countdownStart: number;\n}\n\ndescribe('Toast', () => {\n it('loads', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast open>Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n toastVariants.map((variant) => {\n it(`loads - [variant=\"${variant}\"]`, async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast variant=${variant} open>\n This toast is of the \\`${variant}\\` variant.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n });\n it('loads - timeout', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast timeout=\"100\">Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n\n (el as unknown as TestableToast)._timeout = 100;\n el.open = true;\n await elementUpdated(el);\n\n await waitForPredicate(() => el.open === false);\n expect(el.open).to.be.false;\n });\n it('`timeout` updates `countdownStart`', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast timeout=\"100\">Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n\n const testableEl = el as unknown as TestableToast;\n testableEl._timeout = 100;\n el.open = true;\n await elementUpdated(el);\n\n const firstStart = testableEl.countdownStart;\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n el.timeout = 400;\n\n await elementUpdated(el);\n const secondStart = testableEl.countdownStart;\n\n expect(secondStart).to.not.equal(firstStart);\n\n await nextFrame();\n await nextFrame();\n\n el.timeout = 0;\n\n await elementUpdated(el);\n const thirdStart = testableEl.countdownStart;\n\n expect(thirdStart).to.equal(0);\n });\n it('stops timeout on `focusin`', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast timeout=\"100\">Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n\n const testableEl = el as unknown as TestableToast;\n expect(el.open, 'not open to start').to.be.false;\n\n el.open = true;\n await elementUpdated(el);\n await nextFrame();\n\n expect(testableEl.countdownStart, 'initially not 0').to.not.equal(0);\n\n testableEl._timeout = 100;\n\n el.dispatchEvent(new FocusEvent('focusin'));\n\n await elementUpdated(el);\n expect(testableEl.countdownStart, '0 after focusin').to.equal(0);\n el.dispatchEvent(new FocusEvent('focusout'));\n\n await elementUpdated(el);\n await nextFrame();\n expect(testableEl.countdownStart, 'not 0 after focusout').to.not.equal(\n 0\n );\n\n await waitUntil(() => el.open === false, 'closes');\n expect(el.open, 'not open to end').to.be.false;\n });\n it('closes', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast open>Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const renderRoot = el.shadowRoot ? el.shadowRoot : el;\n const closeButton = renderRoot.querySelector(\n 'sp-close-button'\n ) as CloseButton;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n });\n it('`close` can be prevented', async () => {\n const handleClose = (event: CustomEvent): void =>\n event.preventDefault();\n const el = await fixture<Toast>(\n html`\n <sp-toast open timeout=\"100\" @close=${handleClose}>\n Help text.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const renderRoot = el.shadowRoot ? el.shadowRoot : el;\n const closeButton = renderRoot.querySelector(\n 'sp-close-button'\n ) as CloseButton;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n });\n it('can be a controlled element', async () => {\n const closeSpy = spy();\n const handleClose = (event: CustomEvent): void => {\n event.preventDefault();\n closeSpy();\n };\n const el = await fixture<Toast>(\n html`\n <sp-toast open timeout=\"100\" @close=${handleClose}>\n Help text.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n expect(closeSpy.callCount).to.equal(0);\n\n const renderRoot = el.shadowRoot ? el.shadowRoot : el;\n const closeButton = renderRoot.querySelector(\n 'sp-close-button'\n ) as CloseButton;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n expect(closeSpy.callCount).to.equal(1);\n\n el.open = false;\n await elementUpdated(el);\n expect(el.open).to.be.false;\n expect(closeSpy.callCount).to.equal(1);\n });\n it('validates variants', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast variant=\"invalid\" open>\n This toast validates variants.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.variant).to.equal('');\n\n el.variant = toastVariants[0];\n\n await elementUpdated(el);\n expect(el.variant).to.equal(toastVariants[0]);\n\n el.variant = toastVariants[0];\n\n await elementUpdated(el);\n expect(el.variant).to.equal(toastVariants[0]);\n });\n it('maintains [variant] when disconnected/connected', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast variant=\"positive\" open>\n This toast maintains variants.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.variant).to.equal('positive');\n const parent = el.parentElement as HTMLElement;\n\n el.remove();\n\n expect(el.variant).to.equal('positive');\n\n parent.append(el);\n\n expect(el.variant).to.equal('positive');\n });\n it('reopens', async () => {\n const closeSpy = spy();\n const el = await fixture<Toast>(\n html`\n <sp-toast\n variant=\"positive\"\n open\n @close=${() => {\n closeSpy();\n }}\n >\n This toast maintains variants.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const closeButton = el.shadowRoot.querySelector(\n 'sp-close-button'\n ) as HTMLElement;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n\n el.open = true;\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n expect(closeSpy.callCount).to.equal(1);\n });\n});\n"]}
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["toast.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/toast/sp-toast.js';\nimport { Toast, toastVariants } from '@spectrum-web-components/toast';\nimport {\n elementUpdated,\n expect,\n fixture,\n html,\n nextFrame,\n waitUntil,\n} from '@open-wc/testing';\nimport { CloseButton } from '@spectrum-web-components/button';\nimport { waitForPredicate } from '../../../test/testing-helpers.js';\nimport { spy } from 'sinon';\n\ninterface TestableToast {\n _timeout: number;\n countdownStart: number;\n}\n\ndescribe('Toast', () => {\n it('loads', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast open>Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n toastVariants.map((variant) => {\n it(`loads - [variant=\"${variant}\"]`, async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast variant=${variant} open>\n This toast is of the \\`${variant}\\` variant.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n });\n it('loads - timeout', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast timeout=\"100\">Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n\n (el as unknown as TestableToast)._timeout = 100;\n el.open = true;\n await elementUpdated(el);\n\n await waitForPredicate(() => el.open === false);\n expect(el.open).to.be.false;\n });\n it('`timeout` updates `countdownStart`', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast timeout=\"100\">Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n\n const testableEl = el as unknown as TestableToast;\n testableEl._timeout = 100;\n el.open = true;\n await elementUpdated(el);\n\n const firstStart = testableEl.countdownStart;\n\n await nextFrame();\n await nextFrame();\n await nextFrame();\n\n el.timeout = 400;\n\n await elementUpdated(el);\n const secondStart = testableEl.countdownStart;\n\n expect(secondStart).to.not.equal(firstStart);\n\n await nextFrame();\n await nextFrame();\n\n el.timeout = 0;\n\n await elementUpdated(el);\n const thirdStart = testableEl.countdownStart;\n\n expect(thirdStart).to.equal(0);\n });\n it('stops timeout on `focusin`', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast timeout=\"100\">Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n\n const testableEl = el as unknown as TestableToast;\n expect(el.open, 'not open to start').to.be.false;\n\n el.open = true;\n await elementUpdated(el);\n await nextFrame();\n\n expect(testableEl.countdownStart, 'initially not 0').to.not.equal(0);\n\n testableEl._timeout = 100;\n\n el.dispatchEvent(new FocusEvent('focusin'));\n\n await elementUpdated(el);\n expect(testableEl.countdownStart, '0 after focusin').to.equal(0);\n el.dispatchEvent(new FocusEvent('focusout'));\n\n await elementUpdated(el);\n await nextFrame();\n expect(testableEl.countdownStart, 'not 0 after focusout').to.not.equal(\n 0\n );\n\n await waitUntil(() => el.open === false, 'closes');\n expect(el.open, 'not open to end').to.be.false;\n });\n it('closes', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast open>Help text.</sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const renderRoot = el.shadowRoot ? el.shadowRoot : el;\n const closeButton = renderRoot.querySelector(\n 'sp-close-button'\n ) as CloseButton;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n });\n it('`close` can be prevented', async () => {\n const handleClose = (event: CustomEvent): void =>\n event.preventDefault();\n const el = await fixture<Toast>(\n html`\n <sp-toast open timeout=\"100\" @close=${handleClose}>\n Help text.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const renderRoot = el.shadowRoot ? el.shadowRoot : el;\n const closeButton = renderRoot.querySelector(\n 'sp-close-button'\n ) as CloseButton;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n });\n it('can be a controlled element', async () => {\n const closeSpy = spy();\n const handleClose = (event: CustomEvent): void => {\n event.preventDefault();\n closeSpy();\n };\n const el = await fixture<Toast>(\n html`\n <sp-toast open timeout=\"100\" @close=${handleClose}>\n Help text.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n expect(closeSpy.callCount).to.equal(0);\n\n const renderRoot = el.shadowRoot ? el.shadowRoot : el;\n const closeButton = renderRoot.querySelector(\n 'sp-close-button'\n ) as CloseButton;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n expect(closeSpy.callCount).to.equal(1);\n\n el.open = false;\n await elementUpdated(el);\n expect(el.open).to.be.false;\n expect(closeSpy.callCount).to.equal(1);\n });\n it('validates variants', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast variant=\"invalid\" open>\n This toast validates variants.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.variant).to.equal('');\n\n el.variant = toastVariants[0];\n\n await elementUpdated(el);\n expect(el.variant).to.equal(toastVariants[0]);\n\n el.variant = toastVariants[0];\n\n await elementUpdated(el);\n expect(el.variant).to.equal(toastVariants[0]);\n });\n it('maintains [variant] when disconnected/connected', async () => {\n const el = await fixture<Toast>(\n html`\n <sp-toast variant=\"positive\" open>\n This toast maintains variants.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.variant).to.equal('positive');\n const parent = el.parentElement as HTMLElement;\n\n el.remove();\n\n expect(el.variant).to.equal('positive');\n\n parent.append(el);\n\n expect(el.variant).to.equal('positive');\n });\n it('reopens', async () => {\n const closeSpy = spy();\n const el = await fixture<Toast>(\n html`\n <sp-toast\n variant=\"positive\"\n open\n @close=${() => {\n closeSpy();\n }}\n >\n This toast maintains variants.\n </sp-toast>\n `\n );\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n\n const closeButton = el.shadowRoot.querySelector(\n 'sp-close-button'\n ) as HTMLElement;\n closeButton.click();\n\n await elementUpdated(el);\n expect(el.open).to.be.false;\n\n el.open = true;\n\n await elementUpdated(el);\n expect(el.open).to.be.true;\n expect(closeSpy.callCount).to.equal(1);\n });\n});\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|