import { test } from "./helpers/test_helper";
import { expect } from "@playwright/test";

test("create next.js app", async ({ po }) => {
  await po.setUp();
  const beforeSettings = po.settings.recordSettings();
  await po.navigation.goToHubAndSelectTemplate("Next.js Template");
  await po.chatActions.selectChatMode("build");
  po.settings.snapshotSettingsDelta(beforeSettings);

  // Create an app
  await po.sendPrompt("tc=edit-made-with-dyad");
  await po.approveProposal();

  await po.clickRestart();

  // This can be pretty slow because it's waiting for the app to build.
  await expect(po.previewPanel.getPreviewIframeElement()).toBeVisible({
    timeout: 100_000,
  });
  await po.previewPanel.snapshotPreview();
});
