From 9a231fa90f83e9d4678c581857412d6fe14ecff2 Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Wed, 9 Oct 2024 08:19:26 -0500
Subject: [PATCH] test(togglesmallskeleton): add test coverage (#17674)

* test(togglesmallskeleton): add test coverage

* chore: fix copyright date

* chore: fix date
---
 .../ToggleSmall/ToggleSmall.skeleton-test.js  | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 packages/react/src/components/ToggleSmall/ToggleSmall.skeleton-test.js

diff --git a/packages/react/src/components/ToggleSmall/ToggleSmall.skeleton-test.js b/packages/react/src/components/ToggleSmall/ToggleSmall.skeleton-test.js
new file mode 100644
index 000000000000..7f704771c777
--- /dev/null
+++ b/packages/react/src/components/ToggleSmall/ToggleSmall.skeleton-test.js
@@ -0,0 +1,33 @@
+/**
+ * Copyright IBM Corp. 2016, 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 React from 'react';
+import { ToggleSmallSkeleton } from './ToggleSmall.Skeleton';
+import { render } from '@testing-library/react';
+
+describe('ToggleSmallSkeleton', () => {
+  it('should support a custom `className` prop on the outermost element', () => {
+    const { container } = render(
+      <ToggleSmallSkeleton aria-label="test" className="test" />
+    );
+    expect(container.firstChild).toHaveClass('test');
+  });
+
+  it('should spread additional props on the outermost element', () => {
+    const { container } = render(
+      <ToggleSmallSkeleton aria-label="test" data-testid="test" />
+    );
+    expect(container.firstChild).toHaveAttribute('data-testid', 'test');
+  });
+
+  it('should render the `labelText` prop correctly', () => {
+    const { getByText } = render(
+      <ToggleSmallSkeleton aria-label="test" labelText="Toggle Label" />
+    );
+    expect(getByText('Toggle Label')).toBeInTheDocument();
+  });
+});