// @vitest-environment jsdom
import React from 'react';
import { afterEach, expect, test } from 'vitest';
import { cleanup, render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { App } from './App';
afterEach(cleanup);
test('confirmed input is normalised and displayed', async () => {
  render(<App />);
  const user = userEvent.setup();
  await user.type(screen.getByLabelText('Title'), '  Roof  ');
  await user.click(screen.getByRole('button', { name: 'Add' }));
  expect(screen.getByRole('listitem').textContent).toBe('Roof');
});
test('blank input creates no record', async () => {
  render(<App />);
  await userEvent.click(screen.getByRole('button', { name: 'Add' }));
  expect(screen.queryAllByRole('listitem')).toHaveLength(0);
  expect(screen.getByRole('alert').textContent).toBe('Title required');
});