Files
crawler-plugin/admin-frontend-vue/tests/align-pagination.test.ts
T

63 lines
3.4 KiB
TypeScript

import test from 'node:test'
import assert from 'node:assert/strict'
import { readSource } from './helpers.ts'
// 验收反馈:所有列表都要加分页组件(上一页/下一页,中文由全局 locale 提供)。
// 本轮补齐缺分页的列表:分组管理、软件版本、商品类目搜索表。
// 菜单管理是树结构(非列表),商品类目树用懒加载+加载更多节点,均豁免。
test('align_pagination_normal_primary_path', () => {
// 商品类目已像素复刻旧版(搜索态旧式分页);保留 EP 分页的剩余列表。
for (const page of [
'src/pages/records/RecordsSoftwareVersionPage.vue',
]) {
const src = readSource(page)
assert.match(src, /el-pagination/, `${page} 应包含分页组件`)
}
})
test('align_pagination_normal_variant_input', () => {
// 分页组件需含上一页/下一页(prev/next),中文文案由全局 zh-cn locale 渲染。
for (const page of [
'src/pages/records/RecordsSoftwareVersionPage.vue',
]) {
const src = readSource(page)
assert.match(src, /el-pagination[^>]*layout="[^"]*prev[^"]*next/, `${page} 分页 layout 需含 prev/next`)
}
})
test('align_pagination_boundary_empty_input', () => {
// 软件版本为全量拉取,走客户端切片分页(computed 按 page/pageSize 切)。
for (const page of ['src/pages/records/RecordsSoftwareVersionPage.vue']) {
const src = readSource(page)
assert.match(src, /pagedRows|pageRows|pageItems|pagedItems/, `${page} 应有客户端分页切片`)
assert.match(src, /:data="paged/, `${page} 表格应绑定分页后的数据`)
}
})
test('align_pagination_boundary_single_item', () => {
// 类目搜索表从“加载更多”累加改为 el-pagination 换页模式:不再有加载更多按钮与累加拼接。
const src = readSource('src/pages/asin/ProductCategoryPage.vue')
assert.ok(!src.includes('加载更多搜索结果'), '搜索表不应再有“加载更多搜索结果”按钮')
assert.ok(!src.includes('[...searchRows.value, ...result.items]'), '搜索表不应再累加拼接结果')
})
test('align_pagination_repeated_operation_is_idempotent', () => {
// 已像素复刻(自绘旧式分页/原生表格)的页单独断言。
const users = readSource('src/pages/account/UsersPage.vue')
assert.match(users, /class="pagination"/, '用户页已像素复刻,用旧式分页容器')
assert.doesNotMatch(users, /el-pagination/, '用户页不再用 EP 分页')
const groups = readSource('src/pages/account/GroupsPage.vue')
assert.doesNotMatch(groups, /el-pagination/, '分组管理已像素复刻旧版(panel-group-manage 无分页)')
assert.doesNotMatch(groups, /pagedRows/, '分组管理全量渲染无客户端切片')
const invalid = readSource('src/pages/asin/AsinInvalidPage.vue')
assert.match(invalid, /class="pagination"/, '品牌库已像素复刻,用旧式分页容器')
assert.doesNotMatch(invalid, /el-pagination/, '品牌库不再用 EP 分页')
const shops = readSource('src/pages/shop/ShopManagePage.vue')
assert.match(shops, /class="pagination"/, '店铺管理已像素复刻,用旧式分页容器')
assert.doesNotMatch(shops, /el-pagination/, '店铺管理不再用 EP 分页')
const keys = readSource('src/pages/shop/ShopKeysPage.vue')
assert.match(keys, /class="pagination"/, '店铺密钥已像素复刻,用旧式分页容器')
assert.doesNotMatch(keys, /el-pagination/, '店铺密钥不再用 EP 分页')
})