/**
 * Tests imported text, editor bindings, recovery, the live-cursor notice, and
 * the profile-name sanitizer's co-presence bounds, without a notebook.
 */

import {
  action,
  assert,
  NAME,
  pattern,
  TESTS,
  TILE_UI,
  UI,
} from "commonfabric";
import {
  findElement,
  findNodeById,
  fireEvent,
  hasText,
  propsOf,
  readValue,
} from "../test/vnode-helpers.ts";
import SharedNote from "./main.tsx";
import { normalizePresenceParticipantName } from "./participant-name.ts";

const MARKDOWN =
  "---\ntitle: Preserve this\n---\n# Team 😀\n\n- [ ] task\n\n```ts\nconst x = `${literal}`;\n```\n";

export default pattern(() => {
  const subject = SharedNote({ title: "Team notes", content: MARKDOWN });
  const blank = SharedNote({});
  const assert_imported_content = assert(() =>
    subject.content === MARKDOWN && subject.title === "Team notes" &&
    subject[NAME] === "Team notes" && blank.content === ""
  );
  const assert_collaborative_editor = assert(() => {
    const props = propsOf(findElement(subject[UI], "cf-code-editor"));
    return readValue(props?.["$value"]) === MARKDOWN &&
      readValue(props?.collaborative) === true &&
      readValue(props?.mode) === "prose" &&
      readValue(props?.wordWrap) === true &&
      readValue(props?.tabIndent) === true &&
      props?.presenceRoom === undefined &&
      readValue(props?.participantName) === "";
  });
  const assert_profile_setup = assert(() =>
    findNodeById(subject[UI], "shared-note-profile-setup") !== undefined
  );
  const assert_profile_name_is_safe_for_presence = assert(() =>
    normalizePresenceParticipantName("  Ada\u0000\u0085 Lovelace  ") ===
      "Ada Lovelace" &&
    normalizePresenceParticipantName("a".repeat(81)) === "a".repeat(80) &&
    normalizePresenceParticipantName("😀".repeat(65)) === "😀".repeat(64) &&
    normalizePresenceParticipantName("\ud800") === ""
  );
  const assert_embeddable_view = assert(() =>
    readValue(
      propsOf(findElement(subject[TILE_UI], "cf-code-editor"))?.["$value"],
    ) ===
      MARKDOWN
  );
  const action_error = action(() =>
    fireEvent(findElement(subject[UI], "cf-code-editor"), "oncf-error", {
      detail: { message: "Connection refused" },
    })
  );
  const assert_error_visible = assert(() =>
    hasText(subject[UI], "Connection refused") && subject.content === MARKDOWN
  );
  const action_reconcile = action(() =>
    fireEvent(
      findElement(subject[UI], "cf-code-editor"),
      "oncf-collaboration-reconcile",
      {
        detail: { localValue: "My unsent text", canonicalValue: MARKDOWN },
      },
    )
  );
  const assert_recovery_visible = assert(() =>
    readValue(
        propsOf(findNodeById(subject[UI], "shared-note-recovery"))?.value,
      ) ===
      "My unsent text" && subject.content === MARKDOWN
  );
  const action_presence_error = action(() =>
    fireEvent(
      findElement(subject[UI], "cf-code-editor"),
      "oncf-presence-error",
      { detail: { category: "connection" } },
    )
  );
  const assert_presence_notice_visible = assert(() =>
    hasText(subject[UI], "Live cursors are unavailable") &&
    hasText(
      subject[UI],
      "click outside the note, then back into it to try again",
    ) &&
    subject.content === MARKDOWN
  );
  const action_presence_join = action(() =>
    fireEvent(
      findElement(subject[UI], "cf-code-editor"),
      "oncf-presence-join",
      {},
    )
  );
  const assert_presence_notice_cleared = assert(() =>
    !hasText(subject[UI], "Live cursors are unavailable")
  );
  const action_presence_unsupported = action(() =>
    fireEvent(
      findElement(subject[UI], "cf-code-editor"),
      "oncf-presence-error",
      { detail: { category: "configuration" } },
    )
  );
  const assert_presence_unsupported_notice = assert(() =>
    hasText(subject[UI], "Live cursors are unavailable on this server") &&
    !hasText(
      subject[UI],
      "click outside the note, then back into it to try again",
    )
  );
  return {
    [TESTS]: [
      { assertion: assert_imported_content },
      { assertion: assert_collaborative_editor },
      { assertion: assert_profile_setup },
      { assertion: assert_profile_name_is_safe_for_presence },
      { assertion: assert_embeddable_view },
      { action: action_error },
      { assertion: assert_error_visible },
      { action: action_reconcile },
      { assertion: assert_recovery_visible },
      { action: action_presence_error },
      { assertion: assert_presence_notice_visible },
      { action: action_presence_join },
      { assertion: assert_presence_notice_cleared },
      { action: action_presence_unsupported },
      { assertion: assert_presence_unsupported_notice },
    ],
    subject,
  };
});