App.test.tsx

src/App.test.tsx

1. import { render, screen } from '@testing-library/react'
2. import { expect, it } from 'vitest'
4. import { App } from './App'
6. // The whole app on sample data. A store selector that returns a fresh object
7. // on every call makes React re-render forever, which fails this render.
8. it('the whole app renders on sample data', async () => {
9. window.matchMedia ??= ((q: string) => ({
10. matches: false,
11. media: q,
12. addEventListener() {},
13. removeEventListener() {},
14. })) as never
15. window.requestAnimationFrame ??= ((cb: FrameRequestCallback) => setTimeout(() => cb(0), 0)) as never
16. render(<App />)
17. expect(await screen.findByTestId('composer-input', {}, { timeout: 3000 })).toBeInTheDocument()
18. expect(await screen.findByText('Tidy a bash backup script')).toBeInTheDocument()
19. expect(screen.getByTestId('spend-meter')).toHaveTextContent('This month')
20. })