fix: changes test

guidari · Sep 4, 2024 · 739a40a · 739a40a
1 parent dc95682
commit 739a40a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/react/src/components/Tag/Tag-test.js b/packages/react/src/components/Tag/Tag-test.js
@@ -11,6 +11,9 @@ import React from 'react';
 import Tag from './';
 import DismissibleTag from './DismissibleTag';
 import { AILabel } from '../AILabel';
+import TagSkeleton from './Tag.Skeleton';
+
+const prefix = 'cds';
 
 describe('Tag', () => {
   describe('automated accessibility testing', () => {
@@ -63,4 +66,13 @@ describe('Tag', () => {
       screen.getByRole('button', { name: 'AI - Show information' })
     ).toBeInTheDocument();
   });
+
+  it('should render a skeleton state', () => {
+    const { container } = render(<TagSkeleton />);
+
+    // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
+    const selectWrapper = container.querySelector(`.${prefix}--tag`);
+
+    expect(selectWrapper).toHaveClass(`${prefix}--skeleton`);
+  });
 });
diff --git a/packages/react/src/components/Tag/Tag.Skeleton.tsx b/packages/react/src/components/Tag/Tag.Skeleton.tsx
@@ -31,7 +31,7 @@ function TagSkeleton({ className, size, ...rest }: TagSkeletonProps) {
     `${prefix}--skeleton`,
     className,
     {
-      [`${prefix}--tag--${size}`]: size, // TODO: V12 - Remove this class
+      [`${prefix}--tag--${size}`]: size, // TODO: V12 - Remove this class a
       [`${prefix}--layout--size-${size}`]: size,
     }
   );