Anvil/tests/components/atoms/DisplayName.test.ts

30 lines
955 B
TypeScript
Raw Normal View History

import '@testing-library/jest-dom';
import { render, screen } from '@testing-library/svelte';
import { init, locale, register } from 'svelte-i18n';
import DisplayName from '../../../src/lib/components/atoms/DisplayName.svelte';
import enMessages from '../../../src/lib/i18n/locales/en.json';
describe('DisplayName.svelte', () => {
beforeEach(() => {
register('en', () => import('../../../src/lib/i18n/locales/en.json'));
init({ fallbackLocale: 'en', initialLocale: 'en' });
locale.set('en');
});
it('should mount', () => {
// Arrange
const displayName = 'Jane Doe';
const pronoun = 'she/her';
// Act
render(DisplayName, { displayName, pronoun });
// Assert
expect(screen.getByRole('heading', { level: 1 })).toBeInTheDocument();
expect(screen.getByText(displayName)).toBeInTheDocument();
// Turn into regular expression to respect round brackets
expect(screen.getByText(new RegExp(pronoun))).toBeInTheDocument();
});
});