文件
OmniCard/admin/tests/login-page-ui.test.ts

88 行
3.0 KiB
TypeScript

此文件含有模棱两可的 Unicode 字符

此文件含有可能会与其他字符混淆的 Unicode 字符。 如果您是想特意这样的,可以安全地忽略该警告。 使用 Escape 按钮显示他们。

import test from 'node:test';
import assert from 'node:assert/strict';
import fs from 'node:fs';
import path from 'path';
import { fileURLToPath } from 'node:url';
const adminRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
function read(rel: string): string {
return fs.readFileSync(path.join(adminRoot, rel), 'utf8');
}
test('1. 登录表单样式必须大气宽适并放大品牌Logo', () => {
const style = read('src/pages/login/style/index.module.less');
// 必须扩展表单宽度至 400px 以上,杜绝 320px 局促感
assert.ok(
/width:\s*(400|420|440|460|480)px/.test(style),
'登录表单宽度必须在 400px 以上,显得更宽适大气'
);
// 必须包含输入框或按钮高度 44px 标准尺寸
assert.ok(
style.includes('44px'),
'交互元素必须包含 44px 触控尺寸'
);
// 品牌Logo尺寸必须显著加大(例如 56px 以上)
assert.ok(
/width:\s*(56|60|64|72|80)px/.test(style),
'品牌Logo尺寸必须显著加大更显大气'
);
// 品牌字号必须显著加大(例如 32px 以上)
assert.ok(
/font-size:\s*(32|36|40|44|48)px/.test(style),
'品牌名称字号必须放大'
);
// 严禁纯黑 #000
assert.ok(!style.includes('#000;'), '严禁使用纯黑 #000');
});
test('2. 彻底去除多余卡片堆叠与模板化 AI 味', () => {
const banner = read('src/pages/login/banner.tsx');
// 彻底移除 byteimg 外部模板插画
assert.ok(
!banner.includes('p1-arco.byteimg.com'),
'严禁使用 Arco 外部模板图纸插画'
);
// 去除多余的指标卡片堆叠(画蛇添足),聚焦大品牌展示
assert.ok(!banner.includes('banner-cards'), '去除多余的卡片堆叠,保持极致简约');
assert.ok(!banner.includes('banner-metric-card'), '去除指标微卡片');
// 必须包含 OmniCard 品牌主张
assert.ok(
banner.includes('OmniCard'),
'左侧品牌看板必须聚焦 OmniCard 核心品牌'
);
// 严禁 emoji 作为图标
const emojiRegex = /[\u{1F300}-\u{1F6FF}\u{1F900}-\u{1F9FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}]/u;
assert.ok(!emojiRegex.test(banner), 'Banner 中严禁使用 emoji');
});
test('3. 登录主页面必须支持多语言切换与品牌标识', () => {
const index = read('src/pages/login/index.tsx');
// 页面必须包含多语言选择入口
assert.ok(
index.includes('Select') || index.includes('Dropdown') || index.includes('Radio') || index.includes('lang'),
'登录主页面必须支持语言切换'
);
// 严禁 any
assert.ok(!/\bany\b/.test(index), 'index.tsx 严禁使用 any');
});
test('4. 登录表单核心逻辑依然与 Cool-Admin 契约兼容且无 any', () => {
const form = read('src/pages/login/form.tsx');
assert.ok(form.includes('/api/admin/base/open/login'), '接口路径保持不变');
assert.ok(form.includes('size="large"') || form.includes("size={'large'}"), '输入框采用大尺寸以显大气');
assert.ok(!/\bany\b/.test(form), 'form.tsx 严禁使用 any');
});