n8n/packages/design-system/src/components/N8nAvatar/Avatar.test.ts

26 lines
743 B
TypeScript

import { render } from '@testing-library/vue';
import N8nAvatar from './Avatar.vue';
describe('components', () => {
describe('N8nAlert', () => {
test.each([
['Firstname', 'Lastname', 'FL'],
['Firstname', undefined, 'Fi'],
[undefined, 'Lastname', 'La'],
[undefined, undefined, ''],
['', '', ''],
])('should render initials for name "%s %s" as %s', (firstName, lastName, initials) => {
const { container, getByText } = render(N8nAvatar, {
props: { firstName, lastName },
});
if (firstName || lastName) {
expect(container.querySelector('svg')).toBeVisible();
expect(getByText(initials)).toBeVisible();
} else {
expect(container.querySelector('svg')).not.toBeInTheDocument();
}
});
});
});