233 lines
14 KiB
TypeScript
233 lines
14 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
const pddProductRoute = [{ path: '/goauto-order-workbench', component: 'Layout', menuName: 'GoAutoOrderWorkbench', title: '订单工作台', visible: '0', children: [{ path: '/pdd-products', component: '/goauto/pdd-products/index', menuName: 'GoAutoPddProducts', title: 'PDD 商品', visible: '0' }] }];
|
|
|
|
const product = {
|
|
id: 1,
|
|
goodsId: '972800403573',
|
|
url: 'https://mobile.yangkeduo.com/goods.html?goods_id=972800403573',
|
|
title: '夏季防晒冰丝袖套',
|
|
shopName: '清凉优选店',
|
|
salesCount: 1200,
|
|
reviewCount: 36,
|
|
status: 'active',
|
|
collectionSelectable: true,
|
|
specs: [
|
|
{ name: '颜色分类', role: 'color', values: [{ name: '黑色', selectable: true, priceCent: 2590 }] },
|
|
{ name: '尺码', role: 'size', values: [{ name: 'XL', selectable: true }] },
|
|
],
|
|
updatedAt: '2026-08-17T08:00:00Z',
|
|
colorImages: [{ color: '黑色', imagePath: '/static/uploadfile/goauto-color/test.jpg' }],
|
|
};
|
|
|
|
test('PDD 商品列表、详情和编辑流程符合已确认原型', async ({ page, context }) => {
|
|
let updatePayload: any;
|
|
await context.addCookies([{ name: 'Admin-Token', value: 'prototype-test-token', domain: 'localhost', path: '/' }]);
|
|
await page.route('**/static/**', route => route.fulfill({ status: 200, contentType: 'image/png', body: Buffer.from('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=', 'base64') }));
|
|
await page.route('**/api/**', async route => {
|
|
const url = new URL(route.request().url());
|
|
if (url.pathname.endsWith('/api/v1/menurole')) return route.fulfill({ json: { code: 200, data: pddProductRoute } });
|
|
if (url.pathname.startsWith('/src/api/')) {
|
|
await route.continue();
|
|
return;
|
|
}
|
|
if (url.pathname.endsWith('/api/v1/getinfo')) {
|
|
await route.fulfill({ json: { code: 200, data: { roles: ['admin'], name: '管理员', avatar: '', introduction: '', permissions: [] } } });
|
|
return;
|
|
}
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products/1') && route.request().method() === 'PATCH') {
|
|
updatePayload = route.request().postDataJSON();
|
|
await route.fulfill({ json: { code: 200, data: { product: { ...product, ...updatePayload } } } });
|
|
return;
|
|
}
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products/1')) {
|
|
await route.fulfill({ json: { code: 200, data: { product } } });
|
|
return;
|
|
}
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products')) {
|
|
await route.fulfill({ json: { code: 200, data: { items: [product, { ...product, id: 2, goodsId: '719834019024', title: '无图商品', colorImages: undefined }], total: 2, page: 1, pageSize: 20 } } });
|
|
return;
|
|
}
|
|
await route.fulfill({ json: { code: 200, data: [] } });
|
|
});
|
|
|
|
await page.goto('/#/pdd-products');
|
|
await expect(page.getByRole('button', { name: '添加', exact: true })).toBeVisible();
|
|
await expect(page.getByText('夏季防晒冰丝袖套')).toBeVisible();
|
|
await expect(page.getByText('¥25.90').first()).toBeVisible();
|
|
const listImage = page.getByRole('img', { name: '黑色颜色图，单击或双击查看大图' }).first()
|
|
await listImage.click();
|
|
await expect(page.locator('.el-image-viewer__wrapper')).toBeVisible();
|
|
await page.locator('.el-image-viewer__close').click();
|
|
await listImage.dblclick();
|
|
await expect(page.locator('.el-image-viewer__wrapper')).toBeVisible();
|
|
await page.locator('.el-image-viewer__close').click();
|
|
await expect(page.getByRole('columnheader', { name: '颜色图' })).toBeVisible();
|
|
await expect(page.getByRole('columnheader', { name: '销量 / 评价' })).toHaveCount(0);
|
|
await expect(page.getByText('暂无图片', { exact: true })).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: '查看' }).first().click();
|
|
await expect(page.getByText('PDD 商品详情')).toBeVisible();
|
|
await expect(page.locator('.spec-title').filter({ hasText: '颜色分类' })).toBeVisible();
|
|
await expect(page.getByText('XL')).toBeVisible();
|
|
await expect(page.getByLabel('PDD 商品详情').getByText('1,200', { exact: true })).toBeVisible();
|
|
await expect(page.getByLabel('PDD 商品详情').getByText('36', { exact: true })).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: '编辑商品' }).click();
|
|
await expect(page.getByText('编辑 PDD 商品')).toBeVisible();
|
|
await page.getByLabel('商品标题').fill('夏季防晒袖套（人工确认）');
|
|
await page.getByLabel('销量').fill('1300');
|
|
await page.getByLabel('评价数量').fill('40');
|
|
await page.getByRole('button', { name: '保存修改' }).click();
|
|
await expect.poll(() => updatePayload?.title).toBe('夏季防晒袖套（人工确认）');
|
|
expect(updatePayload.specs[0].values[0].priceCent).toBe(2590);
|
|
expect(updatePayload.salesCount).toBe(1300);
|
|
expect(updatePayload.reviewCount).toBe(40);
|
|
});
|
|
|
|
test('带 productId 的 PDD 商品路由进入单商品定位并可通过查询退出', async ({ page, context }) => {
|
|
let requestedProductId = '';
|
|
let listCalls = 0;
|
|
const second = { ...product, id: 2, goodsId: '719834019024', title: '第二件商品' };
|
|
await context.addCookies([{ name: 'Admin-Token', value: 'prototype-test-token', domain: 'localhost', path: '/' }]);
|
|
await page.route('**/api/**', async route => {
|
|
const url = new URL(route.request().url());
|
|
if (url.pathname.endsWith('/api/v1/menurole')) return route.fulfill({ json: { code: 200, data: pddProductRoute } });
|
|
if (url.pathname.startsWith('/src/api/')) return route.continue();
|
|
if (url.pathname.endsWith('/api/v1/getinfo')) return route.fulfill({ json: { code: 200, data: { roles: ['admin'], name: '管理员', avatar: '', introduction: '', permissions: [] } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products/1')) {
|
|
requestedProductId = '1';
|
|
return route.fulfill({ json: { code: 200, data: { product } } });
|
|
}
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products')) {
|
|
listCalls += 1;
|
|
return route.fulfill({ json: { code: 200, data: { items: [product, second], total: 2, page: 1, pageSize: 20 } } });
|
|
}
|
|
return route.fulfill({ json: { code: 200, data: [] } });
|
|
});
|
|
|
|
await page.goto('/#/pdd-products?productId=1');
|
|
await expect(page.getByText('PDD 商品详情')).toBeVisible();
|
|
await expect(page.locator('.el-drawer').getByText('夏季防晒冰丝袖套', { exact: true })).toBeVisible();
|
|
await expect(page.getByText('当前定位：PDD-1 / goods_id 972800403573', { exact: true })).toBeVisible();
|
|
await expect(page.getByText('第二件商品', { exact: true })).toHaveCount(0);
|
|
await expect(page.getByText('共 1 条', { exact: true })).toBeVisible();
|
|
await expect(page.getByRole('button', { name: '查看全部 PDD 商品' })).toHaveCount(0);
|
|
expect(requestedProductId).toBe('1');
|
|
expect(listCalls).toBe(0);
|
|
|
|
await page.getByLabel('PDD 商品详情').getByLabel('关闭此对话框').click();
|
|
await expect(page.getByLabel('PDD 商品详情')).toBeHidden();
|
|
const locatedRow = page.locator('.el-table__body-wrapper tbody tr');
|
|
await expect(locatedRow.getByRole('checkbox')).toBeEnabled();
|
|
await locatedRow.locator('.el-checkbox').click();
|
|
await expect(page.getByText('已选择 1 条')).toBeVisible();
|
|
await expect(page.getByRole('button', { name: '创建采集 (1)', exact: true })).toBeEnabled();
|
|
await page.getByRole('button', { name: '查询', exact: true }).click();
|
|
await expect.poll(() => listCalls).toBe(1);
|
|
await expect(page).toHaveURL(/#\/pdd-products$/);
|
|
await expect(page.getByText('第二件商品', { exact: true })).toBeVisible();
|
|
await expect(page.getByText('共 2 条', { exact: true })).toBeVisible();
|
|
await expect(page.getByText('当前定位：PDD-1 / goods_id 972800403573', { exact: true })).toHaveCount(0);
|
|
});
|
|
|
|
test('单商品定位的重置和无效编号不会误显示其他商品', async ({ page, context }) => {
|
|
let listURL: URL | undefined;
|
|
const second = { ...product, id: 2, goodsId: '719834019024', title: '第二件商品' };
|
|
await context.addCookies([{ name: 'Admin-Token', value: 'prototype-test-token', domain: 'localhost', path: '/' }]);
|
|
await page.route('**/api/**', async route => {
|
|
const url = new URL(route.request().url());
|
|
if (url.pathname.endsWith('/api/v1/menurole')) return route.fulfill({ json: { code: 200, data: pddProductRoute } });
|
|
if (url.pathname.startsWith('/src/api/')) return route.continue();
|
|
if (url.pathname.endsWith('/api/v1/getinfo')) return route.fulfill({ json: { code: 200, data: { roles: ['admin'], name: '管理员', avatar: '', introduction: '', permissions: [] } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products/1')) return route.fulfill({ json: { code: 200, data: { product } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products')) {
|
|
listURL = url;
|
|
return route.fulfill({ json: { code: 200, data: { items: [product, second], total: 2, page: 1, pageSize: 20 } } });
|
|
}
|
|
return route.fulfill({ json: { code: 200, data: [] } });
|
|
});
|
|
|
|
await page.goto('/#/pdd-products?productId=invalid');
|
|
await expect(page.getByText('PDD 商品编号无效', { exact: true })).toBeVisible();
|
|
await expect(page.getByText('972800403573', { exact: true })).toHaveCount(0);
|
|
expect(listURL).toBeUndefined();
|
|
|
|
await page.getByRole('button', { name: '查询', exact: true }).click();
|
|
await expect.poll(() => listURL?.pathname).toBe('/api/admin/v1/pdd-products');
|
|
await expect(page.getByText('第二件商品', { exact: true })).toBeVisible();
|
|
|
|
listURL = undefined;
|
|
await page.goto('/#/pdd-products?productId=1');
|
|
await page.reload();
|
|
await page.getByLabel('PDD 商品详情').getByLabel('关闭此对话框').click();
|
|
await expect(page.getByLabel('PDD 商品详情')).toBeHidden();
|
|
await page.getByPlaceholder('goods_id、标题或店铺').fill('不会保留');
|
|
await page.locator('.el-form-item').filter({ hasText: '状态' }).locator('.el-select').click();
|
|
await page.getByRole('option', { name: '正常' }).click();
|
|
await page.getByRole('button', { name: '重置', exact: true }).click();
|
|
await expect.poll(() => listURL?.searchParams.get('keyword')).toBe('');
|
|
expect(listURL?.searchParams.get('status')).toBe('');
|
|
await expect(page).toHaveURL(/#\/pdd-products$/);
|
|
});
|
|
|
|
test('单商品定位对不可采集商品禁用勾选并显示原因', async ({ page, context }) => {
|
|
const disabled = { ...product, status: 'disabled', collectionSelectable: false, collectionDisabledReason: '商品已停用' };
|
|
await context.addCookies([{ name: 'Admin-Token', value: 'prototype-test-token', domain: 'localhost', path: '/' }]);
|
|
await page.route('**/api/**', async route => {
|
|
const url = new URL(route.request().url());
|
|
if (url.pathname.startsWith('/src/api/')) return route.continue();
|
|
if (url.pathname.endsWith('/api/v1/menurole')) return route.fulfill({ json: { code: 200, data: pddProductRoute } });
|
|
if (url.pathname.endsWith('/api/v1/getinfo')) return route.fulfill({ json: { code: 200, data: { roles: ['admin'], name: '管理员', avatar: '', introduction: '', permissions: [] } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products/1')) return route.fulfill({ json: { code: 200, data: { product: disabled } } });
|
|
return route.fulfill({ json: { code: 200, data: [] } });
|
|
});
|
|
|
|
await page.goto('/#/pdd-products?productId=1');
|
|
await page.getByLabel('PDD 商品详情').getByLabel('关闭此对话框').click();
|
|
await expect(page.getByLabel('PDD 商品详情')).toBeHidden();
|
|
await expect(page.locator('.el-table__body-wrapper tbody tr').getByRole('checkbox')).toBeDisabled();
|
|
await expect(page.getByText('商品已停用', { exact: true })).toBeVisible();
|
|
await expect(page.getByRole('button', { name: '创建采集', exact: true })).toBeDisabled();
|
|
});
|
|
|
|
test('PDD 商品当前页多选并批量创建独立采集任务', async ({ page, context }) => {
|
|
const second = { ...product, id: 2, goodsId: '719834019024', title: '第二件商品' };
|
|
const disabled = { ...product, id: 3, goodsId: '731370706977', title: '已停用商品', status: 'disabled', collectionSelectable: false, collectionDisabledReason: '商品已停用' };
|
|
let batchPayload: any;
|
|
await context.addCookies([{ name: 'Admin-Token', value: 'prototype-test-token', domain: 'localhost', path: '/' }]);
|
|
await page.route('**/api/**', async route => {
|
|
const url = new URL(route.request().url());
|
|
if (url.pathname.startsWith('/src/api/')) return route.continue();
|
|
if (url.pathname.endsWith('/api/v1/menurole')) return route.fulfill({ json: { code: 200, data: pddProductRoute } });
|
|
if (url.pathname.endsWith('/api/v1/getinfo')) return route.fulfill({ json: { code: 200, data: { roles: ['admin'], name: '管理员', avatar: '', introduction: '', permissions: [] } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/pdd-products')) return route.fulfill({ json: { code: 200, data: { items: [product, second, disabled], total: 3, page: 1, pageSize: 20 } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/collection-rules')) return route.fulfill({ json: { code: 200, data: { items: [{ id: 9, name: 'PDD 商品详情采集' }], total: 1 } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/devices')) return route.fulfill({ json: { code: 200, data: { items: [{ id: 4, name: 'samsung-SM-G9700', selectable: true }], total: 1 } } });
|
|
if (url.pathname.endsWith('/api/admin/v1/collection-tasks/batch')) {
|
|
batchPayload = route.request().postDataJSON();
|
|
return route.fulfill({ json: { code: 200, data: { successCount: 1, failureCount: 1, items: [{ pddProductId: 1, success: true, taskId: 101 }, { pddProductId: 2, success: false, code: 'PDD_PRODUCT_TASK_ACTIVE', message: '该商品已有待执行或执行中的任务' }] } } });
|
|
}
|
|
return route.fulfill({ json: { code: 200, data: [] } });
|
|
});
|
|
|
|
await page.goto('/#/pdd-products');
|
|
const rows = page.locator('.el-table__body-wrapper tbody tr');
|
|
await rows.nth(0).locator('.el-checkbox').click();
|
|
await rows.nth(1).locator('.el-checkbox').click();
|
|
await expect(rows.nth(2).getByRole('checkbox')).toBeDisabled();
|
|
await expect(page.getByText('已选择 2 条')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: '创建采集 (2)', exact: true }).click();
|
|
await page.getByLabel('采集规则').click();
|
|
await page.getByRole('option', { name: 'PDD 商品详情采集' }).click();
|
|
await page.getByRole('button', { name: '创建 2 个采集任务' }).click();
|
|
|
|
await expect.poll(() => batchPayload?.pddProductIds).toEqual([1, 2]);
|
|
expect(batchPayload.ruleId).toBe(9);
|
|
expect(batchPayload.deviceId).toBeNull();
|
|
await expect(page.getByText('创建完成：成功 1 个，失败 1 个')).toBeVisible();
|
|
await expect(page.getByText('采集任务 #101')).toBeVisible();
|
|
await expect(page.getByText('该商品已有待执行或执行中的任务')).toBeVisible();
|
|
});
|