1798 lines
100 KiB
TypeScript
1798 lines
100 KiB
TypeScript
// @ts-check
|
||
import { faker } from '@faker-js/faker/locale/zh_CN';
|
||
import { test, expect } from '@/fixtures/boss_common.js';
|
||
import path from 'path';
|
||
import { decodeQR } from '@/utils/utils.js';
|
||
import { Customer } from '@/utils/customer';
|
||
import { staffData } from '@/common/staff';
|
||
import { HomeNavigation } from '@/pages/homeNavigationPage.js';
|
||
import fs from 'fs';
|
||
import { Page } from '@playwright/test';
|
||
|
||
test.describe('商城', () => {
|
||
test.describe('上架好物', () => {
|
||
test('售卖中商品操作', async ({ page, homeNavigation, createCustomer, customerPage }) => {
|
||
const code = page.locator('.m-table__body-wrapper .main-table-body_tr');
|
||
|
||
const $goods_f = code.filter({ has: page.locator('td .title', { hasText: '商品F' }) });
|
||
|
||
const customer = createCustomer;
|
||
|
||
await test.step('给顾客开会员卡', async () => {
|
||
await homeNavigation.gotoModule('收银');
|
||
await page.getByRole('button', { name: /^开\s单$/ }).click();
|
||
await customerPage.searchCustomer(customer.phone);
|
||
await customerPage.selectSearchCustomer(customer.username);
|
||
await page.locator('.number_service').waitFor();
|
||
await page.getByRole('button', { name: /^开\s卡$/ }).click();
|
||
// 选择会员卡A
|
||
await page
|
||
.locator('.memberCard_box > .needsclick')
|
||
.getByText(/^会员卡$/)
|
||
.click();
|
||
// 结算
|
||
await page.getByRole('button', { name: '去结算' }).click();
|
||
// 选择现金支付
|
||
await page.getByText('现金', { exact: true }).click();
|
||
await page.getByLabel('推送消费提醒').uncheck();
|
||
await page.getByLabel('结算签字').uncheck();
|
||
await page.getByRole('button', { name: /^结\s算$/ }).click();
|
||
await page.getByRole('button', { name: /跳\s过/ }).click();
|
||
// 关闭收银界面
|
||
await page.locator('use').first().click();
|
||
});
|
||
|
||
await test.step('进入H5商城购买商品商品F', async () => {
|
||
await page.goto(process.env.STOREH5_URL ?? '');
|
||
await page.locator('.bar_item', { hasText: '我的' }).click();
|
||
await page.getByText('登录', { exact: true }).click();
|
||
// 登录顾客手机
|
||
await page.locator('.uni-radio-input').click(); //点击同意协议
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
await page
|
||
.locator('.login-box_input')
|
||
.filter({
|
||
has: page.locator('.input-placeholder', { hasText: '请输入手机号码' }),
|
||
})
|
||
.locator('.uni-input-input')
|
||
.fill(customer.phone);
|
||
await page
|
||
.locator('.login-box_input')
|
||
.filter({
|
||
has: page.locator('.input-placeholder', { hasText: '请输入验证码' }),
|
||
})
|
||
.locator('.uni-input-input')
|
||
.fill('1660');
|
||
await expect(async () => {
|
||
await page.locator('.login-box_btn', { hasText: /^登录$/ }).click();
|
||
await page.locator('.bar_item', { hasText: '商城' }).waitFor({ timeout: 2000 });
|
||
}).toPass();
|
||
// 进入商城
|
||
await page.locator('.bar_item', { hasText: '商城' }).click();
|
||
// 全部
|
||
await page.locator('.li', { hasText: '全部' }).click();
|
||
await expect(page.locator('.mescroll-wxs-content .pname', { hasText: '商品F' }).first()).toBeVisible();
|
||
// 点击进入商品
|
||
await page.locator('.mescroll-wxs-content .pname', { hasText: '商品F' }).first().click();
|
||
// 购买商品
|
||
await page.locator('.button_hover', { hasText: '立即购买' }).click();
|
||
// 选择门店
|
||
await page.locator('.scroll-view-item').first().waitFor();
|
||
await page.locator('.scroll-view-item', { hasText: 'AT测试一店' }).click();
|
||
await page
|
||
.locator('.pickstore-body')
|
||
.filter({ has: page.locator('.scroll-view-item', { hasText: 'AT测试一店' }) })
|
||
.locator('.public_color')
|
||
.waitFor();
|
||
// 确认
|
||
await page.locator('.mgj-picker-btn-ok', { hasText: /^确认$/ }).click();
|
||
await page.locator('.box-header_content .title', { hasText: '订单支付' }).waitFor();
|
||
// 选择会员卡支付
|
||
await page.locator('.yellow_row', { hasText: '会员卡' }).click();
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
// 确认支付
|
||
await page.locator('.okbtn', { hasText: '确认支付' }).click();
|
||
await expect(page.locator('.okText', { hasText: '支付成功' })).toBeVisible();
|
||
});
|
||
|
||
await test.step('返回上架好物验证', async () => {
|
||
await page.goto(process.env.BASE_URL ?? '');
|
||
// 进入营销模块
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.listBox .name', { hasText: '上架好物' }).click();
|
||
await page.locator('.batch').waitFor();
|
||
|
||
// 进入订单列表
|
||
await $goods_f.locator('.ant-btn', { hasText: '订单列表' }).click();
|
||
await page.locator('.popup_content .title', { hasText: '订单列表' }).waitFor();
|
||
// 验证订单列表中有顾客购买的商品F
|
||
await expect(
|
||
page.locator('.popup_content .main-table-body_tr').first().locator('td').nth(2),
|
||
).toContainText(customer.phone);
|
||
// 关闭订单列表
|
||
await page.locator('.popup_content .close_icon').last().click();
|
||
|
||
// 下架商品
|
||
await $goods_f.locator('.ant-btn', { hasText: '下架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '下架成功' })).toBeVisible();
|
||
// 判断商品下架后不可见
|
||
await expect(
|
||
page.locator('.m-table__body-wrapper .main-table-body_tr', { hasText: '商品F' }),
|
||
).not.toBeVisible();
|
||
|
||
// 点击未上架
|
||
await page.locator('.tab_item', { hasText: '未上架' }).click();
|
||
await expect(page.getByText('查询中')).not.toBeVisible();
|
||
// 判断商品As可见
|
||
await expect(
|
||
page.locator('.m-table__body-wrapper .main-table-body_tr', { hasText: '商品F' }),
|
||
).toBeVisible();
|
||
|
||
await $goods_f.locator('.ant-btn', { hasText: '上架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '上架成功' })).toBeVisible();
|
||
});
|
||
});
|
||
|
||
test('查询商品', async ({ page, homeNavigation }) => {
|
||
await test.step('进入营销上架好物', async () => {
|
||
// 进入营销-上架好物
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.listBox .name', { hasText: '上架好物' }).click();
|
||
await page.locator('.batch').waitFor();
|
||
});
|
||
|
||
await test.step('通过商品分类查询', async () => {
|
||
// 点击分类查询健康养生
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '全部分类' }).click();
|
||
await page.locator('.ant-select-dropdown-menu-item', { hasText: '健康养生' }).click();
|
||
await page.locator('.main-table-body_tr').first().waitFor();
|
||
// 校验健康养生的商品AsI艾经络
|
||
const Health = page.locator('.main-table-body_tr .title', { hasText: 'AI艾经络' });
|
||
await expect(Health).toBeVisible();
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '卖品类' }).click();
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '服务类' }).click();
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '全部商品类别' }).waitFor();
|
||
});
|
||
|
||
await test.step('通过商品类别查询', async () => {
|
||
// 点击商品类别卖品
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '全部商品类别' }).click();
|
||
await page.locator('.ant-select-dropdown-menu-item', { hasText: '卖品' }).click();
|
||
await page.locator('.main-table-body_tr').first().waitFor();
|
||
// 校验卖品中精油是否存在
|
||
const EssentialOil = page.locator('.main-table-body_tr .title', { hasText: '精油' });
|
||
await expect(EssentialOil).toBeVisible();
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '卖品类' }).click();
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '服务类' }).click();
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '全部商品类别' }).waitFor();
|
||
});
|
||
|
||
await test.step('通过营销方案查询', async () => {
|
||
// 点击营销方案
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '全部营销方案' }).click();
|
||
await page.locator('.ant-select-dropdown-menu-item', { hasText: '团购' }).click();
|
||
await page.locator('.main-table-body_tr').first().waitFor();
|
||
// 校验团购商品Cs存在
|
||
const productC = page.locator('.main-table-body_tr .title', { hasText: '团购商品C' });
|
||
await expect(productC).toBeVisible();
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '卖品类' }).click();
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '服务类' }).click();
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '全部商品类别' }).waitFor();
|
||
});
|
||
|
||
await test.step('通过关键字查询', async () => {
|
||
// 通过关键字搜索
|
||
await page.getByPlaceholder('关键字搜索').fill('肌底清洁');
|
||
await page.locator('.ant-input-prefix').first().click();
|
||
await page.locator('.main-table-body_tr').first().waitFor();
|
||
const keyword = page.locator('.main-table-body_tr .title', { hasText: '肌底清洁' });
|
||
await expect(keyword).toBeVisible();
|
||
});
|
||
});
|
||
|
||
test('商品系列', async ({ page, homeNavigation }) => {
|
||
const code = page.locator('.main-table-body_tr').first();
|
||
|
||
await test.step('进入营销上架好物', async () => {
|
||
// 进入营销-上架好物
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.listBox .name', { hasText: '上架好物' }).click();
|
||
await page.locator('.batch').waitFor();
|
||
// 点击商品系列
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '商品系列' }).click();
|
||
await page.locator('.ant-btn-lg').first().waitFor();
|
||
// 点击新增
|
||
await page.locator('.ant-btn-lg', { hasText: /^新\s增$/ }).click();
|
||
await page.locator('.header', { hasText: '新增商品系列' }).waitFor();
|
||
// 关闭 这里的关闭是因为不进行一些操作 后面的内容不加载 强行点了一下新增并关掉
|
||
await page.locator('.box .top .anticon').click();
|
||
|
||
// 循环把商品系列都删了
|
||
const del = page.locator('.main-table-body_tr');
|
||
const dels = await del.count();
|
||
if (await del.first().isVisible()) {
|
||
console.log('有' + dels + '个待删除');
|
||
for (let i = 0; i < dels; i++) {
|
||
await page
|
||
.locator('.main-table-body_tr')
|
||
.nth(i)
|
||
.locator('.ant-btn-link', { hasText: '删除' })
|
||
.click();
|
||
await page.locator('.content', { hasText: '确认删除该商品系列吗？' }).waitFor();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await page.locator('.ant-message', { hasText: '删除成功' }).waitFor();
|
||
}
|
||
await expect(del).not.toBeVisible();
|
||
}
|
||
});
|
||
|
||
await test.step('新增', async () => {
|
||
// 点击新增
|
||
await page.locator('.ant-btn-lg', { hasText: /^新\s增$/ }).click();
|
||
await page.locator('.header', { hasText: '新增商品系列' }).waitFor();
|
||
// 输入系列名称
|
||
// await page.locator('.ant-form-item-children .ant-input').fill('测试商品A')
|
||
await page.getByPlaceholder('长度不大于10个字符').fill('测试商品A');
|
||
// 点击添加商品
|
||
await page.locator('.addBtn').click();
|
||
await page.locator('.popup_content .title', { hasText: '选择商品' }).waitFor();
|
||
// 选择商品
|
||
await page.locator('.customWith').first().click();
|
||
const productA = await page.locator('.customWith').first().innerText();
|
||
await page.locator('.customWith').nth(1).click();
|
||
const productB = await page.locator('.customWith').nth(1).innerText();
|
||
// 确认选择
|
||
await page.locator('.comfirm_btn', { hasText: '确认选择' }).click();
|
||
await page.locator('.ant-radio-wrapper').last().click();
|
||
// 确认添加
|
||
await page.locator('.submit_btn', { hasText: '确认添加' }).click();
|
||
await page.locator('.ant-message').waitFor();
|
||
await expect(page.locator('.header', { hasText: '新增商品系列' })).not.toBeVisible();
|
||
// 校验新增数据准确性
|
||
|
||
const NameA = await code.locator('td').first().innerText();
|
||
const productName = await code.locator('td').nth(2).innerText();
|
||
const productBName = await code.locator('td').nth(3).innerText();
|
||
expect(NameA).toBe('测试商品A');
|
||
const regex = new RegExp(`^(${productB}、${productA}|${productA}、${productB})$`);
|
||
expect(productName).toMatch(regex);
|
||
expect(productBName).toBe(productB);
|
||
});
|
||
|
||
await test.step('编辑', async () => {
|
||
// 点击编辑
|
||
await page.locator('.main-table-body_tr').first().locator('.ant-btn-link', { hasText: '编辑' }).click();
|
||
await page.locator('.header', { hasText: '编辑商品系列' }).waitFor();
|
||
// 修改系列名称
|
||
await page.getByPlaceholder('长度不大于10个字符').fill('测试商品B');
|
||
// 确认保存
|
||
await page.locator('.submit_btn', { hasText: '确认保存' }).click();
|
||
await page.locator('.ant-message').waitFor();
|
||
await expect(page.locator('.header', { hasText: '编辑商品系列' })).not.toBeVisible();
|
||
const NameB = await code.locator('td').first().innerText();
|
||
expect(NameB).toBe('测试商品B');
|
||
});
|
||
|
||
await test.step('删除', async () => {
|
||
await page.locator('.main-table-body_tr').first().locator('.ant-btn-link', { hasText: '删除' }).click();
|
||
await page.locator('.content', { hasText: '确认删除该商品系列吗？' }).waitFor();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '删除成功' })).toBeVisible();
|
||
await expect(code.locator('td').first()).not.toBeVisible();
|
||
});
|
||
});
|
||
|
||
test('商品属性', async ({ page, homeNavigation }) => {
|
||
const code = page.locator('.main-table-body_tr').first();
|
||
|
||
await test.step('进入营销上架好物', async () => {
|
||
// 进入营销-上架好物
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.listBox .name', { hasText: '上架好物' }).click();
|
||
await page.locator('.batch').waitFor();
|
||
// 点击商品系列
|
||
await page.locator('.ant-radio-button-wrapper', { hasText: '商品属性' }).click();
|
||
await page.locator('.ant-btn-lg').first().waitFor();
|
||
// 点击新增
|
||
await page.locator('.ant-btn-lg', { hasText: /^新\s增$/ }).click();
|
||
await page.locator('.header', { hasText: '新增商品属性' }).waitFor();
|
||
// 关闭
|
||
await page.locator('.box .top .anticon').click();
|
||
|
||
// 循环把商品属性删了
|
||
const del = page.locator('.main-table-body_tr');
|
||
const dels = await del.count();
|
||
if (await del.first().isVisible()) {
|
||
console.log('有' + dels + '个待删除');
|
||
for (let i = 0; i < dels; i++) {
|
||
await page
|
||
.locator('.main-table-body_tr')
|
||
.nth(i)
|
||
.locator('.ant-btn-link', { hasText: '删除' })
|
||
.click();
|
||
await page.locator('.content', { hasText: '确认删除该商品属性吗？' }).waitFor();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '删除成功' })).toBeVisible();
|
||
}
|
||
await expect(del).not.toBeVisible();
|
||
}
|
||
});
|
||
|
||
await test.step('新增', async () => {
|
||
// 点击新增
|
||
await page.locator('.ant-btn-lg', { hasText: /^新\s增$/ }).click();
|
||
await page.locator('.header', { hasText: '新增商品属性' }).waitFor();
|
||
// 输入系列名称
|
||
await page.getByPlaceholder('长度不大于10个字符').first().fill('测试商品属性');
|
||
// 点击添加商品属性
|
||
await page.locator('.ant-btn', { hasText: '添加属性' }).click();
|
||
const quantity = await page.locator('.del_icon').count();
|
||
expect(quantity).toBe(2);
|
||
// 点击添加商品属性
|
||
await page.locator('.ant-btn', { hasText: '添加属性' }).click();
|
||
const quantitys = await page.locator('.del_icon').count();
|
||
expect(quantitys).toBe(3);
|
||
await page.getByPlaceholder('长度不大于10个字符').nth(1).fill('商品属性A');
|
||
await page.getByPlaceholder('长度不大于10个字符').nth(2).fill('商品属性B');
|
||
await page.getByPlaceholder('长度不大于10个字符').nth(3).fill('商品属性C');
|
||
await page.locator('.submit_btn', { hasText: /^添\s加$/ }).click();
|
||
await page.locator('.ant-message').waitFor();
|
||
await expect(page.locator('.header', { hasText: '新增商品属性' })).not.toBeVisible();
|
||
// 校验新增数据准确性
|
||
const NameA = await code.locator('td').first().innerText();
|
||
const productName = await code.locator('td').nth(1).innerText();
|
||
expect(NameA).toBe('测试商品属性');
|
||
expect(productName).toBe('商品属性A、 商品属性B、 商品属性C');
|
||
});
|
||
|
||
await test.step('编辑', async () => {
|
||
// 点击编辑
|
||
await page.locator('.main-table-body_tr').first().locator('.ant-btn-link', { hasText: '编辑' }).click();
|
||
await page.locator('.header', { hasText: '编辑商品属性' }).waitFor();
|
||
// 删除两个商品属性
|
||
await page.locator('.del_icon').last().click();
|
||
const quantitys = await page.locator('.del_icon').count();
|
||
expect(quantitys).toBe(2);
|
||
await page.locator('.del_icon').last().click();
|
||
const quantity = await page.locator('.del_icon').count();
|
||
expect(quantity).toBe(0);
|
||
// 确认保存
|
||
await page.locator('.submit_btn', { hasText: /^保\s存$/ }).click();
|
||
await page.locator('.ant-message').waitFor();
|
||
await expect(page.locator('.header', { hasText: '编辑商品属性' })).not.toBeVisible();
|
||
const productNameB = await code.locator('td').nth(1).innerText();
|
||
expect(productNameB).toBe('商品属性A');
|
||
});
|
||
|
||
await test.step('删除', async () => {
|
||
await page.locator('.main-table-body_tr').first().locator('.ant-btn-link', { hasText: '删除' }).click();
|
||
await page.locator('.content', { hasText: '确认删除该商品属性吗？' }).waitFor();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '删除成功' })).toBeVisible();
|
||
await expect(code.locator('td').first()).not.toBeVisible();
|
||
});
|
||
});
|
||
});
|
||
|
||
test.describe('上架好物', () => {
|
||
test.beforeEach(async ({ page, homeNavigation }) => {
|
||
// 下架所有测试商品
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.listBox .name', { hasText: '上架好物' }).click();
|
||
await page.locator('.batch').waitFor();
|
||
await expect(page.locator('.no_data')).not.toBeVisible();
|
||
|
||
// 商品列表定位器
|
||
const code = page.locator('.m-table__body-wrapper .main-table-body_tr');
|
||
const goodsList = ['商品As', '商品B', '商品D', '商品Cs', '商品H', '商品M'];
|
||
for (const goods of goodsList) {
|
||
const commodity = code.filter({ has: page.locator('td .title', { hasText: goods }) }).first();
|
||
if (await commodity.isVisible()) {
|
||
await commodity.locator('.ant-btn', { hasText: '下架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '下架成功' })).toBeVisible();
|
||
}
|
||
}
|
||
});
|
||
|
||
test('未上架商品操作', async ({ page, homeNavigation }) => {
|
||
// 商品列表定位器
|
||
const code = page.locator('.m-table__body-wrapper .main-table-body_tr');
|
||
// 各商品显示路径
|
||
const commodityA = code.filter({ has: page.locator('td .title', { hasText: '商品As' }) });
|
||
const commodityB = code.filter({ has: page.locator('td .title', { hasText: '商品B' }) });
|
||
const commodityD = code.filter({ has: page.locator('td .title', { hasText: '商品D' }) });
|
||
const commodityCS = code.filter({ has: page.locator('td .title', { hasText: '商品Cs' }) });
|
||
const commodityH = code.filter({ has: page.locator('td .title', { hasText: '商品H' }) });
|
||
const commodityM = code.filter({ has: page.locator('td .title', { hasText: '商品M' }) });
|
||
|
||
await test.step('返回上架好物验证', async () => {
|
||
// 跳转查询中消失
|
||
const noData = page.locator('.no_data');
|
||
const Element = page.locator('.ant-btn-primary', { hasText: /^新\s增$/ });
|
||
|
||
// 进入营销模块
|
||
await page.goto(process.env.BASE_URL ?? '');
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.listBox .name', { hasText: '上架好物' }).click();
|
||
await page.locator('.batch').waitFor();
|
||
|
||
// 上架商品As上架
|
||
await page.locator('.tab_item', { hasText: '未上架' }).click();
|
||
await expect(Element).toBeVisible();
|
||
await expect(noData).not.toBeVisible();
|
||
await commodityA.locator('.ant-btn', { hasText: '上架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '上架成功' })).toBeVisible();
|
||
|
||
// 下架商品As
|
||
await page.locator('.tab_item', { hasText: '售卖中' }).click();
|
||
await expect(noData).not.toBeVisible();
|
||
await expect(commodityA).toBeVisible();
|
||
await commodityA.locator('.ant-btn', { hasText: '下架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '下架成功' })).toBeVisible();
|
||
|
||
// 进入未上架
|
||
await page.locator('.tab_item', { hasText: '未上架' }).click();
|
||
await expect.soft(noData).not.toBeVisible();
|
||
await expect(Element).toBeVisible();
|
||
|
||
await expect.soft(commodityB).toBeVisible();
|
||
await expect(commodityCS).toBeVisible();
|
||
|
||
// 获取商品B 商品Cs行数
|
||
const cede = page.locator('.m-table__body-wrapper .main-table-body_tr');
|
||
const productBLine = await cede
|
||
.locator('td .title')
|
||
.allInnerTexts()
|
||
.then(text => {
|
||
return text.findIndex(item => item.includes('商品B'));
|
||
});
|
||
const productCLine = await cede
|
||
.locator('td .title')
|
||
.allInnerTexts()
|
||
.then(text => {
|
||
return text.findIndex(item => item.includes('商品Cs'));
|
||
});
|
||
if (productBLine === -1 || productCLine === -1) {
|
||
throw new Error('商品B或商品Cs不存在未上架商品中');
|
||
}
|
||
|
||
// 批量操作上架商品B 商品Cs
|
||
const check = page.locator('.m-table-fixed-body tbody tr');
|
||
await check.nth(productBLine).locator('td').nth(0).click();
|
||
await check.nth(productBLine).locator('.ant-checkbox-wrapper-checked').waitFor();
|
||
await check.nth(productCLine).locator('td').nth(0).click();
|
||
await check.nth(productCLine).locator('.ant-checkbox-wrapper-checked').waitFor();
|
||
await page.locator('.batch_span', { hasText: '批量操作' }).click();
|
||
await page.locator('.ant-dropdown-menu-item', { hasText: '上架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '上架成功' })).toBeVisible();
|
||
|
||
// 售卖中存在商品B 商品Cs
|
||
await page.locator('.tab_item', { hasText: '售卖中' }).click();
|
||
await expect(noData).not.toBeVisible();
|
||
await expect(commodityB).toBeVisible();
|
||
await expect(commodityCS).toBeVisible();
|
||
|
||
// 下架商品B
|
||
await commodityB.locator('.ant-btn', { hasText: '下架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '下架成功' })).toBeVisible();
|
||
// 下架商品Cs
|
||
await commodityCS.locator('.ant-btn', { hasText: '下架' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '下架成功' })).toBeVisible();
|
||
|
||
// 进入未上架
|
||
await page.locator('.tab_item', { hasText: '未上架' }).click();
|
||
await expect.soft(Element).toBeVisible();
|
||
await expect(noData).not.toBeVisible();
|
||
|
||
// 复制商品D，并且改名为商品H
|
||
await commodityD.locator('.ant-btn', { hasText: '复制' }).click();
|
||
const service = page.locator('.header', { hasText: '新增服务' });
|
||
await expect(service).toBeVisible();
|
||
await page.getByPlaceholder('长度不大于40个字符').fill('商品H');
|
||
await page.locator('.ant-btn-primary', { hasText: /^保\s存$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '保存成功' })).toBeVisible();
|
||
await expect(commodityH).toBeVisible();
|
||
|
||
// 删除商品H
|
||
await commodityH.locator('.ant-btn', { hasText: '删除' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await page.locator('.ant-message', { hasText: '删除成功' }).waitFor();
|
||
|
||
//新增商品M
|
||
await page.locator('.input', { hasText: /^新\s增$/ }).click();
|
||
await expect.soft(service).toBeVisible();
|
||
await page.getByPlaceholder('长度不大于40个字符').fill('商品M');
|
||
// 选择商品分类
|
||
await page
|
||
.locator('.ant-row')
|
||
.filter({ has: page.locator('.ant-form-item-required', { hasText: '商品分类' }) })
|
||
.locator('.ant-col-19 .ant-select-enabled')
|
||
.last()
|
||
.click();
|
||
await page.locator('.ant-select-dropdown-menu-item').first().click();
|
||
await page
|
||
.locator('.ant-row')
|
||
.filter({ has: page.locator('.ant-form-item-required', { hasText: '商品售价' }) })
|
||
.getByPlaceholder('保留两位小数')
|
||
.fill('99');
|
||
await page
|
||
.locator('.ant-row')
|
||
.filter({ has: page.locator('.ant-form-item-required', { hasText: '门店原价' }) })
|
||
.getByPlaceholder('保留两位小数')
|
||
.fill('19');
|
||
await page
|
||
.locator('.ant-row')
|
||
.filter({ has: page.locator('.ant-form-item-required', { hasText: '最大可售卖数' }) })
|
||
.locator('.ant-input')
|
||
.fill('999');
|
||
// 添加全部门店
|
||
await page.locator('.addShopBtn', { hasText: '添加可销售门店' }).click();
|
||
await expect(page.locator('.comSelect_title', { hasText: /^选择$/ })).toBeVisible();
|
||
await page.getByRole('button', { name: /全\s选/ }).click();
|
||
await page.getByRole('button', { name: '确定选择' }).first().click();
|
||
await page.locator('.ant-btn-primary', { hasText: '下一步' }).click();
|
||
// 允许使用会员卡金支付
|
||
await page.getByLabel('允许使用会员卡金支付').check();
|
||
await page.getByLabel('所有').check();
|
||
await page.locator('.ant-btn-primary', { hasText: '下一步' }).click();
|
||
await page.locator('.ant-row .upload_icon').last().click();
|
||
// 上传图片
|
||
const path1 = './tests/imgs/商品M.jpg';
|
||
await page
|
||
.locator('span')
|
||
.filter({ hasText: '我已阅读并同意 《慧来客图片上传协议》' })
|
||
.getByRole('textbox')
|
||
.setInputFiles(path1);
|
||
await page.locator('.ant-btn', { hasText: '开始上传' }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '上传成功' })).toBeVisible();
|
||
await page.locator('.ant-upload-list-item-list-type-picture-card').waitFor();
|
||
await page.locator('.ant-btn-primary', { hasText: /^保\s存$/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '保存成功' })).toBeVisible();
|
||
// 校验商品M
|
||
await expect(commodityM).toBeVisible();
|
||
|
||
// 删除商品M
|
||
await commodityM.locator('.ant-btn', { hasText: '删除' }).click();
|
||
await page.locator('.comfirm_btn', { hasText: /^确\s认$/ }).click();
|
||
await page.locator('.ant-message', { hasText: '删除成功' }).waitFor();
|
||
|
||
await page.locator('.close_btn > .icon > svg').click();
|
||
await expect(page.locator('.close_btn > .icon > svg')).not.toBeVisible();
|
||
});
|
||
});
|
||
});
|
||
|
||
test.describe('商城订单', () => {
|
||
test('查询订单', async ({ page, homeNavigation, createCustomer, customerPage }) => {
|
||
const customer = createCustomer;
|
||
|
||
await test.step('给顾客进行购买会员卡', async () => {
|
||
await homeNavigation.gotoModule('收银');
|
||
await page.getByRole('button', { name: /开\s单/ }).click();
|
||
// 选择会员
|
||
await customerPage.searchCustomer(customer.phone);
|
||
await customerPage.selectSearchCustomer(customer.username);
|
||
await page.locator('.number_service').waitFor();
|
||
// 点击开卡
|
||
await page.getByRole('button', { name: /^开\s卡$/ }).click();
|
||
// 选择会员卡A
|
||
await page
|
||
.locator('.memberCard_box > .needsclick')
|
||
.getByText(/^会员卡$/)
|
||
.click();
|
||
// 结算
|
||
await page.getByRole('button', { name: '去结算' }).click();
|
||
// 选择现金支付
|
||
await page.getByText('现金', { exact: true }).click();
|
||
await page.getByLabel('推送消费提醒').uncheck();
|
||
await page.getByLabel('结算签字').uncheck();
|
||
await page.getByRole('button', { name: /^结\s算$/ }).click();
|
||
await page.getByRole('button', { name: /跳\s过/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '结算成功' })).toBeVisible();
|
||
});
|
||
|
||
await test.step('进入H5商城购买商品', async () => {
|
||
await page.goto(process.env.STOREH5_URL ?? '');
|
||
await page.locator('.bar_item', { hasText: '我的' }).click();
|
||
await page.getByText('登录', { exact: true }).click();
|
||
// 登录顾客手机
|
||
// 点击同意协议
|
||
await page.locator('.uni-radio-input').click();
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
await page
|
||
.locator('.login-box_input')
|
||
.filter({
|
||
has: page.locator('.input-placeholder', { hasText: '请输入手机号码' }),
|
||
})
|
||
.locator('.uni-input-input')
|
||
.fill(customer.phone);
|
||
await page
|
||
.locator('.login-box_input')
|
||
.filter({
|
||
has: page.locator('.input-placeholder', { hasText: '请输入验证码' }),
|
||
})
|
||
.locator('.uni-input-input')
|
||
.fill('1660');
|
||
await expect(async () => {
|
||
await page.locator('.login-box_btn', { hasText: /^登录$/ }).click();
|
||
await page.locator('.bar_item', { hasText: '商城' }).waitFor();
|
||
}).toPass();
|
||
// 进入商城
|
||
await page.locator('.bar_item', { hasText: '商城' }).click();
|
||
// 全部
|
||
await page.locator('.li', { hasText: '全部' }).click();
|
||
// 点击进入商品
|
||
await page.locator('.mescroll-wxs-content .pname', { hasText: '商品F' }).first().click();
|
||
// 购买商品
|
||
await page.locator('.button_hover', { hasText: '立即购买' }).click();
|
||
// 选择门店
|
||
await page.locator('.scroll-view-item').first().waitFor();
|
||
await page.locator('.scroll-view-item', { hasText: 'AT测试一店' }).click();
|
||
await page
|
||
.locator('.pickstore-body')
|
||
.filter({ has: page.locator('.scroll-view-item', { hasText: 'AT测试一店' }) })
|
||
.locator('.public_color')
|
||
.waitFor();
|
||
// 确认
|
||
await page.locator('.mgj-picker-btn-ok', { hasText: /^确认$/ }).click();
|
||
await page.locator('.box-header_content .title', { hasText: '订单支付' }).waitFor();
|
||
// 选择会员卡支付
|
||
await page.locator('.yellow_row', { hasText: '会员卡' }).click();
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
// 确认支付
|
||
await page.locator('.okbtn', { hasText: '确认支付' }).click();
|
||
await expect(page.locator('.okText', { hasText: '支付成功' })).toBeVisible();
|
||
// 返回
|
||
await page.locator('.back').click();
|
||
// 购买商品
|
||
await page.locator('.button_hover', { hasText: '立即购买' }).click();
|
||
// 选择门店
|
||
await page.locator('.scroll-view-item').first().waitFor();
|
||
await page.locator('.scroll-view-item', { hasText: 'AT测试一店' }).click();
|
||
await page
|
||
.locator('.pickstore-body')
|
||
.filter({ has: page.locator('.scroll-view-item', { hasText: 'AT测试一店' }) })
|
||
.locator('.public_color')
|
||
.waitFor();
|
||
// 确认
|
||
await page.locator('.mgj-picker-btn-ok', { hasText: /^确认$/ }).click();
|
||
await page.locator('.box-header_content .title', { hasText: '订单支付' }).waitFor();
|
||
// 选择微信支付
|
||
await page.locator('.form_row .wechat').click();
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
|
||
// 确认支付
|
||
await page.locator('.okbtn', { hasText: '确认支付' }).click();
|
||
await expect(async () => {
|
||
const Yes = page.locator('.uni-modal__btn_primary', { hasText: '是' });
|
||
if (await Yes.isVisible()) {
|
||
await page.locator('.uni-modal__btn_primary', { hasText: '是' }).click();
|
||
await page.locator('.okbtn', { hasText: '确认支付' }).click();
|
||
}
|
||
await expect(Yes).not.toBeVisible();
|
||
// 购买一个套餐F 自动核销为已使用
|
||
await page.locator('.jump_btn', { hasText: '回到商家' }).last().waitFor({ timeout: 5000 }); //不限制会等30秒
|
||
await page.locator('.jump_btn', { hasText: '回到商家' }).last().click();
|
||
}).toPass();
|
||
|
||
// 进入商城
|
||
await page.locator('.bar_item', { hasText: '商城' }).click();
|
||
// 全部
|
||
await page.locator('.li', { hasText: '全部' }).click();
|
||
// 点击进入商品
|
||
await page.locator('.mescroll-wxs-content .pname', { hasText: '套餐F' }).first().click();
|
||
// 购买商品
|
||
await page.locator('.button_hover', { hasText: '立即购买' }).click();
|
||
// 选择门店
|
||
await page.locator('.scroll-view-item').first().waitFor();
|
||
await page.locator('.scroll-view-item', { hasText: 'AT测试一店' }).click();
|
||
await page
|
||
.locator('.pickstore-body')
|
||
.filter({ has: page.locator('.scroll-view-item', { hasText: 'AT测试一店' }) })
|
||
.locator('.public_color')
|
||
.waitFor();
|
||
// 确认
|
||
await page.locator('.mgj-picker-btn-ok', { hasText: /^确认$/ }).click();
|
||
await page.locator('.box-header_content .title', { hasText: '订单支付' }).waitFor();
|
||
// 选择会员卡支付
|
||
await page.locator('.yellow_row', { hasText: '会员卡' }).click();
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
// 确认支付
|
||
await page.locator('.okbtn', { hasText: '确认支付' }).click();
|
||
await expect.soft(page.locator('.okText', { hasText: '支付成功' })).toBeVisible();
|
||
});
|
||
|
||
await test.step('回商城订单根据状态校验', async () => {
|
||
await page.goto(process.env.BASE_URL ?? '');
|
||
// 进入营销
|
||
await homeNavigation.gotoModule('营销');
|
||
// 点击商城订单
|
||
await page.locator('.listBox .name', { hasText: '商城订单' }).click();
|
||
await page.locator('.top .title', { hasText: '商城' }).waitFor();
|
||
// 勾选已使用
|
||
await expect(async () => {
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '未使用' }).click();
|
||
const SelectA = page.locator('.ant-checkbox-wrapper-checked', { hasText: '未使用' });
|
||
await expect(SelectA).not.toBeVisible({ timeout: 2000 });
|
||
}).toPass();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
// 判断刚创的会员有已使用套餐
|
||
const code = page.locator('.scroller .list .detail');
|
||
const HaveBeenUsed = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '套餐F' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '已使用' }) });
|
||
await expect(HaveBeenUsed).toBeVisible();
|
||
|
||
// 勾选未使用
|
||
await expect(async () => {
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '未使用' }).click();
|
||
const SelectA = page.locator('.ant-checkbox-wrapper-checked', { hasText: '未使用' });
|
||
await expect(SelectA).toBeVisible({ timeout: 2000 });
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '已使用' }).click();
|
||
const SelectC = page.locator('.ant-checkbox-wrapper-checked', { hasText: '已使用' });
|
||
await expect(SelectC).not.toBeVisible({ timeout: 2000 });
|
||
}).toPass();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
// 判断刚创的会员有未使用商品
|
||
const NotInUse = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '商品F' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '未使用' }) });
|
||
await expect(NotInUse).toBeVisible();
|
||
|
||
// 勾选未支付
|
||
await expect(async () => {
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '未支付' }).click();
|
||
const SelectB = page.locator('.ant-checkbox-wrapper-checked', { hasText: '未支付' });
|
||
await expect(SelectB).toBeVisible({ timeout: 2000 });
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '未使用' }).click();
|
||
const SelectC = page.locator('.ant-checkbox-wrapper-checked', { hasText: '未使用' });
|
||
await expect(SelectC).not.toBeVisible({ timeout: 2000 });
|
||
}).toPass();
|
||
|
||
// 判断刚创的会员有待支付
|
||
const NonPayment = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '商品F' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '待支付' }) });
|
||
await expect(NonPayment).toBeVisible();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
// 除了退款全勾上
|
||
await expect(async () => {
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '未支付' }).click();
|
||
const SelectB = page.locator('.ant-checkbox-wrapper-checked', { hasText: '未支付' });
|
||
await expect(SelectB).toBeVisible({ timeout: 2000 });
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '未使用' }).click();
|
||
const SelectA = page.locator('.ant-checkbox-wrapper-checked', { hasText: '未使用' });
|
||
await expect(SelectA).toBeVisible({ timeout: 2000 });
|
||
await page.locator('.ant-checkbox-wrapper', { hasText: '已使用' }).click();
|
||
const SelectC = page.locator('.ant-checkbox-wrapper-checked', { hasText: '已使用' });
|
||
await expect(SelectC).toBeVisible({ timeout: 2000 });
|
||
}).toPass();
|
||
});
|
||
|
||
await test.step('根据类型校验', async () => {
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '选择商品类型' }).click();
|
||
await page.locator('.ant-select-dropdown-menu-item', { hasText: '服务类' }).click();
|
||
const ServiceClass = page.locator('.ant-select-selection-selected-value', { hasText: '服务类' });
|
||
await ServiceClass.waitFor();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
// 判断刚创的会员有已使用套餐
|
||
const code = page.locator('.scroller .list .detail');
|
||
const HaveBeenUsed = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '套餐F' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '已使用' }) });
|
||
await expect(HaveBeenUsed).toBeVisible();
|
||
|
||
// 去掉筛选条件
|
||
await page.locator('.anticon-close-circle').click();
|
||
await expect(ServiceClass).not.toBeVisible();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
await page.locator('.ant-select-selection__rendered', { hasText: '选择商品分类' }).click();
|
||
await page.locator('.ant-select-dropdown-menu-item', { hasText: '美容养颜' }).click();
|
||
const CommodityType = page.locator('.ant-select-selection-selected-value', { hasText: '美容养颜' });
|
||
await expect(CommodityType).toBeVisible();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
// 判断刚创的会员有已使用套餐
|
||
await expect(HaveBeenUsed).toBeVisible();
|
||
|
||
// 去掉筛选条件
|
||
await page.locator('.anticon-close-circle').click();
|
||
await expect(CommodityType).not.toBeVisible();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
await page.locator('.ant-select-selection--multiple', { hasText: '选择使用门店' }).click();
|
||
await page.locator('.comSelect_title', { hasText: '选择使用门店' }).click();
|
||
// 选择一店
|
||
await page.locator('.customWith', { hasText: 'AT测试一店' }).click();
|
||
await page.locator('.loading_container').waitFor({ state: 'hidden' });
|
||
// 判断刚创的会员有已使用套餐
|
||
await expect(HaveBeenUsed).toBeVisible();
|
||
await page.locator('.ant-select-selection__choice__remove').click();
|
||
});
|
||
|
||
await test.step('根据搜索校验', async () => {
|
||
// 点击搜索
|
||
await page.locator('.searchButton').click();
|
||
await page.getByPlaceholder('搜索关键字').fill('套餐F');
|
||
await page.locator('.ant-input-affix-wrapper-input-with-clear-btn .search_btn').click();
|
||
|
||
// 判断刚创的会员有已使用套餐
|
||
const code = page.locator('.scroller .list .detail');
|
||
const HaveBeenUsed = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '套餐F' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '已使用' }) });
|
||
await expect(HaveBeenUsed).toBeVisible();
|
||
});
|
||
});
|
||
|
||
test('订单详情', async ({ page, homeNavigation, createCustomer, customerPage }) => {
|
||
const code = page.locator('.scroller .list .detail');
|
||
|
||
const customer = createCustomer;
|
||
|
||
await test.step('开会员卡用于消费商品', async () => {
|
||
await homeNavigation.gotoModule('收银');
|
||
await page.getByRole('button', { name: /^开\s单$/ }).click();
|
||
await customerPage.searchCustomer(customer.phone);
|
||
await customerPage.selectSearchCustomer(customer.username);
|
||
await page.locator('.number_service').waitFor();
|
||
await page.getByRole('button', { name: /^开\s卡$/ }).click();
|
||
// 选择会员卡A
|
||
await page
|
||
.locator('.memberCard_box > .needsclick')
|
||
.getByText(/^会员卡$/)
|
||
.click();
|
||
// 结算
|
||
await page.getByRole('button', { name: '去结算' }).click();
|
||
await page.getByText('现金', { exact: true }).click();
|
||
await page.getByLabel('推送消费提醒').uncheck();
|
||
await page.getByLabel('结算签字').uncheck();
|
||
await page.getByRole('button', { name: /^结\s算$/ }).click();
|
||
await page.getByRole('button', { name: /跳\s过/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '结算成功' })).toBeVisible();
|
||
});
|
||
|
||
await test.step('进入H5商城购买商品', async () => {
|
||
await page.goto(process.env.STOREH5_URL ?? '');
|
||
await page.locator('.bar_item', { hasText: '我的' }).click();
|
||
await page.getByText('登录', { exact: true }).click();
|
||
// 登录顾客手机
|
||
await page.locator('.uni-radio-input').click(); //点击同意协议
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
await page
|
||
.locator('.login-box_input')
|
||
.filter({
|
||
has: page.locator('.input-placeholder', { hasText: '请输入手机号码' }),
|
||
})
|
||
.locator('.uni-input-input')
|
||
.fill(customer.phone);
|
||
await page
|
||
.locator('.login-box_input')
|
||
.filter({
|
||
has: page.locator('.input-placeholder', { hasText: '请输入验证码' }),
|
||
})
|
||
.locator('.uni-input-input')
|
||
.fill('1660');
|
||
await expect(async () => {
|
||
await page.locator('.login-box_btn', { hasText: /^登录$/ }).click();
|
||
await page.locator('.bar_item', { hasText: '商城' }).waitFor();
|
||
}).toPass({ timeout: 60000 });
|
||
// 进入商城
|
||
await page.locator('.bar_item', { hasText: '商城' }).click();
|
||
// 全部
|
||
await page.locator('.li', { hasText: '全部' }).click();
|
||
// 点击进入商品
|
||
await page.locator('.mescroll-wxs-content .pname', { hasText: '商品E' }).first().click();
|
||
// 购买商品
|
||
await page.locator('.button_hover', { hasText: '立即购买' }).click();
|
||
// 选择门店
|
||
await page.locator('.scroll-view-item').first().waitFor();
|
||
await page.locator('.scroll-view-item', { hasText: 'AT测试一店' }).click();
|
||
await page
|
||
.locator('.pickstore-body')
|
||
.filter({ has: page.locator('.scroll-view-item', { hasText: 'AT测试一店' }) })
|
||
.locator('.public_color')
|
||
.waitFor();
|
||
// 确认
|
||
await page.locator('.mgj-picker-btn-ok', { hasText: /^确认$/ }).click();
|
||
await page.locator('.box-header_content .title', { hasText: '订单支付' }).waitFor();
|
||
// 选择会员卡支付
|
||
await page.locator('.yellow_row', { hasText: '会员卡' }).click();
|
||
await page.locator('.uni-radio-input-checked').waitFor();
|
||
// 确认支付
|
||
await page.locator('.okbtn', { hasText: '确认支付' }).click();
|
||
await expect(page.locator('.okText', { hasText: '支付成功' })).toBeVisible();
|
||
});
|
||
|
||
await test.step('搜索商品E验证', async () => {
|
||
await page.goto(process.env.BASE_URL ?? '');
|
||
// 进入营销
|
||
await homeNavigation.gotoModule('营销');
|
||
// 点击商城订单
|
||
await page.locator('.listBox .name', { hasText: '商城订单' }).click();
|
||
await page.locator('.top .title', { hasText: '商城' }).waitFor();
|
||
|
||
// 点击搜索
|
||
await page.locator('.searchButton').click();
|
||
await page.getByPlaceholder('搜索关键字').fill('商品E');
|
||
await page.locator('.ant-input-affix-wrapper-input-with-clear-btn .search_btn').click();
|
||
|
||
// 判断会员买的商品E 数量1 实付金额100元，状态未使用
|
||
const Member = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '商品E' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '未使用' }) })
|
||
.filter({ has: page.locator('.num', { hasText: '1' }) })
|
||
.filter({ has: page.locator('.amount', { hasText: '¥100' }) });
|
||
await expect(Member).toBeVisible();
|
||
});
|
||
|
||
await test.step('点击顾客名称进入顾客详情', async () => {
|
||
// 点击顾客名称
|
||
await page.locator('.scroller .list .detail .user', { hasText: customer.username }).click();
|
||
await page.locator('.consume_data').waitFor();
|
||
// 对比该顾客是不是刚创建的
|
||
await expect.soft(page.locator('.user_name')).toContainText(customer.username);
|
||
// await expect(page.getByText(customer.phone)).toBeVisible();
|
||
await expect(page.locator('.member_info_box .phone')).toContainText(customer.phone);
|
||
// 关闭顾客详情
|
||
await page.locator('.close_icons').click();
|
||
const BasicData = page.locator('.ant-tabs-tab-active', { hasText: '基本资料' });
|
||
await expect(BasicData).not.toBeVisible();
|
||
});
|
||
|
||
await test.step('点击备注，输入备注并保存', async () => {
|
||
const remark = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '商品E' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '未使用' }) })
|
||
.filter({ has: page.locator('.num', { hasText: '1' }) })
|
||
.filter({ has: page.locator('.amount', { hasText: '¥100' }) });
|
||
await expect(remark).toBeVisible();
|
||
|
||
// 点击备注 并输入备注
|
||
await remark.locator('.comment .anticon').click();
|
||
await page.locator('.title', { hasText: '编辑备注' }).waitFor();
|
||
await page.getByPlaceholder('请输入1-100个字符备注内容').click(); // 点击输入框触发保存
|
||
await page.getByPlaceholder('请输入1-100个字符备注内容').fill('测试');
|
||
await page.locator('.comfirm_btn', { hasText: /^保\s存$/ }).click();
|
||
|
||
// 判断刚输入的备注是否成功
|
||
await expect(remark.locator('.comment')).toContainText('测试');
|
||
});
|
||
|
||
await test.step('点击详情，查看商品购买详情', async () => {
|
||
const Details = code
|
||
.filter({ has: page.locator('.head', { hasText: customer.username }) })
|
||
.filter({ has: page.locator('div .name', { hasText: '商品E' }) })
|
||
.filter({ has: page.locator('.status_text', { hasText: '未使用' }) })
|
||
.filter({ has: page.locator('.num', { hasText: '1' }) })
|
||
.filter({ has: page.locator('.amount', { hasText: '¥100' }) });
|
||
// 点击详情
|
||
await Details.locator('.ant-btn-link', { hasText: '详情' }).click();
|
||
await expect(page.locator('.header', { hasText: '订单详情' })).toBeVisible();
|
||
|
||
// 判断会员手机、订单状态、支付方式、实付金额
|
||
await expect.soft(page.locator('.info_warp .phone')).toContainText(customer.phone);
|
||
await expect.soft(page.locator('.box').getByText('未使用')).toBeVisible();
|
||
await expect.soft(page.locator('.alloytouch-target .item').locator('div').nth(9)).toContainText('卡金');
|
||
await expect(page.locator('.alloytouch-target .item').locator('div').nth(19)).toContainText('100');
|
||
});
|
||
});
|
||
|
||
test.skip('导出', async ({ page, homeNavigation }) => {
|
||
// 进入营销
|
||
await homeNavigation.gotoModule('营销');
|
||
// 点击商城订单
|
||
await page.locator('.listBox .name', { hasText: '商城订单' }).click();
|
||
await page.locator('.top .title', { hasText: '商城' }).waitFor();
|
||
const downloadPromise = page.waitForEvent('download');
|
||
// 点击更多
|
||
await page.locator('.more .batch_span').click();
|
||
// 点击导出
|
||
await page.locator('.ant-dropdown-menu-item', { hasText: '导出' }).click();
|
||
const download = await downloadPromise;
|
||
// 获取下载的文件名
|
||
const fileName = download.suggestedFilename();
|
||
// 指定保存下载文件的路径
|
||
const downloadPath = path.join(__dirname, `@/imgs/${fileName}`);
|
||
// 保存下载的文件
|
||
await download.saveAs(downloadPath);
|
||
// 验证文件是否成功保存
|
||
const fileExists = fs.existsSync(downloadPath);
|
||
expect(fileExists).toBeTruthy();
|
||
});
|
||
});
|
||
|
||
test('抢购', async ({ page, homeNavigation }) => {
|
||
// 进入营销-抢购
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.category_1_itemStyle .category_1_itemStyle_content_name', { hasText: /^抢购$/ }).click();
|
||
await page.locator('.main-table-body_tr').first().waitFor();
|
||
const GroupBuying = await page.locator('.ant-select-selection-selected-value').innerText();
|
||
expect(GroupBuying).toBe('抢购');
|
||
});
|
||
|
||
test('团购', async ({ page, homeNavigation }) => {
|
||
// 进入营销-团购
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.locator('.category_1_itemStyle .category_1_itemStyle_content_name', { hasText: /^团购$/ }).click();
|
||
await page.locator('.main-table-body_tr').first().waitFor();
|
||
const GroupBuying = await page.locator('.ant-select-selection-selected-value').innerText();
|
||
expect(GroupBuying).toBe('团购');
|
||
});
|
||
});
|
||
|
||
test.describe('品牌', () => {
|
||
test.describe('门店信息', () => {
|
||
test('品牌信息配置', async ({ page, homeNavigation }) => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.getByText('个性装扮').click();
|
||
|
||
// 随机门店名称
|
||
const marketingName = 'AT测试' + faker.string.alpha(3);
|
||
// 上传图片路径
|
||
const uploadImgFile = path.join(__dirname, '@/imgs/upload.jpg');
|
||
|
||
const $marketingNameInput = page
|
||
.locator('div')
|
||
.filter({ has: page.getByText('品牌名称') })
|
||
.locator('input[type="text"]');
|
||
const $uploadBtn = page.locator('input[type="file"]');
|
||
const $uploadImg = page
|
||
.locator('div')
|
||
.filter({ has: page.getByText('品牌logo') })
|
||
.locator('.upload_img img');
|
||
|
||
await $marketingNameInput.fill(marketingName);
|
||
await page.getByLabel('icon: delete').locator('svg').click();
|
||
await $uploadImg.focus();
|
||
await expect($uploadBtn).toBeVisible();
|
||
await $uploadBtn.setInputFiles(uploadImgFile);
|
||
const [res] = await Promise.all([
|
||
page.waitForResponse(res => res.url().includes('/base64Upload') && res.status() === 200),
|
||
page.getByRole('button', { name: '开始上传' }).click(),
|
||
]);
|
||
const resBody = await res.json();
|
||
const getImgPath = resBody?.content?.filePath;
|
||
expect(getImgPath).not.toBeNull();
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '操作成功' })).toBeVisible();
|
||
await page.locator('label').filter({ hasText: '门店信息' }).click();
|
||
await page.locator('label').filter({ hasText: '品牌信息' }).click();
|
||
|
||
await expect($marketingNameInput).toHaveValue(marketingName);
|
||
await expect($uploadImg.filter({ hasText: getImgPath })).toBeVisible();
|
||
});
|
||
|
||
test.skip('门店信息配置，预览修改配置', async ({ page, homeNavigation }) => {
|
||
const storeName = 'AT测试一店' + faker.string.alpha(3);
|
||
const storeTag = '一店' + faker.string.alpha(3);
|
||
const storePhone = faker.helpers.fromRegExp(/1[3-9][0-1]{9}/);
|
||
|
||
const $firstStoreTr = page.locator('.main-table-body_tr').first();
|
||
|
||
const $popupIframe = page.locator('.popup_content iframe').contentFrame();
|
||
|
||
await test.step('进入门店信息', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.getByText('个性装扮').click();
|
||
await page.locator('span').filter({ hasText: '门店信息' }).click();
|
||
await expect(page.getByText('门店排序')).toBeVisible();
|
||
});
|
||
|
||
await test.step('门店信息配置', async () => {
|
||
const $storeName = page.locator('.item', { hasText: '门店名称' }).locator('.ant-input');
|
||
const $storeTag = page.locator('.item', { hasText: '区域标签' }).locator('.ant-input');
|
||
const $storePhone = page.locator('.item', { hasText: '电话' }).locator('.ant-input');
|
||
|
||
await $firstStoreTr.getByText('编辑').first().click();
|
||
await $storeName.fill(storeName);
|
||
await $storeTag.fill(storeTag);
|
||
await $storePhone.fill(storePhone);
|
||
await page.locator('.tangram-suggestion tr > td').first().click();
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
|
||
await expect(page.getByRole('cell', { name: storeName })).toBeVisible();
|
||
await expect(page.getByRole('cell', { name: storeTag })).toBeVisible();
|
||
await expect(page.getByRole('cell', { name: storePhone })).toBeVisible();
|
||
});
|
||
|
||
await test.step('预览修改配置', async () => {
|
||
await $firstStoreTr.getByText('扫码预览').first().click();
|
||
await $popupIframe.locator('.bar_item', { hasText: '预约' }).click();
|
||
await $popupIframe.getByText('切换门店').click();
|
||
await expect($popupIframe.getByText(storeName)).toBeVisible();
|
||
});
|
||
});
|
||
|
||
test('门店排序', async ({ page, homeNavigation }) => {
|
||
let firstTrStoreName: string;
|
||
let secondTrStoreName: string;
|
||
|
||
await test.step('进入门店信息', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.getByText('个性装扮').click();
|
||
await page.locator('span').filter({ hasText: '门店信息' }).click();
|
||
await expect(page.getByText('门店排序')).toBeVisible();
|
||
});
|
||
|
||
await test.step('门店排序，查看门店排序', async () => {
|
||
await page.getByText('门店排序').click();
|
||
const $popup = page.locator('.popup_content');
|
||
const $firstTr = $popup.locator('.sort_tbody .tr').nth(0);
|
||
const $secondTr = $popup.locator('.sort_tbody .tr').nth(1);
|
||
|
||
firstTrStoreName = await $firstTr.locator('.item').first().innerText();
|
||
secondTrStoreName = await $secondTr.locator('.item').first().innerText();
|
||
|
||
// await page.pause();
|
||
await $secondTr.locator('.item').nth(1).dragTo($firstTr.locator('.item').nth(1));
|
||
await expect($firstTr.locator('.item').first()).toContainText(secondTrStoreName);
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '操作成功' })).toBeVisible();
|
||
|
||
const $$storeTr = page.locator('.main-table-body_tr');
|
||
await expect($$storeTr.nth(0).getByRole('cell').nth(1)).toContainText(secondTrStoreName);
|
||
await expect($$storeTr.nth(1).getByRole('cell').nth(1)).toContainText(firstTrStoreName);
|
||
});
|
||
});
|
||
});
|
||
|
||
test.describe('个性化', () => {
|
||
test('模块', async ({ page, homeNavigation }) => {
|
||
let createModuleName = '新增模块名称' + faker.helpers.fromRegExp(/[0-9]{2}/);
|
||
let editModuleName = '修改模块名称' + faker.helpers.fromRegExp(/[0-9]{2}/);
|
||
const sideIframe = page.frameLocator('.side iframe');
|
||
const popupIframe = page.locator('.popup_content iframe').contentFrame();
|
||
let tableTr = page.locator('.tr');
|
||
let lastTableTr = tableTr.last();
|
||
|
||
await test.step('新增模块', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
|
||
await page.getByText('个性装扮').click();
|
||
await page.getByText('个性化').click();
|
||
await page.getByRole('button', { name: '新增模块' }).click();
|
||
|
||
// 输入模块信息
|
||
await page.getByPlaceholder('输入名称').fill(createModuleName);
|
||
await page.getByText('选择图标').click();
|
||
await page
|
||
.locator('div')
|
||
.filter({ hasText: /^分析$/ })
|
||
.first()
|
||
.click();
|
||
await lastTableTr
|
||
.locator('div')
|
||
.filter({ hasText: /^选择页面$/ })
|
||
.click();
|
||
await page.locator('tr', { hasText: '商城' }).getByLabel('', { exact: true }).check();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
|
||
await page.locator('.pre-table-body').getByText('确认').click();
|
||
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
|
||
await expect(async () => {
|
||
await sideIframe.locator('.bar_item', { hasText: createModuleName }).click();
|
||
await expect(sideIframe.locator('uni-view.title', { hasText: createModuleName })).toBeVisible({
|
||
timeout: 2000,
|
||
});
|
||
}).toPass();
|
||
});
|
||
|
||
await test.step('修改模块名称，隐藏模块', async () => {
|
||
await page
|
||
.locator('div')
|
||
.filter({ hasText: new RegExp(`^${createModuleName}$`) })
|
||
.locator('svg')
|
||
.click();
|
||
await page.getByPlaceholder('输入名称').fill(editModuleName);
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
|
||
// 查看修改后的模块名称
|
||
await expect(sideIframe.locator('.bar_item', { hasText: editModuleName })).toBeVisible();
|
||
|
||
// 模块隐藏和展示成功
|
||
await page.locator('.tr', { hasText: editModuleName }).getByRole('switch', { name: '是' }).click();
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
await page.locator('.ant-message-notice', { hasText: '操作成功' }).waitFor();
|
||
await expect(sideIframe.locator('.bar_item', { hasText: editModuleName })).not.toBeVisible();
|
||
|
||
await page.locator('.tr', { hasText: editModuleName }).getByRole('switch', { name: '否' }).click();
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
await page.locator('.ant-message-notice', { hasText: '操作成功' }).waitFor();
|
||
await expect(sideIframe.locator('.bar_item', { hasText: editModuleName })).toBeVisible();
|
||
});
|
||
|
||
await test.step('模块排序，删除模块', async () => {
|
||
const editTableTr = tableTr.filter({ hasText: editModuleName });
|
||
// 模块排序
|
||
await page
|
||
.locator('div')
|
||
.filter({ hasText: /^模块排序$/ })
|
||
.nth(1)
|
||
.click();
|
||
await editTableTr.locator('.td.td-opt').dragTo(tableTr.nth(1).locator('.td.td-opt'));
|
||
|
||
await page.getByText('结束排序').click();
|
||
|
||
await page.locator('.ant-message', { hasText: '排序成功' }).waitFor();
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
|
||
// await page.pause();
|
||
|
||
const barItemText = await sideIframe.locator('.bar_item').allInnerTexts();
|
||
expect(barItemText[0]).toContain(editModuleName);
|
||
|
||
// 模块删除
|
||
await editTableTr.getByText('删除').click();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
await page.locator('.ant-message', { hasText: '删除模块成功' }).waitFor();
|
||
await expect(sideIframe.locator('.bar_item', { hasText: editModuleName })).not.toBeVisible();
|
||
await expect(editTableTr).not.toBeVisible();
|
||
|
||
// 判断预览
|
||
await page.getByRole('button', { name: '保存并预览' }).click();
|
||
await expect(popupIframe.locator('.bar_item').last()).toBeVisible();
|
||
// 二维码能够解析出url
|
||
const dirPath = path.resolve(__dirname, '@/tests/imgs');
|
||
if (!fs.existsSync(dirPath)) {
|
||
fs.mkdirSync(dirPath, { recursive: true });
|
||
}
|
||
const filePath = path.resolve(dirPath, 'previewWindow.jpg');
|
||
|
||
await page.locator('.qrcode .hqrcode').screenshot({ path: filePath });
|
||
const urlContent = decodeQR(filePath);
|
||
expect(urlContent).not.toBeNull();
|
||
});
|
||
});
|
||
|
||
test('个性化配置', async ({ page, homeNavigation }) => {
|
||
const $setAppointment = page.locator('.tr').filter({
|
||
has: page.getByText('预约').first(),
|
||
});
|
||
|
||
await test.step('进入门店信息', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.getByText('个性装扮').click();
|
||
await page.getByText('个性化').click();
|
||
await expect(page.getByRole('button', { name: '新增模块' })).toBeVisible();
|
||
await $setAppointment.getByText('个性化').click();
|
||
await expect(page.getByText('个性化设置')).toBeVisible();
|
||
await page.getByLabel('员工优先模式选择员工>选择项目>选择时间>确认预约').check();
|
||
const $box = page.locator('.box');
|
||
await $box.getByRole('button', { name: /保\s存/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '操作成功' })).toBeVisible();
|
||
await expect(page.getByText('个性化设置')).not.toBeVisible();
|
||
});
|
||
|
||
await test.step('查看配置生效', async () => {
|
||
const $sideIframe = page.locator('.side iframe').contentFrame();
|
||
await $sideIframe.getByText('预约', { exact: true }).click();
|
||
await expect($sideIframe.getByText('不指定人预约')).toBeVisible();
|
||
});
|
||
});
|
||
|
||
let initPage: Page;
|
||
test.beforeAll(async ({ browser, baseURL }) => {
|
||
initPage = await browser.newPage();
|
||
const homeNavigation = new HomeNavigation(initPage);
|
||
await initPage.goto(baseURL ?? '');
|
||
await homeNavigation.gotoModule('营销');
|
||
|
||
// 恢复个性化配置
|
||
await initPage.getByText('个性装扮').click();
|
||
await initPage.getByText('个性化').click();
|
||
await test.step('重置预约个性化配置', async () => {
|
||
const $setAppointment = initPage.locator('.tr').filter({
|
||
has: initPage.getByText('预约').first(),
|
||
});
|
||
await expect($setAppointment).toBeVisible();
|
||
await $setAppointment.getByText('个性化').click();
|
||
await expect(initPage.getByText('个性化设置')).toBeVisible();
|
||
await initPage.getByLabel('项目优先模式选择项目>选择时间>选择员工>确认预约').check();
|
||
const $box = initPage.locator('.box');
|
||
await $box.getByRole('button', { name: /保\s存/ }).click();
|
||
});
|
||
});
|
||
|
||
test.afterAll(async ({ baseURL }) => {
|
||
const homeNavigation = new HomeNavigation(initPage);
|
||
await initPage.goto(baseURL ?? '');
|
||
await homeNavigation.gotoModule('营销');
|
||
|
||
// 删除所有新增模块
|
||
await initPage.getByText('个性装扮').click();
|
||
await initPage.getByText('个性化').click();
|
||
await initPage
|
||
.locator('div')
|
||
.filter({ hasText: /^我的$/ })
|
||
.last()
|
||
.waitFor();
|
||
const deleteCount = async () => await initPage.locator('.td', { hasText: '删除' }).count();
|
||
const maxRetry = 10;
|
||
let retry = 0;
|
||
while ((await deleteCount()) > 0 && retry < maxRetry) {
|
||
await initPage.locator('.td').getByText('删除').first().click();
|
||
await initPage.getByRole('button', { name: /确\s认/ }).click();
|
||
await initPage.waitForLoadState('domcontentloaded');
|
||
retry++;
|
||
}
|
||
});
|
||
});
|
||
|
||
test.describe('个性化', () => {
|
||
test('配色', async ({ page, homeNavigation }) => {
|
||
let colorArray: string[];
|
||
|
||
await test.step('进入个性化装扮', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await page.getByText('个性装扮').click();
|
||
await page.getByText('个性化').click();
|
||
await page.locator('.main-head span').filter({ hasText: '配色' }).click();
|
||
});
|
||
|
||
await test.step('获取所有主题色', async () => {
|
||
const colorItems = await page.locator('.color-item a:first-child').all();
|
||
colorArray = await Promise.all(
|
||
colorItems.map(async item => {
|
||
return await item.evaluate(el => getComputedStyle(el).backgroundColor);
|
||
}),
|
||
);
|
||
expect(colorArray.length).not.toBe(0);
|
||
});
|
||
|
||
await test.step('设置主题色，并且查看预览色', async () => {
|
||
const randomColor = faker.number.int({ min: 0, max: colorArray.length - 1 });
|
||
const $$colorItem = page.locator('.color-item');
|
||
await $$colorItem.nth(randomColor).click();
|
||
await page.getByRole('button', { name: '保存并预览' }).click();
|
||
|
||
const $popupIframe = page.locator('.popup_content iframe').contentFrame();
|
||
const $logo = $popupIframe.locator('.bar_item', { hasText: '我的' }).locator('.logo');
|
||
|
||
await $logo.waitFor();
|
||
await page.waitForTimeout(2000);
|
||
const logoColor = await $logo.evaluate(e => getComputedStyle(e).color);
|
||
expect(logoColor).toBe(colorArray[randomColor]);
|
||
});
|
||
});
|
||
|
||
test('页面', async ({ page, homeNavigation }) => {
|
||
const pageName = '测试页面' + faker.string.alpha(3);
|
||
const pageContent = '测试页面';
|
||
const copyPageName = pageName + '复制';
|
||
const $tableTr = page.locator('.main-table-body_tr');
|
||
const $newPageTr = $tableTr.filter({
|
||
has: page.locator('td:first-child').filter({ hasText: new RegExp(`^${pageName}$`) }),
|
||
});
|
||
const $copyPageTr = $tableTr.filter({
|
||
has: page.locator('td:first-child').filter({ hasText: new RegExp(`^${copyPageName}$`) }),
|
||
});
|
||
const $storePageTr = $tableTr.filter({
|
||
has: page.locator('td:first-child').filter({ hasText: '商城' }),
|
||
});
|
||
|
||
await homeNavigation.gotoModule('营销');
|
||
|
||
await test.step('进入品牌-个性化-页面', async () => {
|
||
await page.getByText('个性装扮').click();
|
||
await page.getByText('个性化').click();
|
||
await page.locator('.main-head span').filter({ hasText: '页面' }).click();
|
||
});
|
||
|
||
await test.step('创建页面', async () => {
|
||
await page.getByRole('button', { name: '创建页面' }).click();
|
||
await page.getByText('选择模板').click();
|
||
const $$viewList = page.locator('.temp-view');
|
||
await $$viewList.first().focus();
|
||
await expect($$viewList.first().getByText('复制此模板')).toBeVisible();
|
||
await $$viewList.first().getByText('复制此模板').click();
|
||
await page.locator('.add-btn').first().click();
|
||
await page.getByText('公告栏').click();
|
||
await page.getByPlaceholder('请输入公告内容').fill(pageContent);
|
||
await page.getByPlaceholder('自定义页面名称').fill(pageName);
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
await expect.soft($newPageTr).toBeVisible();
|
||
await expect(page.locator('.ant-message', { hasText: '操作成功' })).toBeVisible();
|
||
});
|
||
|
||
await test.step('应用新建页面到商城模块', async () => {
|
||
await $newPageTr.locator('td').nth(2).locator('svg').click();
|
||
const $popup = page.locator('.popup_content');
|
||
const index = await page
|
||
.locator('.popup_content .main-table-body_tr')
|
||
.allInnerTexts()
|
||
.then(text => {
|
||
return text.findIndex(el => el.includes('商城'));
|
||
});
|
||
|
||
const $popupTr = $popup.locator('.m-table__fixed-left').locator('tr').nth(index);
|
||
await $popupTr.getByRole('checkbox').check();
|
||
await expect($popupTr.getByRole('checkbox')).toBeChecked();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
await expect(page.getByRole('button', { name: /确\s认/ })).not.toBeVisible();
|
||
});
|
||
|
||
await test.step('保存并预览页面', async () => {
|
||
await page.getByText('模块', { exact: true }).click();
|
||
await page.getByRole('button', { name: '保存并预览' }).click();
|
||
const $popupIframe = page.locator('.popup_content iframe').contentFrame();
|
||
await $popupIframe.locator('.bar_item', { hasText: '商城' }).click();
|
||
await expect.soft($popupIframe.getByText(pageContent).first()).toBeVisible();
|
||
await page.locator('.close-btn > svg').click();
|
||
});
|
||
|
||
await test.step('复制新建页面', async () => {
|
||
await page.locator('.main-head span').filter({ hasText: '页面' }).click();
|
||
await $newPageTr.getByText('复制').click();
|
||
await page.getByPlaceholder('自定义页面名称').fill(copyPageName);
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
await expect.soft($copyPageTr).toBeVisible();
|
||
});
|
||
|
||
await test.step('重置页面应用，并且删除页面', async () => {
|
||
await $storePageTr.locator('td').nth(2).locator('svg').click();
|
||
const $popup = page.locator('.popup_content');
|
||
const index = await page
|
||
.locator('.popup_content .main-table-body_tr')
|
||
.allInnerTexts()
|
||
.then(text => {
|
||
return text.findIndex(el => el.includes('商城'));
|
||
});
|
||
const $popupTr = $popup.locator('.m-table__fixed-left').locator('tr').nth(index);
|
||
await $popupTr.getByRole('checkbox').check();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
await expect(page.getByRole('button', { name: /确\s认/ })).not.toBeVisible();
|
||
|
||
await $newPageTr.getByText('删除').click();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
await expect.soft($newPageTr).not.toBeVisible();
|
||
|
||
await $copyPageTr.getByText('删除').click();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
await expect.soft($copyPageTr).not.toBeVisible();
|
||
});
|
||
});
|
||
});
|
||
});
|
||
|
||
test.describe('邀客系统', () => {
|
||
test('礼品设置', async ({ page, homeNavigation, marketingPage, marketingInviteGuestsPage }) => {
|
||
const giftName = '新增礼品' + faker.string.alpha(3);
|
||
const editGiftName = giftName + '编辑';
|
||
const copyGiftName = giftName + '复制';
|
||
|
||
const $$pickerItem = page.locator('.com_picker').locator('div > label');
|
||
|
||
const $bodyTable = page.locator('.m-table__body-wrapper');
|
||
const $fixedLeftTable = page.locator('.m-table__fixed-left');
|
||
|
||
const $giftTr = $bodyTable
|
||
.locator('.main-table-body_tr')
|
||
.filter({ has: page.getByRole('cell', { name: giftName, exact: true }) });
|
||
const $editGiftTr = $bodyTable
|
||
.locator('.main-table-body_tr')
|
||
.filter({ has: page.getByRole('cell', { name: editGiftName, exact: true }) });
|
||
const $copyGiftTr = $bodyTable
|
||
.locator('.main-table-body_tr')
|
||
.filter({ has: page.getByRole('cell', { name: copyGiftName, exact: true }) });
|
||
|
||
await test.step('礼品设置', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await marketingPage.gotoStrategySubPage('邀客系统');
|
||
await marketingInviteGuestsPage.gotoSubPage('设置');
|
||
await marketingInviteGuestsPage.gotoSettingSubPage('礼品设置');
|
||
});
|
||
|
||
await test.step('新增礼品', async () => {
|
||
await page.getByRole('button', { name: '新增礼品' }).click();
|
||
|
||
await page.getByPlaceholder('长度不大于20个字符').fill(giftName);
|
||
|
||
await page.getByRole('button', { name: '添加项目' }).click();
|
||
await expect(async () => {
|
||
await $$pickerItem.first().getByRole('checkbox').uncheck();
|
||
await $$pickerItem.first().getByRole('checkbox').check();
|
||
await expect(page.locator('span').filter({ hasText: '全部' }).locator('span')).toBeVisible({
|
||
timeout: 2000,
|
||
});
|
||
}).toPass();
|
||
await page.getByRole('button', { name: '确定选择' }).click();
|
||
const $$serviceItem = page.locator('.item', { hasText: '体验项目' }).locator('.drag-item');
|
||
// 输入选择的体验项目有效期
|
||
await $$serviceItem.first().getByRole('textbox').nth(1).fill('3');
|
||
|
||
await page.getByRole('button', { name: '确认保存' }).click();
|
||
|
||
await expect($giftTr).toBeVisible();
|
||
});
|
||
|
||
await test.step('编辑礼品', async () => {
|
||
await $giftTr.getByText('编辑').click();
|
||
await page.getByPlaceholder('长度不大于20个字符').fill(editGiftName);
|
||
await page.getByRole('button', { name: '添加项目' }).click();
|
||
await expect(async () => {
|
||
await $$pickerItem.nth(2).getByRole('checkbox').uncheck();
|
||
await $$pickerItem.nth(2).getByRole('checkbox').check();
|
||
await expect(page.locator('span').filter({ hasText: '全部' }).locator('span')).toBeVisible({
|
||
timeout: 2000,
|
||
});
|
||
}).toPass();
|
||
await page.getByRole('button', { name: '确定选择' }).click();
|
||
const $$serviceItem = page.locator('.item', { hasText: '体验项目' }).locator('.drag-item');
|
||
// 输入选择的体验项目有效期
|
||
await $$serviceItem.nth(1).getByRole('textbox').nth(1).fill('3');
|
||
|
||
await page.getByRole('button', { name: '确认保存' }).click();
|
||
|
||
await expect($editGiftTr).toBeVisible();
|
||
});
|
||
|
||
await test.step('复制礼品', async () => {
|
||
await $editGiftTr.getByText('复制').click();
|
||
await page.getByPlaceholder('长度不大于20个字符').fill(copyGiftName);
|
||
await page.getByRole('button', { name: '确认保存' }).click();
|
||
await expect($copyGiftTr).toBeVisible();
|
||
});
|
||
|
||
await test.step('批量删除礼品', async () => {
|
||
const $$selectGift = $fixedLeftTable.locator('tbody td[colspan="1"]');
|
||
const allGiftName = await page.locator('.main-table-body_tr td:nth-child(2)').allInnerTexts();
|
||
const editGiftIndex = allGiftName.findIndex(e => e === editGiftName);
|
||
const copyGiftIndex = allGiftName.findIndex(e => e === copyGiftName);
|
||
await $$selectGift.nth(editGiftIndex).locator('input').check();
|
||
await $$selectGift.nth(copyGiftIndex).locator('input').check();
|
||
|
||
await page.getByText('批量操作').click();
|
||
await page.getByRole('menuitem', { name: '批量删除' }).click();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
|
||
await expect($editGiftTr).not.toBeVisible();
|
||
await expect($copyGiftTr).not.toBeVisible();
|
||
});
|
||
});
|
||
|
||
test('礼品分配', async ({ page, homeNavigation, marketingPage, marketingInviteGuestsPage }) => {
|
||
const firstStoreEmployee = staffData.firstStore.firstSector.employee_1;
|
||
page.locator('.m-table__header-wrapper');
|
||
const $bodyTable = page.locator('.m-table__body-wrapper');
|
||
page.locator('.m-table__fixed-left');
|
||
const $firstStoreEmployeeTr = $bodyTable
|
||
.locator('.main-table-body_tr')
|
||
.filter({ has: page.getByRole('cell', { name: firstStoreEmployee.name }) })
|
||
.filter({ has: page.getByText('顾问') });
|
||
const $margin = $firstStoreEmployeeTr.locator('td').nth(4);
|
||
|
||
await test.step('进入礼品分配页面', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await marketingPage.gotoStrategySubPage('邀客系统');
|
||
await marketingInviteGuestsPage.gotoSubPage('设置');
|
||
await marketingInviteGuestsPage.gotoSettingSubPage('礼品分配');
|
||
});
|
||
|
||
await test.step('选择一店员工进行分配礼品', async () => {
|
||
await expect(async () => {
|
||
await page.locator('.store_box a').click();
|
||
await expect(page.locator('.com_picker').getByLabel('AT测试一店')).toBeVisible({ timeout: 2000 });
|
||
}).toPass();
|
||
await page.getByLabel('AT测试一店').check();
|
||
|
||
const lastValue = Number(await $margin.innerText());
|
||
|
||
await $firstStoreEmployeeTr.getByText('分配').click();
|
||
await page.locator('.gift_item').first().getByRole('checkbox').check();
|
||
await page.getByRole('button', { name: '保存' }).click();
|
||
await page.getByRole('button', { name: '确认添加' }).click();
|
||
await page.locator('.ant-message', { hasText: '操作成功' }).waitFor();
|
||
await expect(page.getByRole('button', { name: '确认添加' })).not.toBeVisible();
|
||
const value = Number(await $margin.innerText());
|
||
|
||
expect(value - lastValue).toBe(1);
|
||
});
|
||
});
|
||
|
||
test('返利方案配置', async ({ page, homeNavigation, createCustomer, marketingPage, marketingInviteGuestsPage }) => {
|
||
const customer = createCustomer;
|
||
|
||
const rebateSchemeName = '新建返利方案' + faker.string.alpha(3);
|
||
page.locator('.m-table__header-wrapper');
|
||
const $bodyTable = page.locator('.m-table__body-wrapper');
|
||
page.locator('.m-table__fixed-left');
|
||
const $$inputBalance = page.locator('.public_list').filter({ hasText: '返余额' }).locator('input');
|
||
const $$inputIntegral = page.locator('.public_list').filter({ hasText: '返积分' }).locator('input');
|
||
// 项目选择
|
||
const $$pickerItem = page.locator('.com_picker').locator('div > label');
|
||
|
||
await test.step('进入管理，将该顾客设置为邀客', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await marketingPage.gotoStrategySubPage('邀客系统');
|
||
await marketingInviteGuestsPage.gotoSubPage('邀客管理');
|
||
await page.getByRole('button', { name: '添加邀客' }).click();
|
||
await page.getByRole('button', { name: '手动添加邀客' }).click();
|
||
await page
|
||
.locator('.popup_content')
|
||
.getByPlaceholder('姓名（拼音首字）、手机号、档案号搜索')
|
||
.fill(customer.phone);
|
||
await page.locator('.popup_content').getByText('搜索').click();
|
||
await page.getByRole('row', { name: customer.phone }).getByLabel('').check();
|
||
await page.getByRole('button', { name: '确认选择' }).click();
|
||
await page.getByRole('button', { name: '确认添加' }).click();
|
||
await expect(page.getByText('导入成功')).toBeVisible();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
});
|
||
|
||
await test.step('新建返利方案', async () => {
|
||
await marketingInviteGuestsPage.gotoSubPage('返利方案');
|
||
await page.getByRole('button', { name: '创建方案' }).click();
|
||
await page.getByPlaceholder('长度不大于20个字符').fill(rebateSchemeName);
|
||
await page.getByRole('checkbox', { name: '通用返利' }).check();
|
||
await $$inputBalance.nth(0).fill('10');
|
||
await $$inputBalance.nth(1).fill('5');
|
||
await $$inputIntegral.nth(0).fill('10');
|
||
await $$inputIntegral.nth(1).fill('5');
|
||
|
||
await page.getByRole('checkbox', { name: '指定项目' }).check();
|
||
await page.getByRole('button', { name: '新增' }).click();
|
||
await expect(async () => {
|
||
await $$pickerItem.nth(2).getByRole('checkbox').uncheck();
|
||
await $$pickerItem.nth(2).getByRole('checkbox').check();
|
||
await expect(page.locator('span').filter({ hasText: '全部' }).locator('span')).toBeVisible({
|
||
timeout: 2000,
|
||
});
|
||
}).toPass();
|
||
await page.getByRole('button', { name: '确定选择' }).click();
|
||
|
||
await page.getByText('卖品', { exact: true }).first().click();
|
||
await page.getByRole('checkbox', { name: '通用返利' }).check();
|
||
await $$inputBalance.nth(0).fill('10');
|
||
await $$inputBalance.nth(1).fill('5');
|
||
await $$inputIntegral.nth(0).fill('10');
|
||
await $$inputIntegral.nth(1).fill('5');
|
||
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
|
||
await expect(page.getByRole('cell', { name: rebateSchemeName })).toBeVisible();
|
||
});
|
||
|
||
await test.step('为新建返利方案配置邀客', async () => {
|
||
await page.getByRole('row', { name: rebateSchemeName }).locator('svg').first().click();
|
||
await page.getByRole('button', { name: '添加邀客' }).click();
|
||
await page.getByPlaceholder('姓名（拼音首字）、手机号、档案号搜索').fill(customer.phone);
|
||
|
||
await expect(async () => {
|
||
await page.getByText('搜索', { exact: true }).click();
|
||
await expect(page.getByRole('row', { name: customer.phone })).toBeVisible({ timeout: 2000 });
|
||
}).toPass();
|
||
|
||
await page.getByRole('row', { name: customer.phone }).getByLabel('').check();
|
||
await page.getByRole('button', { name: '确认选择' }).click();
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
|
||
const $rebateScheme = $bodyTable.locator('.main-table-body_tr').filter({ hasText: rebateSchemeName });
|
||
|
||
await expect($rebateScheme).toContainText('1');
|
||
|
||
await page.getByRole('row', { name: rebateSchemeName }).locator('svg').first().click();
|
||
|
||
await page.getByText('移除').first().click();
|
||
await page.getByRole('button', { name: /保\s存/ }).click();
|
||
|
||
await page.getByRole('row', { name: rebateSchemeName }).getByText('删除').click();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
await expect(page.locator('.ant-message', { hasText: '操作成功' })).toBeVisible();
|
||
// 关闭邀客管理页面
|
||
await page.locator('.top').filter({ hasText: '邀客系统' }).locator('.close_btn').click();
|
||
await expect(page.locator('.top').filter({ hasText: '邀客系统' })).not.toBeVisible();
|
||
});
|
||
});
|
||
|
||
test('邀客管理', async ({ page, homeNavigation, tablePage, customerPage, createCustomers, marketingPage }) => {
|
||
let customers: Customer[] = [];
|
||
await test.step('创建顾客', async () => {
|
||
customers = await createCustomers(2);
|
||
});
|
||
|
||
await test.step('进入邀客管理页面，添加邀客', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await marketingPage.gotoStrategySubPage('邀客系统');
|
||
|
||
await page.getByRole('button', { name: '添加邀客' }).click();
|
||
await page.getByRole('button', { name: '手动添加邀客' }).click();
|
||
|
||
const $selectCustomerView = page.locator('.popup_content');
|
||
// 批量手动添加邀客
|
||
for (const customer of customers) {
|
||
await $selectCustomerView.getByPlaceholder('姓名（拼音首字）、手机号、档案号搜索').fill(customer.phone);
|
||
await $selectCustomerView.getByText('搜索', { exact: true }).click();
|
||
await $selectCustomerView.getByRole('row', { name: customer.phone }).getByLabel('').check();
|
||
}
|
||
|
||
await page.getByRole('button', { name: '确认选择' }).click();
|
||
await page.getByRole('button', { name: '确认添加' }).click();
|
||
await expect(page.getByText('导入成功')).toBeVisible();
|
||
await page.getByRole('button', { name: /确\s认/ }).click();
|
||
});
|
||
|
||
const $$bodyTrTable = tablePage.bodyTrTable;
|
||
const $firstCustomerTr = $$bodyTrTable.filter({ hasText: customers[0].phone });
|
||
const $secondCustomerTr = $$bodyTrTable.filter({ hasText: customers[1].phone });
|
||
|
||
await test.step('搜索邀客B，将邀客A设置为邀客B的上级', async () => {
|
||
await page.getByPlaceholder('姓名（拼音首字）、手机号、档案号搜索').fill(customers[1].phone);
|
||
await page.getByText('搜索', { exact: true }).click();
|
||
await $secondCustomerTr.getByText('详情').click();
|
||
|
||
// 设置上级
|
||
const $settingLastCustomer = page.locator('.left_box .list_', { hasText: '上级' });
|
||
await $settingLastCustomer.locator('svg').click();
|
||
const $selectCustomerView = page.locator('.popup_content');
|
||
await $selectCustomerView.getByPlaceholder('姓名（拼音首字）、手机号、档案号搜索').fill(customers[0].phone);
|
||
await $selectCustomerView.getByText('搜索', { exact: true }).click();
|
||
await $selectCustomerView.getByRole('row', { name: customers[0].phone }).getByLabel('').click();
|
||
await expect($settingLastCustomer).toContainText(customers[0].username);
|
||
|
||
// 关闭详情页
|
||
await page.locator('.top').filter({ hasText: '邀客详情' }).locator('.close_btn').click();
|
||
// 关闭邀客管理页面
|
||
await page.locator('.top').filter({ hasText: '邀客系统' }).locator('.close_btn').click();
|
||
});
|
||
|
||
const project = { num: '100020', name: '青春雅致套', price: 1980 };
|
||
await test.step('邀客B购买项目', async () => {
|
||
await homeNavigation.gotoModule('收银');
|
||
await page.getByRole('button', { name: /开\s单/ }).click();
|
||
await customerPage.searchCustomer(customers[1].phone);
|
||
await customerPage.selectSearchCustomer(customers[1].phone);
|
||
await page.locator('.project_list .number', { hasText: project.num }).click();
|
||
await page.locator('.pay_btn', { hasText: /结\s算/ }).click();
|
||
await page.getByLabel('推送消费提醒').uncheck();
|
||
await page.getByLabel('结算签字').uncheck();
|
||
const leftPaymentInfoItem = page.locator('.left .paymentmain .paymentInfoItem');
|
||
await leftPaymentInfoItem.filter({ hasText: '现金' }).click();
|
||
await page.getByRole('button', { name: /结\s算/ }).click();
|
||
await expect(page.getByRole('button', { name: /开\s单/ })).toBeVisible();
|
||
});
|
||
|
||
await test.step('搜索邀客A，查看邀客A的下级，进入邀客A详情查看好友数、收益', async () => {
|
||
await homeNavigation.gotoModule('营销');
|
||
await marketingPage.gotoStrategySubPage('邀客系统');
|
||
|
||
// 搜索邀客A
|
||
await page.getByPlaceholder('姓名（拼音首字）、手机号、档案号搜索').fill(customers[0].phone);
|
||
await page.getByText('搜索', { exact: true }).click();
|
||
// 展开邀客A
|
||
await $firstCustomerTr.locator('td').nth(0).click();
|
||
await expect.soft($firstCustomerTr).toBeVisible();
|
||
await expect.soft($secondCustomerTr).toBeVisible();
|
||
|
||
// 邀客A详情
|
||
await $firstCustomerTr.getByText('详情').click();
|
||
const $friendsNum = page.locator('.left_box .list', { hasText: 'TA的好友' });
|
||
await expect.soft($friendsNum).toContainText('1');
|
||
|
||
// 邀客A收益
|
||
const $income = page.locator('.left_box .list', { hasText: '收益' });
|
||
await expect.soft($income).toContainText(`${project.price * 0.1}`);
|
||
// 关闭详情页
|
||
await page.locator('.top').filter({ hasText: '邀客详情' }).locator('.close_btn').click();
|
||
// 关闭邀客管理页面
|
||
await page.locator('.top').filter({ hasText: '邀客系统' }).locator('.close_btn').click();
|
||
await expect(page.locator('.exit_btn')).toBeVisible();
|
||
});
|
||
});
|
||
});
|