test(grid): fix grid e2e test case

Author: gimmyhehe

examples/sites/demos/pc/app/grid/edit/custom-editing.spec.js

@@ -6,11 +6,5 @@ test('自定义编辑规则', async ({ page }) => {
   await page.getByText('GFD 科技 YX 公司').first().click()
   await expect(page.getByText('GFD 科技 YX 公司').first()).toBeVisible()
   await page.getByText('WWWW 科技 YX 公司').first().click()
-  await expect(
-    page
-      .getByRole('row', {
-        name: '2 华南区 2014-02-14 14:14:14 1300 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-      })
-      .getByRole('textbox')
-  ).toBeVisible()
+  await expect(page.locator('.tiny-grid-default-input')).toBeVisible()
 })

examples/sites/demos/pc/app/grid/edit/editing.spec.js

@@ -5,18 +5,7 @@ test('编辑方式', async ({ page }) => {
   await page.goto('grid-edit#edit-editing')
   // 单元格编辑
   await page.getByRole('cell', { name: 'GFD 科技 YX 公司' }).first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .fill('GFD 科技 Y 水电费第三方 X 公司')
+  await page.locator('.tiny-grid-default-input').fill('GFD 科技 Y 水电费第三方 X 公司')
   await page.getByRole('heading', { name: '单元格编辑：' }).click()
   await expect(await page.getByText('GFD 科技 Y 水电费第三方 X 公司')).toHaveCount(2)
 

examples/sites/demos/pc/app/grid/edit/has-row-change.spec.js

@@ -2,18 +2,14 @@ import { test, expect } from '@playwright/test'
 
 test('检查数据是否改变', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  const demo = page.locator('#edit-has-row-change')
   await page.goto('grid-edit#edit-has-row-change')
-  await page.getByText('GFD 科技 YX 公司').first().click()
-  await page.getByRole('row', { name: '1 保存' }).locator('input[type="text"]').fill('sdf')
-  await page.getByRole('row', { name: '1 保存' }).getByRole('button', { name: '保存' }).click()
+  await demo.getByText('GFD 科技 YX 公司').first().click()
+  await demo.locator('.tiny-grid-body__row').first().locator('input[type="text"]').fill('sdf')
+  await demo.locator('.tiny-grid-body__row').first().getByRole('button', { name: '保存' }).click()
   await expect(page.getByText('保存成功！')).toBeVisible()
   await page.getByRole('button', { name: '确定' }).click()
-  await page
-    .getByRole('row', {
-      name: '2 WWWW 科技 YX 公司 华南区 深圳福田区 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。 保存'
-    })
-    .getByRole('button', { name: '保存' })
-    .click()
+  await demo.locator('.tiny-grid-body__row').nth(1).getByRole('button', { name: '保存' }).click()
   await expect(page.getByText('当前数据未改变！')).toBeVisible()
   await page.getByRole('button', { name: '确定' }).click()
 })

examples/sites/demos/pc/app/grid/edit/revert-data.spec.js

@@ -4,19 +4,9 @@ test('表格编辑还原更改', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-edit#edit-revert-data')
   await page.getByText('GFD 科技 YX 公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。 恢复'
-    })
-    .getByRole('textbox')
-    .fill('sss')
+  await page.locator('.tiny-grid-default-input').fill('sss')
   await page.getByText('RFV 有限责任公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '3 华南区 中山市 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。 恢复'
-    })
-    .getByRole('textbox')
-    .fill('eee')
+  await page.locator('.tiny-grid-default-input').fill('eee')
   await page.locator('#edit-revert-data').getByRole('cell', { name: '名称' }).click()
   await page.getByRole('button', { name: '恢复全部' }).click()
   await expect(page.getByText('GFD 科技 YX 公司').first()).toBeVisible()

examples/sites/demos/pc/app/grid/edit/status-of-editing.spec.js

@@ -4,12 +4,7 @@ test('开启编辑状态', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-edit#edit-status-of-editing')
   await page.getByText('GFD 科技 YX 公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .fill('sdfdf')
+  await page.locator('.tiny-grid-default-input').fill('sdfdf')
   await page.getByRole('heading', { name: '开启编辑状态：' }).click()
   await expect(page.getByRole('cell', { name: 'sdfdf' }).nth(0)).toHaveClass(/col__valid-success/)
   await expect(page.getByRole('cell', { name: 'sdfdf' }).nth(1)).not.toHaveClass(/col__valid-success/)

examples/sites/demos/pc/app/grid/edit/trigger-mode-for-editing.spec.js

@@ -4,21 +4,9 @@ test('触发编辑方式', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-edit#edit-trigger-mode-for-editing')
   await page.getByText('GFD 科技 YX 公司').first().click()
-  await expect(
-    page
-      .getByRole('row', {
-        name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-      })
-      .getByRole('textbox')
-  ).toBeVisible()
+  await expect(page.locator('.tiny-grid-default-input')).toBeVisible()
 
   await page.getByText('WWWW 科技 YX 公司').nth(1).dblclick()
 
-  await expect(
-    page
-      .getByRole('row', {
-        name: '2 华南区 深圳福田区 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-      })
-      .getByRole('textbox')
-  ).toBeVisible()
+  await expect(page.locator('.tiny-grid-default-input')).toBeVisible()
 })

examples/sites/demos/pc/app/grid/edit/trigger-mode-hm-editing.spec.js

@@ -2,18 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('手动触发编辑', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  const demo = page.locator('#edit-trigger-mode-hm-editing')
   await page.goto('grid-edit#edit-trigger-mode-hm-editing')
   await page.getByText('GFD 科技 YX 公司').first().click()
   await expect(page.getByText('GFD 科技 YX 公司').first()).toBeVisible()
-  await page
-    .getByRole('row', {
-      name: '1 GFD 科技 YX 公司 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。 编辑'
-    })
-    .getByRole('button', { name: '编辑' })
-    .click()
-  await expect(
-    page.getByRole('row', { name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863' }).getByRole('textbox')
-  ).toBeVisible()
+  await demo.locator('.tiny-grid-body__row').first().getByRole('button', { name: '编辑' }).click()
+  await expect(page.locator('.tiny-grid-default-input')).toBeVisible()
 
   await page.getByRole('row', { name: '3 RFV' }).getByRole('button').click()
   await expect(page.getByRole('combobox')).toBeVisible()

examples/sites/demos/pc/app/grid/validation/before-submit-validation.spec.js

@@ -2,14 +2,11 @@ import { test, expect } from '@playwright/test'
 
 test('提交前校验', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  const demo = page.locator('#validation-before-submit-validation')
   await page.goto('grid-validation#validation-before-submit-validation')
-  await page.getByText('GFD 科技 YX 公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .fill('')
+  await demo.getByText('GFD 科技 YX 公司').first().click()
+  await demo.locator('.tiny-grid-default-input').fill('')
+
   await page.getByRole('button', { name: '提交数据' }).click()
   await expect(page.getByText('校验不通过', { exact: true })).toBeVisible()
 

examples/sites/demos/pc/app/grid/validation/custcomp.spec.js

@@ -2,14 +2,10 @@ import { test, expect } from '@playwright/test'
 
 test('自定义组件与插槽编辑器校验', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  const demo = page.locator('#validation-custcomp')
   await page.goto('grid-validation#validation-custcomp')
   await page.getByText('GFD 科技 YX 公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。 1234567890'
-    })
-    .getByRole('textbox')
-    .fill('')
+  await demo.locator('.tiny-grid-default-input').fill('')
 
   await expect(page.getByRole('tooltip', { name: '必填' })).toBeVisible()
 })

examples/sites/demos/pc/app/grid/validation/editing-isvalidalways-validation.spec.js

@@ -2,19 +2,10 @@ import { test, expect } from '@playwright/test'
 
 test('隐藏列编辑时校验', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+
+  const demo = page.locator('#validation-editing-isvalidalways-validation')
   await page.goto('grid-validation#validation-editing-isvalidalways-validation')
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .clear()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .fill('GF')
+  await demo.locator('.tiny-grid-default-input').first().fill('GF')
 
   await expect(page.getByRole('tooltip', { name: '名称长度在 3 到 50 个字符' })).toBeVisible()
 })

examples/sites/demos/pc/app/grid/validation/editing-validation.spec.js

@@ -2,14 +2,10 @@ import { test, expect } from '@playwright/test'
 
 test('表格校验', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  const demo = page.locator('#validation-editing-validation')
   await page.goto('grid-validation#validation-editing-validation')
   await page.getByText('GFD 科技 YX 公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .fill('')
+  await demo.locator('.tiny-grid-default-input').fill('')
 
   await expect(page.getByRole('tooltip', { name: '名称必填' })).toBeVisible()
 })

examples/sites/demos/pc/app/grid/validation/row-data-valid.spec.js

@@ -2,9 +2,10 @@ import { test, expect } from '@playwright/test'
 
 test('数据关联校验', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  const demo = page.locator('#validation-row-data-valid')
   await page.goto('grid-validation#validation-row-data-valid')
   await page.getByText('70').first().click()
-  await page.getByRole('row', { name: '1 100 0' }).getByRole('textbox').fill('700')
+  await demo.locator('.tiny-grid-default-input').fill('700')
 
   await expect(page.getByRole('tooltip', { name: '数值不能大于 100' })).toBeVisible()
 })

examples/sites/demos/pc/app/grid/validation/select-validation.spec.js

@@ -2,21 +2,13 @@ import { test, expect } from '@playwright/test'
 
 test('选中时校验', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+
+  const demo = page.locator('#validation-select-validation')
   await page.goto('grid-validation#validation-select-validation')
   await page.getByText('GFD 科技 YX 公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .clear()
+  await demo.locator('.tiny-grid-default-input').fill('')
   await page.waitForTimeout(200)
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .locator('span')
-    .click()
+  await demo.locator('.tiny-grid-body__row .tiny-grid-checkbox__icon').first().click()
   await page.getByRole('button', { name: '校验选中数据' }).click()
 
   await expect(page.getByText('校验不通过', { exact: true })).toBeVisible()

examples/sites/demos/pc/app/grid/validation/tipconfig.spec.js

@@ -2,20 +2,10 @@ import { test, expect } from '@playwright/test'
 
 test('错误提示配置项', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  const demo = page.locator('#validation-tipconfig')
   await page.goto('grid-validation#validation-tipconfig')
   await page.getByText('GFD 科技 YX 公司').click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .fill('')
+  await demo.locator('.tiny-grid-default-input').fill('')
 
   await expect(page.getByRole('tooltip', { name: '名称必填' })).toBeVisible()
 })

examples/sites/demos/pc/app/grid/validation/validation-scroll-to-col.spec.js

@@ -6,12 +6,7 @@ test('触发校验时自动定位到当前校验的单元格', async ({ page })
 
   const demo = page.locator('#validation-validation-scroll-to-col')
   await page.getByText('GFD 科技 YX 公司').first().click()
-  await page
-    .getByRole('row', {
-      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByRole('textbox')
-    .fill('')
+  await demo.locator('.tiny-input__inner').fill('')
   await demo.getByText('名称').click()
   const lastColumn = demo.getByText('公司简介')
   await lastColumn.scrollIntoViewIfNeeded()