import { expect, test, waitForSaveAndReadFromServer } from "./fixtures.ts";

test.describe("First load on empty space", () => {
  test("page loads and shows editor", async ({ sbPage }) => {
    await expect(sbPage.locator("#sb-editor")).toBeVisible();
    await expect(sbPage.locator("#sb-editor .cm-editor")).toBeVisible();
  });

  test("welcome page content appears", async ({ sbPage }) => {
    const editor = sbPage.locator("#sb-editor .cm-content");
    await expect(editor).toContainText(
      "Welcome to the wondrous world of SilverBullet",
    );
  });

  test("editor is editable and saves to server", async ({
    sbPage,
    sbServer,
  }) => {
    const editor = sbPage.locator("#sb-editor .cm-content");
    await expect(editor).toContainText(
      "Welcome to the wondrous world of SilverBullet",
    );

    // Move to end of document, then type on a new line
    await editor.click();
    await sbPage.keyboard.press("End");
    await sbPage.keyboard.press("Enter");
    await sbPage.keyboard.type("Hello from Playwright");
    await expect(editor).toContainText("Hello from Playwright");

    // Verify the edit was saved to the server
    const content = await waitForSaveAndReadFromServer(
      sbPage,
      sbServer,
      "index.md",
    );
    expect(content).toContain("Hello from Playwright");
  });
});