Anvil/tests/components/molecules/SettingsNotifications.test.ts
André Jaenisch e95bb2e117
feat: add notifications to settings
This is currently a mock as we have no notification mechanism in place.
Also, I need to figure out how to talk to Vervis' API first.

That being said, this step allows for translations at least.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
2024-08-15 17:51:09 +02:00

86 lines
2.7 KiB
TypeScript

/* Component test for SettingsNotifications 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 SettingsNotifications from '../../../src/lib/components/molecules/SettingsNotifications.svelte';
import enMessages from '../../../src/lib/i18n/locales/en.json';
describe('SettingsNotifications.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(SettingsNotifications);
// Assert
expect(container).toBeTruthy();
});
it('should have a slide toggle', () => {
// Arrange
// Nothing to prepare
// Act
render(SettingsNotifications);
// Assert
expect(
screen.getByLabelText(enMessages.settings.notifications.mentions.labelNo)
).toBeInTheDocument();
});
describe('when slide is toggled', () => {
it('should update the label', async () => {
// Arrange
// Nothing to prepare
// Act
render(SettingsNotifications);
const slideToggle = screen.getByLabelText(enMessages.settings.notifications.mentions.labelNo);
await slideToggle.click();
// Assert
expect(
screen.getByLabelText(enMessages.settings.notifications.mentions.labelYes)
).toBeInTheDocument();
});
});
it('should have a default notification radio group', () => {
// Arrange
// Nothing to prepare
// Act
render(SettingsNotifications);
// Assert
expect(
screen.getByLabelText(enMessages.settings.notifications.default.notification.all)
).toBeInTheDocument();
expect(
screen.getByLabelText(enMessages.settings.notifications.default.notification.off)
).toBeInTheDocument();
expect(
screen.getByLabelText(enMessages.settings.notifications.default.notification.mentioned)
).toBeInTheDocument();
});
});