const { test, expect } = require('./fixtures/common');
const { Customer } = require('./pom/customer');
const { faker } = require('@faker-js/faker/locale/zh_CN');

test.describe
  .serial('登录touch和h5，创建顾客购买会员卡，使用顾客账号到h5商城购买货品', async () => {
  const phone = faker.helpers.fromRegExp(/1[3-9][0-1]{9}/);
  const customer = new Customer(1, 1, { phone: phone });
  console.log(`${customer.phone}-${customer.username}`);

  test('创建顾客', async ({ touchCustomerPage }) => {
    await touchCustomerPage.createCustomer(customer);
  });

  test('登录touch和h5，创建顾客购买会员卡', async ({ touchPage }) => {
    await test.step('在touch页面购买会员卡', async () => {
      await touchPage.getByText('去开单').click();
      await touchPage.locator('.more > .icon > svg').click();
      await touchPage.getByText('去开卡').click();
      const $firstCard = touchPage.locator('.memberCard_box').first();
      await $firstCard.click();
      await touchPage.getByRole('button', { name: '去结算' }).click();
      await touchPage.locator('.row').filter({ hasText: '总额' }).locator('.touchIcon').click();
      await touchPage.getByPlaceholder('请输入内容').fill('1000');
      await touchPage
        .locator('div')
        .filter({ hasText: /^789$/ })
        .getByRole('button')
        .nth(3)
        .click();
      await touchPage.locator('.paymentInfoItem', { hasText: '现金' }).click();
      await touchPage.getByText('推送消费提醒').click();
      await touchPage.getByLabel('结算签字').uncheck();
      await touchPage.getByRole('button', { name: /结\s算/ }).click();
      await touchPage.getByRole('button', { name: /跳\s过/ }).click();
    });
  });

  test('登录h5，并且商城页面使用会员卡进行购买', async ({ h5Page, h5LoginPage }) => {
    await h5LoginPage.login(customer.phone);
    await h5Page.locator('.singIn_content > .iconfont').click();
    await h5Page.locator('.get_btn').click();
    await h5Page.locator('.back').click();
    await h5Page.locator('.bar_item', { hasText: '商城' }).click();
    await expect(h5Page.locator('.title', { hasText: '商城' })).toBeVisible();
    await h5Page.locator('.li span', { hasText: '全部' }).click();
    await h5Page.locator('.p-item').nth(2).click();
    await h5Page.getByText('立即购买').click();
    await h5Page.locator('uni-text').filter({ hasText: '佘山二店' }).click();
    await h5Page.getByText('确认').click();
    await h5Page.getByText('哎哟代理卡').click();
    await expect(h5Page.getByText('确认支付')).toBeEnabled();
    await h5Page.getByText('确认支付').click();
    await expect(h5Page.getByText('支付成功').first()).toBeVisible();
    await expect(h5Page.getByText('查看订单')).toBeVisible();
  });
});