Initial commit
This commit is contained in:
wangxuming
194
web/src/pages/AdminPage.test.tsx
Normal file
194
web/src/pages/AdminPage.test.tsx
Normal file
@@ -0,0 +1,194 @@
|
||||
import { fireEvent, render, screen } from "@testing-library/react";
|
||||
import { describe, expect, it, vi } from "vitest";
|
||||
import { MemoryRouter } from "react-router-dom";
|
||||
|
||||
vi.mock("../components/AppShell", () => ({ AppShell: ({ children }: { children: React.ReactNode }) => <div>{children}</div> }));
|
||||
vi.mock("../hooks/usePollingResource", () => ({
|
||||
usePollingResource: (_loader: unknown, options: { intervalMs: number }) => ({
|
||||
data: options.intervalMs === 30_000 ? {
|
||||
users: [
|
||||
{ id: "user-1", username: "staff01", role: "STAFF", active: true, project_ids: ["project-1"] },
|
||||
{ id: "super-1", username: "xqkwljtadmin", role: "ADMIN", active: true, protected: true, project_ids: [] },
|
||||
],
|
||||
} : {
|
||||
summary: { running_projects: 1, waiting_count: 1, anomaly_projects: 0, offline_devices: 0 },
|
||||
projects: [{
|
||||
id: "project-1",
|
||||
code: "EAST-RIDE",
|
||||
name: "东门观光车",
|
||||
timezone: "Asia/Shanghai",
|
||||
ticket_prefix: "A",
|
||||
status: "RUNNING",
|
||||
batch_size: 5,
|
||||
call_batch_size: 5,
|
||||
grace_period_minutes: 5,
|
||||
visitor_notice: "请在入口附近等候。",
|
||||
eta: { interval_per_number_seconds: 120 },
|
||||
waiting_count: 1,
|
||||
current_batch: {
|
||||
id: "batch-1",
|
||||
batch_number: 4,
|
||||
status: "ACTIVE",
|
||||
tickets: [
|
||||
{ id: "ticket-2", ticket_number: "00013", phone: "13800138000", status: "CALLED" },
|
||||
{ id: "ticket-3", ticket_number: "00014", phone: "13800138001", status: "CALLED" },
|
||||
],
|
||||
},
|
||||
estimated_wait: { available: true, lower_minutes: 5, upper_minutes: 15 },
|
||||
device_status: { label: "模拟设备执行成功" },
|
||||
}],
|
||||
active_tickets: [{
|
||||
id: "ticket-1",
|
||||
project_id: "project-1",
|
||||
project_name: "东门观光车",
|
||||
ticket_number: "00012",
|
||||
phone: "13800138000",
|
||||
last_name: "张",
|
||||
honorific: "先生",
|
||||
status: "WAITING",
|
||||
created_at: "2026-07-10T09:00:00Z",
|
||||
}],
|
||||
},
|
||||
loading: false,
|
||||
refreshing: false,
|
||||
error: null,
|
||||
offline: false,
|
||||
lastClientSuccessAt: new Date().toISOString(),
|
||||
refresh: vi.fn(),
|
||||
}),
|
||||
}));
|
||||
|
||||
import { AdminPage } from "./AdminPage";
|
||||
|
||||
describe("AdminPage active tickets", () => {
|
||||
it("保留核心排队数据并删除辅助概览模块", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
expect(screen.getByRole("list", { name: "项目队列" })).toHaveTextContent("东门观光车");
|
||||
expect(screen.getByRole("list", { name: "项目队列" })).toHaveTextContent("00013 至 00014");
|
||||
expect(screen.getByText("运行项目").parentElement).toHaveTextContent("1");
|
||||
expect(screen.getByText("总等待号码").parentElement).toHaveTextContent("1");
|
||||
expect(screen.queryByText("最近操作")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("异常与提醒")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("最新叫号")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("异常项目")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("离线设备")).not.toBeInTheDocument();
|
||||
expect(screen.queryByRole("group", { name: "数据视图" })).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("演示视图")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("实时数据")).not.toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("在项目管理中列出项目并提供创建与维护入口", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/projects"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
expect(screen.getByRole("heading", { name: "项目管理" })).toBeVisible();
|
||||
expect(screen.getByRole("table", { name: "项目列表" })).toHaveTextContent("东门观光车");
|
||||
expect(screen.getByRole("link", { name: "创建项目" })).toHaveAttribute("href", "/admin/projects/new");
|
||||
expect(screen.getByRole("link", { name: "维护" })).toHaveAttribute("href", "/admin/projects/project-1");
|
||||
expect(screen.queryByRole("form", { name: "规则配置" })).not.toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("将上线超级管理员显示为不可编辑", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/accounts"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
const row = screen.getByText("xqkwljtadmin").closest('[role="row"]');
|
||||
expect(row).toHaveTextContent("超级管理员");
|
||||
expect(row).toHaveTextContent("不可编辑");
|
||||
expect(row?.querySelector('a[href="/admin/accounts/super-1"]')).toBeNull();
|
||||
});
|
||||
|
||||
it("在同一表单中维护项目全部字段", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/projects/project-1"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
expect(screen.getByRole("heading", { name: "东门观光车" })).toBeVisible();
|
||||
expect(screen.queryByRole("heading", { name: "维护项目" })).not.toBeInTheDocument();
|
||||
expect(screen.getByRole("form", { name: "维护项目" })).toBeVisible();
|
||||
expect(screen.getByRole("form", { name: "维护项目" })).toHaveTextContent("项目名称");
|
||||
expect(screen.getByRole("form", { name: "维护项目" })).toHaveTextContent("项目状态");
|
||||
expect(screen.queryByText("基础信息")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("规则配置")).not.toBeInTheDocument();
|
||||
expect(screen.getByRole("combobox", { name: "票号格式" })).toHaveDisplayValue("00000");
|
||||
expect(screen.queryByRole("textbox", { name: "时区" })).not.toBeInTheDocument();
|
||||
expect(screen.queryByRole("textbox", { name: "票号前缀" })).not.toBeInTheDocument();
|
||||
expect(screen.getByRole("spinbutton", { name: "每次叫号数量" })).toHaveValue(5);
|
||||
expect(screen.getByRole("spinbutton", { name: "单个号码预计间隔时间（秒）" })).toHaveValue(120);
|
||||
expect(screen.queryByRole("combobox", { name: "预计等待时间方式" })).not.toBeInTheDocument();
|
||||
expect(screen.getByRole("textbox", { name: "游客官方提示" })).toHaveValue("请在入口附近等候。");
|
||||
expect(screen.getByRole("button", { name: "保存项目" })).toBeVisible();
|
||||
});
|
||||
|
||||
it("创建项目使用独立表单", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/projects/new"]}><AdminPage /></MemoryRouter>);
|
||||
expect(screen.getByRole("form", { name: "创建项目" })).toBeVisible();
|
||||
expect(screen.getByRole("textbox", { name: "项目名称" })).toBeVisible();
|
||||
expect(screen.getByRole("textbox", { name: "项目编码" })).toBeVisible();
|
||||
expect(screen.getByRole("combobox", { name: "票号格式" })).toHaveDisplayValue("00000");
|
||||
expect(screen.queryByRole("textbox", { name: "时区" })).not.toBeInTheDocument();
|
||||
expect(screen.getByRole("button", { name: "创建项目" })).toBeVisible();
|
||||
});
|
||||
|
||||
it("keeps the screen center free of contact details", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/display"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
expect(screen.getAllByRole("button", { name: "全屏展示" }).length).toBeGreaterThan(0);
|
||||
expect(screen.getByRole("region", { name: "项目实时监控墙" })).toBeVisible();
|
||||
expect(screen.getByText("00013 至 00014")).toBeVisible();
|
||||
expect(screen.queryByText("00013、00014")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("13800138000")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("全项目实时监控")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("当前批次")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("设备状态")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("大屏中心只展示公开票号与运行状态，不展示游客联系方式。")).not.toBeInTheDocument();
|
||||
expect(screen.getByLabelText(/当前时间/)).toBeInTheDocument();
|
||||
expect(screen.queryByText("当前项目")).not.toBeInTheDocument();
|
||||
expect(screen.getByRole("heading", { name: "东门观光车" })).toBeVisible();
|
||||
expect(screen.getByRole("heading", { name: "最新取号码：00015号" })).toBeInTheDocument();
|
||||
expect(screen.getByLabelText("总计等待：1 个号码")).toBeInTheDocument();
|
||||
expect(screen.getByText("预计等待时间")).toBeVisible();
|
||||
expect(screen.queryByText("后续号段预计")).not.toBeInTheDocument();
|
||||
expect(screen.queryByText(/\d+ \/ \d+/)).not.toBeInTheDocument();
|
||||
expect(screen.queryByText("运行中")).not.toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("先展示账号列表，不在列表页展示创建表单", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/accounts"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
expect(screen.getByRole("heading", { name: "账号管理" })).toBeVisible();
|
||||
expect(screen.getByRole("table", { name: "账号列表" })).toBeVisible();
|
||||
expect(screen.getByText("staff01")).toBeVisible();
|
||||
expect(screen.getByRole("link", { name: "创建账号" })).toHaveAttribute("href", "/admin/accounts/new");
|
||||
expect(screen.getByRole("link", { name: "维护" })).toHaveAttribute("href", "/admin/accounts/user-1");
|
||||
expect(screen.queryByRole("combobox", { name: "角色" })).not.toBeInTheDocument();
|
||||
expect(screen.queryByRole("form", { name: "创建账号" })).not.toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("点击创建后由独立路由维护新账号", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/accounts/new"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
expect(screen.getByRole("form", { name: "创建账号" })).toBeVisible();
|
||||
expect(screen.getByRole("textbox", { name: "账号" })).toBeVisible();
|
||||
expect(screen.getByLabelText("初始密码")).toBeVisible();
|
||||
expect(screen.getByRole("link", { name: "取消" })).toHaveAttribute("href", "/admin/accounts");
|
||||
expect(screen.queryByText("staff01")).not.toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("账号维护控件只在独立维护页展示", () => {
|
||||
render(<MemoryRouter initialEntries={["/admin/accounts/user-1"]}><AdminPage /></MemoryRouter>);
|
||||
|
||||
expect(screen.getByRole("heading", { name: "维护账号" })).toBeVisible();
|
||||
expect(screen.getByRole("radiogroup", { name: "角色" })).toBeVisible();
|
||||
expect(screen.getByRole("radio", { name: "员工" })).toBeChecked();
|
||||
expect(screen.getByRole("radio", { name: "管理员" })).not.toBeChecked();
|
||||
expect(screen.getByRole("button", { name: "保存修改" })).toBeDisabled();
|
||||
fireEvent.click(screen.getByRole("radio", { name: "管理员" }));
|
||||
expect(screen.getByRole("radio", { name: "管理员" })).toBeChecked();
|
||||
expect(screen.getByText("有未保存的修改")).toBeVisible();
|
||||
expect(screen.getByRole("button", { name: "保存修改" })).toBeEnabled();
|
||||
expect(screen.getByRole("button", { name: "放弃修改" })).toBeEnabled();
|
||||
expect(screen.getByRole("group", { name: "所属项目" })).toBeVisible();
|
||||
expect(screen.getByRole("checkbox", { name: /东门观光车/ })).toBeChecked();
|
||||
expect(screen.getByText("已授权")).toBeVisible();
|
||||
expect(screen.getByRole("link", { name: "返回列表" })).toHaveAttribute("href", "/admin/accounts");
|
||||
expect(screen.queryByRole("table", { name: "账号列表" })).not.toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user