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

/* 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();
	});
});