140 行
5.8 KiB
TypeScript
140 行
5.8 KiB
TypeScript
import * as fs from 'fs';
|
||
import * as path from 'path';
|
||
|
||
describe('UI/UX 规范门禁 (TDD 测试套件: 全面杜绝系统 Emoji)', () => {
|
||
const rootDir = path.resolve(__dirname, '../../');
|
||
const uniPagesDir = path.join(rootDir, 'pwuniapp', 'pages');
|
||
const docsDir = path.join(rootDir, 'docs');
|
||
|
||
// 严格 Emoji 正则：匹配所有系统 Emoji、符号表情及特殊 Pictographic 字符
|
||
const emojiRegex = /(?:\p{Extended_Pictographic}|\p{Emoji_Presentation}|[\u2600-\u27BF])/u;
|
||
|
||
function getAllFiles(dir: string, extFilter: string[]): string[] {
|
||
if (!fs.existsSync(dir)) return [];
|
||
let results: string[] = [];
|
||
const list = fs.readdirSync(dir);
|
||
for (const item of list) {
|
||
const fullPath = path.join(dir, item);
|
||
const stat = fs.statSync(fullPath);
|
||
if (stat.isDirectory()) {
|
||
results = results.concat(getAllFiles(fullPath, extFilter));
|
||
} else if (extFilter.some(ext => item.endsWith(ext))) {
|
||
results.push(fullPath);
|
||
}
|
||
}
|
||
return results;
|
||
}
|
||
|
||
describe('1. 首页 (index.vue) 杜绝系统 Emoji 校验', () => {
|
||
it('首页横幅与卡片中不应含有 ⚡ 或任何系统 Emoji', () => {
|
||
const indexVuePath = path.join(uniPagesDir, 'index', 'index.vue');
|
||
const content = fs.readFileSync(indexVuePath, 'utf-8');
|
||
|
||
// 验证不包含 ⚡ 闪电 Emoji
|
||
expect(content).not.toContain('⚡');
|
||
|
||
// 验证不包含裸写的 ♀ / ♂ 字符（防止系统字体回退为彩色系统 Emoji）
|
||
expect(content).not.toContain('♀');
|
||
expect(content).not.toContain('♂');
|
||
});
|
||
});
|
||
|
||
describe('2. 前端 pages 目录下所有页面全局无 Emoji 校验', () => {
|
||
it('所有 .vue 页面组件模板与文本中严禁包含任何 Emoji 字符', () => {
|
||
const vueFiles = getAllFiles(uniPagesDir, ['.vue']);
|
||
const violations: { file: string; line: number; text: string }[] = [];
|
||
|
||
for (const file of vueFiles) {
|
||
const content = fs.readFileSync(file, 'utf-8');
|
||
const lines = content.split('\n');
|
||
lines.forEach((line, idx) => {
|
||
if (emojiRegex.test(line)) {
|
||
violations.push({
|
||
file: path.relative(rootDir, file),
|
||
line: idx + 1,
|
||
text: line.trim()
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
expect(violations).toEqual([]);
|
||
});
|
||
});
|
||
|
||
describe('3. UIUX 约束规范文档纯净度校验', () => {
|
||
it('设计规范文档中严禁使用 ❌ 系统 Emoji', () => {
|
||
const docFiles = getAllFiles(docsDir, ['.md']);
|
||
for (const file of docFiles) {
|
||
const content = fs.readFileSync(file, 'utf-8');
|
||
expect(content).not.toContain('❌');
|
||
}
|
||
});
|
||
});
|
||
|
||
describe('4. 首页卡片试听条单行防折行与文本截断规范校验', () => {
|
||
it('首页试听条容器及文字必须配置单行不折行、弹性伸缩与省略号截断', () => {
|
||
const indexVuePath = path.join(uniPagesDir, 'index', 'index.vue');
|
||
const content = fs.readFileSync(indexVuePath, 'utf-8');
|
||
|
||
// 1. 验证 .voice-bar 容器样式
|
||
const voiceBarMatch = content.match(/\.voice-bar\s*\{([\s\S]*?)\n\s*\.card-footer/);
|
||
expect(voiceBarMatch).not.toBeNull();
|
||
const styleBlock = voiceBarMatch![1];
|
||
|
||
expect(styleBlock).toContain('box-sizing: border-box');
|
||
expect(styleBlock).toContain('white-space: nowrap');
|
||
expect(styleBlock).toContain('overflow: hidden');
|
||
|
||
// 2. 验证 .voice-icon-svg 必须防止被弹性挤压
|
||
const iconMatch = styleBlock.match(/\.voice-icon-svg\s*\{([\s\S]*?)\}/);
|
||
expect(iconMatch).not.toBeNull();
|
||
expect(iconMatch![1]).toContain('flex-shrink: 0');
|
||
|
||
// 3. 验证 .voice-text 核心文本必须具有单行截断三件套与 flex 约束
|
||
const textMatch = styleBlock.match(/\.voice-text\s*\{([\s\S]*?)\}/);
|
||
expect(textMatch).not.toBeNull();
|
||
const textStyle = textMatch![1];
|
||
expect(textStyle).toContain('flex: 1');
|
||
expect(textStyle).toContain('min-width: 0');
|
||
expect(textStyle).toContain('white-space: nowrap');
|
||
expect(textStyle).toContain('overflow: hidden');
|
||
expect(textStyle).toContain('text-overflow: ellipsis');
|
||
});
|
||
|
||
it('mock.js 中试听标题长度必须精简且不得超过12个字，防止在小屏过早被截断', () => {
|
||
const mockJsPath = path.join(rootDir, 'pwuniapp', 'common', 'mock.js');
|
||
const mockContent = fs.readFileSync(mockJsPath, 'utf-8');
|
||
const voiceTitleMatches = mockContent.matchAll(/voiceTitle:\s*['"]([^'"]+)['"]/g);
|
||
for (const match of voiceTitleMatches) {
|
||
const title = match[1];
|
||
expect(title.length).toBeLessThanOrEqual(12);
|
||
}
|
||
});
|
||
});
|
||
|
||
describe('5. 活动列表页品类快捷筛选胶囊栏防折行与弹性挤压门禁校验', () => {
|
||
it('pages/activity/list.vue 中 .capsule-item 与 .capsule-text 必须设置单行防折行与禁止挤压', () => {
|
||
const rootDir = path.resolve(__dirname, '../../');
|
||
const activityVuePath = path.join(rootDir, 'pwuniapp', 'pages', 'activity', 'list.vue');
|
||
expect(fs.existsSync(activityVuePath)).toBe(true);
|
||
|
||
const content = fs.readFileSync(activityVuePath, 'utf-8');
|
||
|
||
// 验证 .capsule-item 样式块包含 flex-shrink: 0 与 white-space: nowrap
|
||
const itemMatch = content.match(/\.capsule-item\s*\{([\s\S]*?)\n\s*\.capsule-svg/);
|
||
expect(itemMatch).not.toBeNull();
|
||
const itemStyle = itemMatch![1];
|
||
expect(itemStyle).toContain('flex-shrink: 0');
|
||
expect(itemStyle).toContain('white-space: nowrap');
|
||
|
||
// 验证 .capsule-text 文本样式块包含 white-space: nowrap
|
||
const textMatch = content.match(/\.capsule-text\s*\{([\s\S]*?)\}/);
|
||
expect(textMatch).not.toBeNull();
|
||
const textStyle = textMatch![1];
|
||
expect(textStyle).toContain('white-space: nowrap');
|
||
});
|
||
});
|
||
});
|
||
|