From 1229b1326f44a4474c9227e3373ca5d4834c0112 Mon Sep 17 00:00:00 2001
From: Adam Thompson <adam.thompson@mongodb.com>
Date: Fri, 5 Apr 2024 12:33:15 -0400
Subject: [PATCH] adds test case

---
 .../src/ListSkeleton/ListSkeleton.spec.tsx                | 8 +++++++-
 .../skeleton-loader/src/ListSkeleton/ListSkeleton.tsx     | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.spec.tsx b/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.spec.tsx
index 484adfbf60..6e8c3a5cae 100644
--- a/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.spec.tsx
+++ b/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.spec.tsx
@@ -4,8 +4,14 @@ import { render } from '@testing-library/react';
 import { ListSkeleton } from '.';
 
 describe('packages/skeleton-list', () => {
-  test('condition', () => {
+  test('renders', () => {
     const { queryByTestId } = render(<ListSkeleton />);
     expect(queryByTestId('lg-skeleton-list')).toBeInTheDocument();
   });
+
+  test('renders `count` items', () => {
+    const { queryAllByTestId } = render(<ListSkeleton count={3} />);
+    const listItems = queryAllByTestId('lg-skeleton-list_item');
+    expect(listItems.length).toBe(3);
+  });
 });
diff --git a/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.tsx b/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.tsx
index a155f011c3..9c26ff2d9a 100644
--- a/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.tsx
+++ b/packages/skeleton-loader/src/ListSkeleton/ListSkeleton.tsx
@@ -28,8 +28,8 @@ export function ListSkeleton({
           <li
             // Update the key when `count` changes so the item animation stays in sync
             key={`${i}/${count}`}
-            // className={skeletonListItemStyles}
             className={getSkeletonListItemStyles(i, bulletsOnly)}
+            data-testid="lg-skeleton-list_item"
           >
             <Skeleton size="small" />
           </li>