test: add nested accordion tests

carbon-design-system · Jul 10, 2024 · ebcdde8 · ebcdde8
1 parent 9d38ef3
commit ebcdde8
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/packages/react/src/components/Accordion/__tests__/Accordion-test.js b/packages/react/src/components/Accordion/__tests__/Accordion-test.js
@@ -295,4 +295,41 @@ describe('Accordion', () => {
       expect(ul).toBeInTheDocument();
     });
   });
+
+  describe('Nested Accordion', () => {
+    it('should not expand inner Accordion item when expanding outer Accordion item', () => {
+      render(
+        <Accordion>
+          <AccordionItem open>
+            <Accordion>
+              <AccordionItem>Panel</AccordionItem>
+            </Accordion>
+          </AccordionItem>
+        </Accordion>
+      );
+
+      const panel = screen.getByText('Panel');
+      expect(panel).not.toBeVisible();
+    });
+
+    it('should not close outer Accordion item when closing inner Accordion item', async () => {
+      render(
+        <Accordion>
+          <AccordionItem open>
+            outer panel
+            <Accordion>
+              <AccordionItem title="inner title" open>
+                inner panel
+              </AccordionItem>
+            </Accordion>
+          </AccordionItem>
+        </Accordion>
+      );
+
+      // close inner
+      await userEvent.click(screen.getByText('inner title'));
+
+      expect(screen.getByText('outer panel')).toBeVisible();
+    });
+  });
 });