20a44974d5
This way it is easier to inspect the design implementation. Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
29 lines
955 B
TypeScript
29 lines
955 B
TypeScript
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();
|
|
});
|
|
});
|