import { test, expect } from "./backend-fixture.js";
import { setTimeout as sleep } from "node:timers/promises";

test("Tekst component", async ({ page, backend, setMarkdownValue }) => {
	await page.goto(`${backend.url}/components`);
	await page.waitForFunction(() => typeof (window as any).CodeMirror !== "undefined");
	await sleep(5000);
	await page.locator('select[name="component"]').selectOption("tekst");
	await page
		.locator(`select[name="$[components][0][args][color]"]`)
		.selectOption("accent");
	await setMarkdownValue(`$[components][0][args][content]`, "Hamster, a dentist");

	await page.getByRole("button", { name: "Preview" }).click();
	await expect(page).toHaveScreenshot();
});