test: fix them

sbb-design-systems · Dec 19, 2024 · d154064 · d154064
1 parent ab03e7f
commit d154064
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/src/elements/core/mixins/form-associated-radio-button-mixin.ts b/src/elements/core/mixins/form-associated-radio-button-mixin.ts
@@ -1,4 +1,4 @@
-import type { LitElement, PropertyValues } from 'lit';
+import { isServer, type LitElement, type PropertyValues } from 'lit';
 import { property } from 'lit/decorators.js';
 
 import { getNextElementIndex, interactivityChecker, isArrowKeyPressed } from '../a11y.js';
@@ -66,7 +66,7 @@ export const SbbFormAssociatedRadioButtonMixin = <T extends Constructor<LitEleme
      */
     @property({ type: Boolean })
     public set checked(value: boolean) {
-      this._checked = value;
+      this._checked = !!value;
 
       this.toggleAttribute('data-checked', this.checked);
       this.internals.ariaChecked = this.checked.toString();
@@ -227,7 +227,7 @@ export const SbbFormAssociatedRadioButtonMixin = <T extends Constructor<LitEleme
      * Add `this` to the radioButton registry
      */
     private _connectToRegistry(): void {
-      if (!this.name) {
+      if (!this.name || isServer) {
         return;
       }
 

diff --git a/src/elements/radio-button/radio-button/radio-button.spec.ts b/src/elements/radio-button/radio-button/radio-button.spec.ts
@@ -22,48 +22,48 @@ describe(`sbb-radio-button`, () => {
     });
 
     it('selects radio on click', async () => {
-      const stateChange = new EventSpy(SbbRadioButtonElement.events.stateChange);
+      const change = new EventSpy(SbbRadioButtonElement.events.change);
 
       element.click();
       await waitForLitRender(element);
 
       expect(element).to.have.attribute('data-checked');
       expect(element.checked).to.be.true;
-      await stateChange.calledOnce();
-      expect(stateChange.count).to.be.equal(1);
+      await change.calledOnce();
+      expect(change.count).to.be.equal(1);
     });
 
     it('does not deselect radio if already checked', async () => {
-      const stateChange = new EventSpy(SbbRadioButtonElement.events.stateChange);
+      const change = new EventSpy(SbbRadioButtonElement.events.change);
 
       element.click();
       await waitForLitRender(element);
       expect(element.checked).to.be.true;
-      await stateChange.calledOnce();
-      expect(stateChange.count).to.be.equal(1);
+      await change.calledOnce();
+      expect(change.count).to.be.equal(1);
 
       element.click();
       await waitForLitRender(element);
       expect(element.checked).to.be.true;
-      await stateChange.calledOnce();
-      expect(stateChange.count).to.be.equal(1);
+      await change.calledOnce();
+      expect(change.count).to.be.equal(1);
     });
 
     it('allows empty selection', async () => {
-      const stateChange = new EventSpy(SbbRadioButtonElement.events.stateChange);
+      const change = new EventSpy(SbbRadioButtonElement.events.change);
 
       element.allowEmptySelection = true;
       element.click();
       await waitForLitRender(element);
       expect(element.checked).to.be.true;
-      await stateChange.calledOnce();
-      expect(stateChange.count).to.be.equal(1);
+      await change.calledOnce();
+      expect(change.count).to.be.equal(1);
 
       element.click();
       await waitForLitRender(element);
       expect(element.checked).to.be.false;
-      await stateChange.calledTimes(2);
-      expect(stateChange.count).to.be.equal(2);
+      await change.calledTimes(2);
+      expect(change.count).to.be.equal(2);
     });
 
     it('should convert falsy to false', async () => {