import { render, screen } from '@testing-library/react'; import { TimeSyncButton } from './TimeSyncButton'; const setup = (isSynced: boolean) => { const onClick = () => {}; return render(<TimeSyncButton onClick={onClick} isSynced={isSynced} />); }; describe('TimeSyncButton', () => { it('should have the right name when isSynced = true', () => { setup(true); expect(screen.getByRole('button', { name: /synced times/i })).toBeInTheDocument(); }); it('should have the right name when isSynced = false', () => { setup(false); expect(screen.getByRole('button', { name: /unsynced times/i })).toBeInTheDocument(); }); });