fix: close button static white

adobe · Aug 18, 2023 · d324017 · d324017
1 parent cff8aa8
commit d324017
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/packages/toast/src/Toast.ts b/packages/toast/src/Toast.ts
@@ -216,7 +216,7 @@ export class Toast extends FocusVisiblePolyfillMixin(SpectrumElement) {
                 <sp-close-button
                     @click=${this.shouldClose}
                     label="Close"
-                    variant="white"
+                    static="white"
                 ></sp-close-button>
             </div>
         `;

diff --git a/packages/toast/test/toast.test.ts b/packages/toast/test/toast.test.ts
@@ -308,4 +308,19 @@ describe('Toast', () => {
         expect(el.open).to.be.true;
         expect(closeSpy.callCount).to.equal(1);
     });
+    it('sp close button renders with static="white"', async () => {
+        const el = await fixture<Toast>(
+            html`
+                <sp-toast open>Help text.</sp-toast>
+            `
+        );
+        const renderRoot = el.shadowRoot ? el.shadowRoot : el;
+        const closeButton = renderRoot.querySelector(
+            'sp-close-button'
+        ) as CloseButton;
+
+        expect(closeButton).to.exist;
+
+        expect(closeButton.getAttribute('static')).to.equal('white');
+    });
 });