test(FluidSearchSkeleton): add test file for component (#17826)

* test(FluidSearchSkeleton): add test file for component

* fix(FluidSearchSkeleton): corrected contributor file

Signed-off-by: Mariat Sebastian <[email protected]>

---------

Signed-off-by: Mariat Sebastian <[email protected]>
Co-authored-by: Alison Joseph <[email protected]>

.all-contributorsrc

@@ -1662,6 +1662,15 @@
         "code"
       ]
     },
+    {
+      "login": "mariat189",
+      "name": "Mariat",
+      "avatar_url": "https://avatars.githubusercontent.com/u/74430463?v=4",
+      "profile": "https://github.com/mariat189",
+      "contributions": [
+        "code"
+      ]
+    }
   ],
   "commitConvention": "none"
 }

README.md

@@ -311,6 +311,9 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
     <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>
   </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>
+  </tr>
 </table>
 
 <!-- markdownlint-restore -->

packages/react/src/components/FluidSearch/__tests__/FluidSearchSkeleton-test.js

@@ -0,0 +1,53 @@
+/**
+ * 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 FluidSearchSkeleton from '../FluidSearch.Skeleton';
+import { FormContext } from '../../FluidForm/FormContext';
+import React from 'react';
+import { render } from '@testing-library/react';
+
+const prefix = 'cds';
+
+describe('FluidSearchSkeleton', () => {
+  it('should render as expected', () => {
+    const { container } = render(
+      <FluidSearchSkeleton className="test-class" />
+    );
+
+    expect(container.firstChild).toHaveClass(
+      `${prefix}--text-input--fluid__skeleton ${prefix}--form-item`
+    );
+  });
+
+  it('should apply additional custom class names if provided', () => {
+    const customClass = 'test-class';
+    const { container } = render(
+      <FluidSearchSkeleton className={customClass} />
+    );
+
+    expect(container.firstChild).toHaveClass(
+      `${prefix}--form-item ${prefix}--text-input--fluid__skeleton`
+    );
+    expect(container.firstChild).toHaveClass(customClass);
+  });
+  it('provides "isFluid" context value as true', () => {
+    let contextValue;
+
+    render(
+      <FormContext.Provider value={{ isFluid: true }}>
+        <FluidSearchSkeleton />
+        <FormContext.Consumer>
+          {(value) => {
+            contextValue = value;
+            return null;
+          }}
+        </FormContext.Consumer>
+      </FormContext.Provider>
+    );
+    expect(contextValue.isFluid).toBe(true);
+  });
+});