import assert from "node:assert/strict";
import { test } from "node:test";

import { UniqueID } from "@repo/rdx-ddd";
import { Maybe } from "@repo/rdx-utils";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { createInstance } from "i18next";
import type { ReactNode } from "react";
import { renderToStaticMarkup } from "react-dom/server";
import { I18nextProvider } from "react-i18next";

import { buildCatalogResponse } from "../api/application/asset-catalog-response.builder";
import { AssetCatalog } from "../api/domain/asset-catalog.aggregate";
import { seedAssetCatalog } from "../api/domain/asset-catalog-seed";

import { AssetForm } from "./asset-form";
import { catalogKeys } from "./catalog-api";
import { CatalogTemplateForm } from "./catalog-template-form";
import { assetsEnglish, assetsSpanish } from "./i18n";
import { inventoryKeys } from "./inventory-api";
import { AssetInventoryPage } from "./inventory-page";

const companyId = UniqueID.generateNewID().toPrimitive();
const lookups = {
  sites: [],
  people: [],
  onCreateSite: () => undefined,
  onCreatePerson: () => undefined,
};
async function render(language: string, node: ReactNode) {
  const i18n = createInstance();
  await i18n.init({
    lng: language,
    resources: { es: { assets: assetsSpanish }, en: { assets: assetsEnglish } },
  });
  const client = new QueryClient();
  client.setQueryData(inventoryKeys.company(companyId), { assets: [] });
  client.setQueryData(
    catalogKeys.scope(companyId),
    buildCatalogResponse(seedAssetCatalog(AssetCatalog.create()), Maybe.none())
  );
  try {
    return renderToStaticMarkup(
      <I18nextProvider i18n={i18n}>
        <QueryClientProvider client={client}>{node}</QueryClientProvider>
      </I18nextProvider>
    );
  } finally {
    client.clear();
  }
}
test("Inventario traducido con alta de cabecera y sin formulario junto al listado", async () => {
  for (const language of ["es", "en"]) {
    const html = await render(
      language,
      <AssetInventoryPage companyId={companyId} csrfToken="test" lookups={lookups} />
    );
    assert.equal(html.includes("<form"), false);
    assert.ok(html.includes(language === "es" ? "Nuevo activo" : "New asset"));
    assert.ok(
      html.includes(
        language === "es"
          ? "Esta compañía todavía no tiene activos."
          : "This company has no assets yet."
      )
    );
  }
});
test("El activo ofrece altas relacionadas, ayuda inferior y no encadena una tercera alta", async () => {
  const html = await render(
    "es",
    <AssetForm
      companyId={companyId}
      csrfToken="test"
      items={[]}
      lookups={lookups}
      onSaved={() => undefined}
    />
  );
  for (const label of ["Nueva plantilla", "Nueva sede", "Nueva persona"]) {
    assert.ok(html.includes(`aria-label="${label}"`));
  }
  assert.ok(html.indexOf('name="notes"') < html.indexOf("<aside"));
  assert.ok(html.indexOf("<aside") < html.indexOf('type="submit"'));
  const child = await render(
    "es",
    <CatalogTemplateForm
      allowQuickCreate={false}
      csrfToken="test"
      items={[]}
      onSaved={() => undefined}
      scope={companyId}
    />
  );
  assert.equal(child.includes('aria-label="Nuevo campo"'), false);
});