import { config, mount, flushPromises } from "@vue/test-utils";
import { createPinia, setActivePinia } from "pinia";
import { beforeEach, describe, expect, it, vi } from "vitest";
import {
  NConfigProvider,
  NDialogProvider,
  NMessageProvider,
  dateZhCN,
  zhCN,
} from "naive-ui";
import { defineComponent, h, nextTick } from "vue";
import MessagesView from "./MessagesView.vue";
import { mockApi } from "@/api/mock";
import * as admin from "@/api/admin";

vi.mock("@/api/admin", async () => import("@/api/admin-mock"));

config.global.stubs = { teleport: true };

function wrap(Comp: object) {
  return defineComponent({
    setup() {
      return () =>
        h(NConfigProvider, { locale: zhCN, dateLocale: dateZhCN, size: "small" }, {
          default: () =>
            h(NMessageProvider, null, {
              default: () =>
                h(NDialogProvider, null, {
                  default: () => h(Comp),
                }),
            }),
        });
    },
  });
}

describe("MessagesView", () => {
  beforeEach(() => {
    setActivePinia(createPinia());
    mockApi._setSession();
    vi.restoreAllMocks();
  });

  it("查询时传递时间范围，统计含拒绝，详情有原因列并可翻页", async () => {
    const listSpy = vi.spyOn(admin, "listMessages");
    const getSpy = vi.spyOn(admin, "getMessage").mockImplementation((seq, cursor) => mockApi.getMessage(seq, cursor, 1));
    const w = mount(wrap(MessagesView), {
      global: { plugins: [createPinia()] },
      attachTo: document.body,
    });
    await flushPromises();

    expect(w.text()).toMatch(/已拒绝/);
    const picker = w.findComponent({ name: "DatePicker" });
    expect(picker.exists()).toBe(true);
    picker.vm.$emit("update:value", [1_700_000_000_000, 1_800_000_000_000]);
    await nextTick();
    const queryBtn = w.findAll("button").find((b) => b.text().trim() === "查询");
    await queryBtn!.trigger("click");
    await flushPromises();

    const last = listSpy.mock.calls.at(-1)?.[0] as { from_ms?: number; to_ms?: number };
    expect(last.from_ms).toBe(1_700_000_000_000);
    expect(last.to_ms).toBe(1_800_000_000_000);

    const detailBtn = w.findAll("button").find((b) => b.text().trim() === "详情");
    await detailBtn!.trigger("click");
    await flushPromises();
    expect(w.text()).toContain("原因");
    expect(w.find('[data-testid="delivery-more"]').exists()).toBe(true);

    getSpy.mockClear();
    await w.find('[data-testid="delivery-more"]').trigger("click");
    await flushPromises();
    expect(getSpy).toHaveBeenCalled();
    expect(getSpy.mock.calls[0][1]).toBeTruthy();
    w.unmount();
  });
});