test(status-light): add dev mode warning tests in first-gen

Author: marissahuysentruyt

first-gen/packages/status-light/test/status-light.test.ts

@@ -12,6 +12,7 @@
 import '@spectrum-web-components/status-light/sp-status-light.js';
 import { StatusLight } from '@spectrum-web-components/status-light';
 import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
+import { spy } from 'sinon';
 
 describe('Status Light', () => {
     it('loads correctly', async () => {
@@ -41,4 +42,41 @@ describe('Status Light', () => {
         expect(el.hasAttribute('aria-disabled')).to.be.true;
         expect(el.getAttribute('aria-disabled')).to.equal('true');
     });
+
+    describe('dev mode warnings', () => {
+        let warningMessage: typeof window.__swc.warn;
+
+        beforeEach(() => {
+            // Create __swc if it doesn't exist
+            window.__swc = window.__swc || { warn: () => {} };
+            // Store original warn function
+            warningMessage = window.__swc.warn;
+            // Reset issued warnings to avoid dedupe interference
+            window.__swc.issuedWarnings = new Set();
+            // Enable debug guard
+            window.__swc.DEBUG = true;
+        });
+
+        afterEach(() => {
+            // Restore original warn function
+            window.__swc.warn = warningMessage;
+        });
+
+        it('warns when unsupported variant is used (brown)', async () => {
+            const warnSpy = spy();
+            window.__swc.warn = warnSpy as unknown as typeof window.__swc.warn;
+
+            const el = await fixture<StatusLight>(html`
+                <sp-status-light variant="brown"></sp-status-light>
+            `);
+
+            await elementUpdated(el);
+
+            expect(warnSpy.called).to.be.true;
+            expect(warnSpy.firstCall.args[0]).to.equal(el);
+            expect(warnSpy.firstCall.args[1]).to.equal(
+                `<${el.localName}> element expects the "variant" attribute to be one of the following:`
+            );
+        });
+    });
 });