fix(signal): custom class passthrough (#2122)

* fix(signal): custom class passthrough

* chore: add changeset

.changeset/hungry-taxis-behave.md

@@ -0,0 +1,5 @@
+---
+"@ebay/ebayui-core": patch
+---
+
+Fix signal custom class passthrough

src/components/ebay-signal/index.marko

@@ -8,10 +8,12 @@ static interface SignalInput extends Omit<Marko.Input<"span">, `on${string}`> {
 export interface Input extends WithNormalizedProps<SignalInput> {}
 
 $ const {
+    class: inputClass,
     status = "neutral",
     ...htmlAttributes
 } = input;
 
-<span ...processHtmlAttributes(htmlAttributes) class=`signal signal--${status}`>
+<span ...processHtmlAttributes(htmlAttributes)
+    class=[inputClass, "signal", `signal--${status}`]>
     <${input.renderBody}/>
 </span>

src/components/ebay-signal/test/mock/index.js

@@ -23,3 +23,8 @@ export const basicTimeSensitive = {
     status: "time-sensitive",
     renderBody: createRenderBody("time sensitive"),
 };
+
+export const basicWithClass = {
+    renderBody: createRenderBody("neutral"),
+    class: "custom-class",
+};

src/components/ebay-signal/test/test.server.js

@@ -50,4 +50,12 @@ describe("signal", () => {
         expect(el).has.class("signal");
         expect(el).has.class("signal--neutral");
     });
+
+    it("renders with custom class", async () => {
+        const input = mock.basicWithClass;
+        const { getByText } = await render(template, input);
+        const el = getByText(/neutral/i);
+
+        expect(el).has.class("custom-class");
+    });
 });