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