import { describe, it, expect, beforeEach } from "vitest";
import { collectFormFields, applyMapping } from "../src/autofill.js";

// 针对表单抓取与回填的纯逻辑测试。
describe("autofill", () => {
  beforeEach(() => {
    document.body.innerHTML = `
      <form>
        <label for="title">抬头</label><input id="title" name="title" type="text" />
        <label>税号 <input name="taxno" placeholder="请输入税号" /></label>
        <input type="hidden" name="token" />
        <select id="type"><option>普票</option></select>
        <button type="submit">提交</button>
      </form>`;
  });

  // 1-1 抓取字段应排除 hidden 与 button，并生成选择器
  it("1-1 collectFormFields 抓取可填字段", () => {
    const fields = collectFormFields(document);
    expect(fields.length).toBe(3);
    expect(fields[0]).toMatchObject({ selector: "#title", name: "title", label: "抬头" });
    expect(fields[1].placeholder).toBe("请输入税号");
    expect(fields.some((f) => f.name === "token")).toBe(false);
  });

  // 1-2 按映射回填并统计命中
  it("1-2 applyMapping 回填成功项", () => {
    const res = applyMapping(document, [
      { selector: "#title", value: "某某公司" },
      { selector: 'input[name="taxno"]', value: "91310000MA1" },
    ]);
    expect(res.filled).toBe(2);
    expect(document.querySelector("#title").value).toBe("某某公司");
  });

  // 1-3 未命中的选择器应记录到 missed
  it("1-3 applyMapping 记录未命中", () => {
    const res = applyMapping(document, [{ selector: "#not-exist", value: "x" }]);
    expect(res.filled).toBe(0);
    expect(res.missed).toEqual(["#not-exist"]);
  });
});