App.test.js

import React from 'react';
import App from './App';
import { render, screen, cleanup } from '@testing-library/react';
import { BRIGADE_NAME } from '../src/utils/themes/themes.js';

beforeEach(() => {
  render(<App />);
});
afterEach(cleanup);

describe('App', () => {
  test('Should render and displays name of project', () => {
    const h1 = screen.getAllByText(/VRMS/i)[0];
    const h2 = screen.getByText(/Volunteer Relationship Management System/i);
    expect(h1).toBeInTheDocument();
    expect(h2).toBeInTheDocument();
  });

  test('Should render with header and logo', () => {
    expect(screen.getByTestId('header')).toBeInTheDocument();
    expect(screen.getByTestId('logo')).toBeInTheDocument();
  });

  test('Should render with main section', () => {
    expect(screen.getByTestId('main')).toBeInTheDocument();
  });

  test('Should exist `sign in` and `create account` buttons', () => {
    expect(screen.getByText('Sign in')).toBeInTheDocument();
    expect(screen.getByText('Create account')).toBeInTheDocument();
  });

  if (BRIGADE_NAME === "Hack for LA") {
    test('Should render with footer', () => {
      expect(screen.getByTestId('footer')).toBeInTheDocument();
      expect(
        screen.getByText('was developed by Hack for LA')
      ).toBeInTheDocument();
    });
  }
});