combine tests

packages/react/src/components/Accordion/Accordion.test.tsx

@@ -12,9 +12,7 @@ const TestComponent = ({
   return (
     <Accordion>
       <Accordion.Item {...rest}>
-        <Accordion.Header level={3}>
-          Accordion Header Title Text
-        </Accordion.Header>
+        <Accordion.Header>Accordion Header Title Text</Accordion.Header>
         <Accordion.Content>
           The fantastic accordion content text
         </Accordion.Content>
@@ -31,10 +29,10 @@ describe('Accordion', () => {
     expect(
       screen.getByRole('heading', {
         name: 'Accordion Header Title Text',
-        level: 3,
       }),
     ).toBeInTheDocument();
     expect(screen.getByText('The fantastic accordion content text'));
+    expect(screen.getByText('Accordion Header Title Text'));
     expect(accordionExpandButton).toHaveAttribute('aria-expanded', 'false');
   });
 
@@ -43,6 +41,31 @@ describe('Accordion', () => {
     const accordionExpandButton = screen.getByRole('button');
     expect(accordionExpandButton).toHaveAttribute('aria-expanded', 'true');
   });
+
+  test('Should be able to set defaultOpen on uncontrolled', () => {
+    render(<TestComponent defaultOpen />);
+
+    const accordionExpandButton = screen.getByRole('button');
+    expect(accordionExpandButton).toHaveAttribute('aria-expanded', 'true');
+  });
+
+  test('should be able to render AccordionItem as controlled', () => {
+    render(<TestComponent open />);
+
+    const accordionExpandButton = screen.getByRole('button');
+    expect(accordionExpandButton).toHaveAttribute('aria-expanded', 'true');
+  });
+
+  test('should render heading as level 1 by default', () => {
+    render(<TestComponent />);
+
+    expect(
+      screen.getByRole('heading', {
+        name: 'Accordion Header Title Text',
+        level: 1,
+      }),
+    );
+  });
 });
 
 describe('Accordion Accessibility', () => {

packages/react/src/components/Accordion/AccordionHeader.tsx

@@ -8,7 +8,10 @@ import { Paragraph, Heading } from '..';
 import { AccordionItemContext } from './AccordionItem';
 
 export type AccordionHeaderProps = {
-  /** Heading level. Use this to make sure the heading is correct according to you page heading levels */
+  /**
+   * Heading level. Use this to make sure the heading is correct according to you page heading levels
+   * @default 1
+   */
   level?: 1 | 2 | 3 | 4 | 5 | 6;
   /** Handle when clicked on header */
   onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;