test: add some simple web tests

Author: ingeridhellen

web/src/App.test.tsx

@@ -1,6 +1,14 @@
-import { render } from '@testing-library/react'
+import { render, screen } from '@testing-library/react'
 import App from './App'
 
 test('renders without crashing', () => {
   render(<App />)
 })
+test('has an input field', () => {
+  render(<App />)
+  expect(screen.getByPlaceholderText('Add Task')).toBeDefined()
+})
+test('has an Add button', () => {
+  render(<App />)
+  expect(screen.getByText('Add')).toBeDefined()
+})

web/src/setupTests.ts

@@ -3,3 +3,9 @@
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
 import '@testing-library/jest-dom'
+import { cleanup } from '@testing-library/react'
+import { afterEach } from 'vitest'
+
+afterEach(() => {
+  cleanup()
+})