test(Card): add missing tests for ImageGrid

eea · Oct 17, 2023 · 5971e01 · 5971e01
1 parent bacc0a8
commit 5971e01
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/src/ui/Card/Card.stories.test.jsx b/src/ui/Card/Card.stories.test.jsx
@@ -6,6 +6,7 @@ import {
   CarouselCards,
   FluidGrid,
   CardGrid,
+  ImageGrid,
   Default,
 } from './Card.stories';
 
@@ -199,6 +200,36 @@ describe('CardGrid component', () => {
   });
 });
 
+describe('ImageGrid component', () => {
+  it('renders correctly', () => {
+    const { container } = render(<ImageGrid {...ImageGrid.args} />);
+
+    expect(container.querySelector('.ui.image')).toBeInTheDocument();
+
+    expect(
+      container.querySelector(`.ui.card.u-card.${ImageGrid.args.variant}`),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        `.ui.card.u-card.has--object-fit--${ImageGrid.args.objectFit}`,
+      ),
+    ).toBeInTheDocument();
+    expect(
+      container.querySelector(
+        `.ui.card.u-card.has--object-position--${ImageGrid.args.objectPosition}`,
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('renders the image grid with correct number of cards', () => {
+    const { container } = render(<ImageGrid {...ImageGrid.args} />);
+    const imageGridCards = container.querySelectorAll(
+      '.ui.card.u-card.default .ui.image',
+    );
+    expect(imageGridCards.length).toBe(5);
+  });
+});
+
 describe('Default component', () => {
   it('renders correctly', () => {
     const { container } = render(<Default {...Default.args} />);