Anvil/tests/components/molecules/Project.test.ts

/* Component test for Project 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 Project from '../../../src/lib/components/molecules/Project.svelte';
import enMessages from '../../../src/lib/i18n/locales/en.json';

describe('Project.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(Project);

		// Assert
		expect(container).toBeTruthy();
	});

	it("should show the project's name", () => {
		// Arrange
		const collaborators = [];
		const project = {
			name: 'Test battery',
			summary: 'Making sure Anvil is rock solid!'
		};

		// Act
		render(Project, { collaborators, project });
		const projectName = screen.getByText(new RegExp(project.name));

		// Assert
		expect(projectName).toBeInTheDocument();
	});

	it("should show the project's summary", () => {
		// Arrange
		const collaborators = [];
		const project = {
			name: 'Test battery',
			summary: 'Making sure Anvil is rock solid!'
		};

		// Act
		render(Project, { collaborators, project });
		const projectSummary = screen.getByText(new RegExp(project.summary));

		// Assert
		expect(projectSummary).toBeInTheDocument();
	});

	it('should show each collaborator', () => {
		// Arrange
		const collaborators = [
			{
				preferredUsername: 'Your favourite Project Manager'
			}
		];
		const project = {
			name: 'Test battery',
			summary: 'Making sure Anvil is rock solid!'
		};

		// Act
		render(Project, { collaborators, project });
		const renderedCollaborators = screen.getAllByRole('listitem');
		const renderedCollaborator = screen.getByRole('listitem');

		// Assert
		expect(renderedCollaborators).toBeDefined();
		expect(renderedCollaborator).toBeDefined();
		expect(renderedCollaborators).toHaveLength(collaborators.length);
		expect(renderedCollaborator).toHaveAttribute('title', collaborators[0].preferredUsername);
	});

	it('should have a button to fork the project', () => {
		// Arrange
		const collaborators = [];
		const project = {
			name: 'Test battery',
			summary: 'Making sure Anvil is rock solid!'
		};

		// Act
		render(Project, { collaborators, project });
		const forkButton = screen.getByRole('button', { name: 'Fork' });

		// Assert
		expect(forkButton).toBeInTheDocument();
	});

	it('should have a button to star the project', () => {
		// Arrange
		const collaborators = [];
		const project = {
			name: 'Test battery',
			summary: 'Making sure Anvil is rock solid!'
		};

		// Act
		render(Project, { collaborators, project });
		const starButton = screen.getByRole('button', { name: 'Star' });

		// Assert
		expect(starButton).toBeInTheDocument();
	});

	it('should have a button to watch the project', () => {
		// Arrange
		const collaborators = [];
		const project = {
			name: 'Test battery',
			summary: 'Making sure Anvil is rock solid!'
		};

		// Act
		render(Project, { collaborators, project });
		const watchButton = screen.getByRole('button', { name: 'Watch' });

		// Assert
		expect(watchButton).toBeInTheDocument();
	});
});