import { page } from 'vitest/browser';
import { describe, expect, it } from 'vitest';
import { render } from 'vitest-browser-svelte';
import Page from './+page.svelte';

describe('/+page.svelte', () => {
	it('should render the InstaChef app shell', async () => {
		render(Page);

		// The app logo text is the primary visible brand element in the TopBar
		const logo = page.getByText('InstaChef');
		await expect.element(logo).toBeInTheDocument();
	});
});
