refactor: use named export for everything except pages

Next expect a default export for pages so only those components should
use default exports. Everything else should use named exports to
reduce the number of import statements.

1 files changed, 17 insertions, 0 deletions

diff --git a/src/components/atoms/lists/description-list-group.test.tsx b/src/components/atoms/lists/description-list-group.test.tsx
new file mode 100644
index 0000000..4e665e0
--- /dev/null
+++ b/src/components/atoms/lists/description-list-group.test.tsx
@@ -0,0 +1,17 @@
+import { render, screen } from '../../../../tests/utils';
+import { DescriptionListGroup } from './description-list-group';
+
+const itemLabel = 'Repellendus corporis facilis';
+const itemValue = ['quos', 'eum'];
+
+describe('DescriptionListGroup', () => {
+  it('renders a couple of label', () => {
+    render(<DescriptionListGroup label={itemLabel} value={itemValue} />);
+    expect(screen.getByRole('term')).toHaveTextContent(itemLabel);
+  });
+
+  it('renders the right number of values', () => {
+    render(<DescriptionListGroup label={itemLabel} value={itemValue} />);
+    expect(screen.getAllByRole('definition')).toHaveLength(itemValue.length);
+  });
+});