import { test, expect } from '@playwright/test';

test.describe('商品列表页面', () => {
  test('商品列表页面', async ({ page, baseURL }) => {
    console.log(baseURL);
    await page.goto('#/mall/waresList/merchantList');
    await page.getByText('概况').waitFor();
    await expect(page.locator('.lv3_loading')).toBeHidden();

    const table_header_name_list = ['商品名称', '品牌', '分类', '已上架门店', '实际销量'];
    // 验证表格头
    for (let i = 0; i < table_header_name_list.length; i++) {
      await expect(
        page.locator('.m-table__header-wrapper').getByRole('cell', { name: table_header_name_list[i] })
      ).toBeVisible();
    }

    await expect(page.getByRole('cell', { name: '操作' })).toBeVisible();

    await expect(page.getByRole('textbox', { name: '关键字搜索' })).toBeVisible();
    await expect(page.getByRole('combobox').getByTitle('全部品牌')).toBeVisible();
    await expect(page.locator('span').filter({ hasText: '全部分类' })).toBeVisible();
    await expect(page.getByRole('button', { name: /查\s询/ })).toBeVisible();
    await expect(page.getByRole('button', { name: '新增商品' })).toBeVisible();
    await expect(page.locator('.batch').getByText('批量操作', { exact: true })).toBeVisible();
  });
});