feat: 实现管理后台 W1-W3 假数据界面

2026-09-30 07:02:33 +08:00
parent 8dde564517
commit 1cff321f2a
33 changed files with 4773 additions and 31 deletions
@@ -0,0 +1,70 @@
+import { config, mount, flushPromises } from "@vue/test-utils";
+import { createPinia, setActivePinia } from "pinia";
+import { beforeEach, describe, expect, it } from "vitest";
+import {
+  NConfigProvider,
+  NDialogProvider,
+  NMessageProvider,
+  dateZhCN,
+  zhCN,
+} from "naive-ui";
+import { defineComponent, h, nextTick } from "vue";
+import EndpointsView from "./EndpointsView.vue";
+import { mockApi } from "@/api/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("EndpointsView 开通端", () => {
+  beforeEach(() => {
+    setActivePinia(createPinia());
+    mockApi._setSession();
+  });
+
+  it("开通后密码只显示一次，关闭后消失", async () => {
+    const pinia = createPinia();
+    const w = mount(wrap(EndpointsView), {
+      global: { plugins: [pinia] },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    const openBtn = w.findAll("button").find((b) => b.text().trim() === "开通");
+    expect(openBtn).toBeTruthy();
+    await openBtn!.trigger("click");
+    await nextTick();
+    await flushPromises();
+
+    const nameRoot = w.find('[data-testid="create-name"]');
+    expect(nameRoot.exists()).toBe(true);
+    await nameRoot.find("input").setValue("测试端");
+    await w.find('[data-testid="create-submit"]').trigger("click");
+    await flushPromises();
+
+    expect(w.text()).toContain("只显示一次");
+
+    const dismiss = w.findAll("button").find((b) => b.text().includes("我已保存"));
+    expect(dismiss).toBeTruthy();
+    await dismiss!.trigger("click");
+    await nextTick();
+
+    expect(w.text()).not.toContain("只显示一次");
+    w.unmount();
+  });
+});