import { afterEach, describe, it, expect } from 'vitest';
import { cleanup, render } from 'vitest-browser-svelte';
import { page } from 'vitest/browser';
import OcrHealthBar from './OcrHealthBar.svelte';

afterEach(cleanup);

describe('OcrHealthBar', () => {
	it('shows online status when OCR service is available', async () => {
		render(OcrHealthBar, { ocrServiceAvailable: true });
		await expect.element(page.getByText(/online/i)).toBeInTheDocument();
	});

	it('shows offline status when OCR service is unavailable', async () => {
		render(OcrHealthBar, { ocrServiceAvailable: false });
		await expect.element(page.getByText(/offline/i)).toBeInTheDocument();
	});
});