101 lines
2.7 KiB
TypeScript
101 lines
2.7 KiB
TypeScript
|
/* Component test for SettingsProfile molecule.
|
||
|
|
* Copyright (C) 2024 André Jaenisch
|
||
|
|
* SPDX-FileCopyrightText: 2024 André Jaenisch
|
||
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||
|
|
*
|
||
|
|
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
|
||
|
|
*
|
||
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
||
|
|
*
|
||
|
|
* You should have received a copy of the GNU Affero General Public License along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import '@testing-library/jest-dom';
|
||
|
|
import { render, screen } from '@testing-library/svelte';
|
||
|
|
import { init, locale, register } from 'svelte-i18n';
|
||
|
|
|
||
|
|
import SettingsProfile from '../../../src/lib/components/molecules/SettingsProfile.svelte';
|
||
|
|
import enMessages from '../../../src/lib/i18n/locales/en.json';
|
||
|
|
|
||
|
|
describe('SettingsProfile.svelte', () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
register('en', () => import('../../../src/lib/i18n/locales/en.json'));
|
||
|
|
init({ fallbackLocale: 'en', initialLocale: 'en' });
|
||
|
|
locale.set('en');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should mount', () => {
|
||
|
|
// Arrange
|
||
|
|
// Nothing to prepare
|
||
|
|
|
||
|
|
// Act
|
||
|
|
const { container } = render(SettingsProfile);
|
||
|
|
|
||
|
|
// Assert
|
||
|
|
expect(container).toBeTruthy();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should have an avatar section', () => {
|
||
|
|
// Arrange
|
||
|
|
// Nothing to prepare
|
||
|
|
|
||
|
|
// Act
|
||
|
|
render(SettingsProfile);
|
||
|
|
|
||
|
|
// Assert
|
||
|
|
expect(screen.getByText(enMessages.settings.profile.avatar.headline)).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should have an avatar upload button', () => {
|
||
|
|
// Arrange
|
||
|
|
// Nothing to prepare
|
||
|
|
|
||
|
|
// Act
|
||
|
|
render(SettingsProfile);
|
||
|
|
|
||
|
|
// Assert
|
||
|
|
expect(
|
||
|
|
screen.getByRole('button', { name: enMessages.settings.profile.avatar.upload })
|
||
|
|
).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should have an avatar remove button', () => {
|
||
|
|
// Arrange
|
||
|
|
// Nothing to prepare
|
||
|
|
|
||
|
|
// Act
|
||
|
|
render(SettingsProfile);
|
||
|
|
|
||
|
|
// Assert
|
||
|
|
expect(
|
||
|
|
screen.getByRole('button', { name: enMessages.settings.profile.avatar.remove })
|
||
|
|
).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should have a name input', () => {
|
||
|
|
// Arrange
|
||
|
|
// Nothing to prepare
|
||
|
|
|
||
|
|
// Act
|
||
|
|
render(SettingsProfile);
|
||
|
|
|
||
|
|
// Assert
|
||
|
|
expect(
|
||
|
|
screen.getByPlaceholderText(enMessages.settings.profile.name.placeholder)
|
||
|
|
).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it.skip('should have a pronouns input', () => {
|
||
|
|
// Arrange
|
||
|
|
// Nothing to prepare
|
||
|
|
|
||
|
|
// Act
|
||
|
|
render(SettingsProfile);
|
||
|
|
|
||
|
|
// Assert
|
||
|
|
expect(
|
||
|
|
screen.getByRole('textbox', { name: enMessages.settings.profile.pronouns.label })
|
||
|
|
).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
});
|