1e52798e6a
This required adding annotation to the whole project. I need to double-check whether I have the license banner of AGPL in place everywhere. Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
72 lines
2.2 KiB
TypeScript
72 lines
2.2 KiB
TypeScript
/* Component test for Avatar atom.
|
|
* 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 Avatar from '../../../src/lib/components/atoms/Avatar.svelte';
|
|
|
|
describe('Avatar.svelte', () => {
|
|
it('should mount', () => {
|
|
// Arrange
|
|
// Nothing to prepare
|
|
|
|
// Act
|
|
const { container } = render(Avatar);
|
|
|
|
// Assert
|
|
expect(container).toBeTruthy();
|
|
});
|
|
|
|
it('should pick up the passed image', () => {
|
|
// Arrange
|
|
const avatar = 'https://example.com/avatar.png';
|
|
|
|
// Act
|
|
render(Avatar, { avatar });
|
|
const figure = screen.getByTestId('avatar');
|
|
const image = figure.querySelector('img');
|
|
|
|
// Assert
|
|
expect(figure).toBeInTheDocument();
|
|
expect(image).not.toBeNull();
|
|
expect(image).toHaveAttribute('src', avatar);
|
|
});
|
|
|
|
it('should use an image with alt text', () => {
|
|
// Arrange
|
|
const avatar = 'https://example.com/avatar.png';
|
|
const displayName = 'Jane Doe';
|
|
|
|
// Act
|
|
render(Avatar, { avatar, displayName });
|
|
const figure = screen.getByTestId('avatar');
|
|
|
|
// Assert
|
|
expect(figure).toBeInTheDocument();
|
|
expect(screen.getByAltText(displayName)).toBeDefined();
|
|
});
|
|
|
|
it('should use the initials as text', () => {
|
|
// Arrange
|
|
const displayName = 'Jane Doe';
|
|
const initials = displayName.substring(0, 2).toUpperCase();
|
|
|
|
// Act
|
|
render(Avatar, { displayName });
|
|
const figure = screen.getByTestId('avatar');
|
|
|
|
// Assert
|
|
expect(figure).toBeInTheDocument();
|
|
expect(screen.getByText(initials)).toBeDefined();
|
|
});
|
|
});
|