mirror of https://github.com/portainer/portainer
27 lines
998 B
TypeScript
27 lines
998 B
TypeScript
|
import { render } from '@/react-tools/test-utils';
|
||
|
|
|
||
|
|
import { Badge } from './Badge';
|
||
|
|
|
||
|
|
test('should render a Badge component with default type', () => {
|
||
|
|
const { getByText } = render(<Badge>Default Badge</Badge>);
|
||
|
|
const badgeElement = getByText('Default Badge');
|
||
|
|
expect(badgeElement).toBeInTheDocument();
|
||
|
|
expect(badgeElement).toHaveClass('text-blue-9 bg-blue-2');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('should render a Badge component with custom type', () => {
|
||
|
|
const { getByText } = render(<Badge type="success">Success Badge</Badge>);
|
||
|
|
const badgeElement = getByText('Success Badge');
|
||
|
|
expect(badgeElement).toBeInTheDocument();
|
||
|
|
expect(badgeElement).toHaveClass('text-success-9 bg-success-2');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('should render a Badge component with custom className', () => {
|
||
|
|
const { getByText } = render(
|
||
|
|
<Badge className="custom-class">Custom Badge</Badge>
|
||
|
|
);
|
||
|
|
const badgeElement = getByText('Custom Badge');
|
||
|
|
expect(badgeElement).toBeInTheDocument();
|
||
|
|
expect(badgeElement).toHaveClass('custom-class');
|
||
|
|
});
|