test: adding unit tests for ProgressIndicatorSkeleton

README.md

@@ -309,7 +309,8 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
     <td align="center"><a href="https://github.com/Neues"><img src="https://avatars.githubusercontent.com/u/9409245?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Noah Sgorbati</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=Neues" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon/commits?author=Neues" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/divya-281"><img src="https://avatars.githubusercontent.com/u/72991264?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Divya G</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=divya-281" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/soumyaraju"><img src="https://avatars.githubusercontent.com/u/41182657?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Soumya Raju</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=soumyaraju" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/ziyadzulfikar"><img src="https://avatars.githubusercontent.com/u/56788667?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ziyad Bin Sulfi</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=ziyadzulfikar" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/ziyadzulfikar"><img src="https://avatars.githubusercontent.com/u/56788667?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ziyadzulfikar</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=ziyadzulfikar" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/mariat189"><img src="https://avatars.githubusercontent.com/u/74430463?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mariat</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=mariat189" title="Code">💻</a></td>
   </tr>
   <tr>
     <td align="center"><a href="https://github.com/mariat189"><img src="https://avatars.githubusercontent.com/u/74430463?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mariat</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=mariat189" title="Code">💻</a></td>

packages/react/src/components/ProgressIndicator/__tests__/ProgressIndicatorSkeleton-test.js

@@ -0,0 +1,50 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { ProgressIndicatorSkeleton } from '../ProgressIndicator.Skeleton';
+import React from 'react';
+import { render } from '@testing-library/react';
+
+jest.mock('@carbon/icons-react', () => ({
+  CircleDash: () => <div>CircleDash</div>,
+}));
+
+describe('ProgressIndicatorSkeleton', () => {
+  test('renders correctly with default properties', () => {
+    const { container } = render(<ProgressIndicatorSkeleton />);
+
+    expect(container.firstChild).toHaveClass('cds--progress cds--skeleton');
+    expect(container.firstChild).not.toHaveClass('cds--progress--vertical');
+
+    const steps = container.querySelectorAll('li');
+    expect(steps.length).toBe(4);
+
+    steps.forEach((step) => {
+      expect(step).toHaveClass(
+        'cds--progress-step cds--progress-step--incomplete'
+      );
+    });
+
+    const circleDashComponents = container.querySelectorAll(
+      'div.cds--progress-step-button'
+    );
+    expect(circleDashComponents.length).toBe(4);
+    expect(circleDashComponents[0]).toHaveTextContent('CircleDash');
+  });
+
+  test('renders vertically when vertical prop is true', () => {
+    const { container } = render(<ProgressIndicatorSkeleton vertical={true} />);
+    expect(container.firstChild).toHaveClass('cds--progress--vertical');
+  });
+
+  test('applies custom className when provided', () => {
+    const { container } = render(
+      <ProgressIndicatorSkeleton className="custom-class" />
+    );
+    expect(container.firstChild).toHaveClass('custom-class');
+  });
+});