mirror of https://github.com/portainer/portainer
32 lines
971 B
TypeScript
32 lines
971 B
TypeScript
import { User } from 'lucide-react';
|
|
|
|
import { render } from '@/react-tools/test-utils';
|
|
|
|
import { DashboardItem } from './DashboardItem';
|
|
|
|
test('should show provided resource value', async () => {
|
|
const { getByLabelText } = renderComponent(1);
|
|
const value = getByLabelText('value');
|
|
|
|
expect(value).toBeVisible();
|
|
expect(value).toHaveTextContent('1');
|
|
});
|
|
|
|
test('should show provided resource type', async () => {
|
|
const { getByLabelText } = renderComponent(0, User, 'Test');
|
|
const title = getByLabelText('resourceType');
|
|
|
|
expect(title).toBeVisible();
|
|
expect(title).toHaveTextContent('Test');
|
|
});
|
|
|
|
test('should have accessibility label created from the provided resource type', async () => {
|
|
const { getByLabelText } = renderComponent(0, User, 'testLabel');
|
|
|
|
expect(getByLabelText('testLabel')).toBeTruthy();
|
|
});
|
|
|
|
function renderComponent(value = 0, icon = User, type = '') {
|
|
return render(<DashboardItem value={value} icon={icon} type={type} />);
|
|
}
|