test: add tests

sbb-design-systems · Aug 27, 2024 · c1f9e48 · c1f9e48
1 parent 2779e26
commit c1f9e48
Showing 1 changed file with 92 additions and 0 deletions.
diff --git a/src/elements/selection-expansion-panel/selection-expansion-panel.spec.ts b/src/elements/selection-expansion-panel/selection-expansion-panel.spec.ts
@@ -693,4 +693,96 @@ describe(`sbb-selection-expansion-panel`, () => {
       expect(checkboxes[5]).not.to.have.attribute('disabled');
     });
   });
+
+  describe.only('size s', () => {
+    it('checkbox group', async () => {
+      const root = await fixture(html`
+        <sbb-checkbox-group size="s">
+          <sbb-selection-expansion-panel id="one">
+            <sbb-checkbox-panel> Value 1 </sbb-checkbox-panel>
+            <div slot="content">Inner content</div>
+          </sbb-selection-expansion-panel>
+          <sbb-selection-expansion-panel id="two">
+            <sbb-checkbox-panel> Value 2 </sbb-checkbox-panel>
+            <div slot="content">Inner content</div>
+          </sbb-selection-expansion-panel>
+        </sbb-checkbox-group>
+      `);
+      await waitForLitRender(root);
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#one')!.getAttribute('data-size'),
+      ).to.be.equal('s');
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#two')!.getAttribute('data-size'),
+      ).to.be.equal('s');
+      root.setAttribute('size', 'm');
+      await waitForLitRender(root);
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#one')!.getAttribute('data-size'),
+      ).to.be.equal('m');
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#two')!.getAttribute('data-size'),
+      ).to.be.equal('m');
+    });
+
+    it('checkbox panel', async () => {
+      const root = await fixture(html`
+        <sbb-selection-expansion-panel>
+          <sbb-checkbox-panel size="s"> Value </sbb-checkbox-panel>
+          <div slot="content">Inner content</div>
+        </sbb-selection-expansion-panel>
+      `);
+      await waitForLitRender(root);
+      expect(root.getAttribute('data-size')).to.be.equal('s');
+      const panel = root.querySelector('sbb-checkbox-panel')!;
+      panel.setAttribute('size', 'm');
+      await waitForLitRender(root);
+      expect(root.getAttribute('data-size')).to.be.equal('m');
+    });
+
+    it('radio group', async () => {
+      const root = await fixture(html`
+        <sbb-radio-button-group size="s">
+          <sbb-selection-expansion-panel id="one">
+            <sbb-radio-button-panel> Value 1 </sbb-radio-button-panel>
+            <div slot="content">Inner content</div>
+          </sbb-selection-expansion-panel>
+          <sbb-selection-expansion-panel id="two">
+            <sbb-radio-button-panel> Value 2 </sbb-radio-button-panel>
+            <div slot="content">Inner content</div>
+          </sbb-selection-expansion-panel>
+        </sbb-radio-button-group>
+      `);
+      await waitForLitRender(root);
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#one')!.getAttribute('data-size'),
+      ).to.be.equal('s');
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#two')!.getAttribute('data-size'),
+      ).to.be.equal('s');
+      root.setAttribute('size', 'm');
+      await waitForLitRender(root);
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#one')!.getAttribute('data-size'),
+      ).to.be.equal('m');
+      expect(
+        root.querySelector('sbb-selection-expansion-panel#two')!.getAttribute('data-size'),
+      ).to.be.equal('m');
+    });
+
+    it('radio panel', async () => {
+      const root = await fixture(html`
+        <sbb-selection-expansion-panel>
+          <sbb-radio-button-panel size="s"> Value </sbb-radio-button-panel>
+          <div slot="content">Inner content</div>
+        </sbb-selection-expansion-panel>
+      `);
+      await waitForLitRender(root);
+      expect(root.getAttribute('data-size')).to.be.equal('s');
+      const panel = root.querySelector('sbb-radio-button-panel')!;
+      panel.setAttribute('size', 'm');
+      await waitForLitRender(root);
+      expect(root.getAttribute('data-size')).to.be.equal('m');
+    });
+  });
 });