@opentiny/vue-docs 1.0.1 → 1.0.3

package/resources/pc/demo/grid/grid_Example/gridValid/row-data-valid.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('数据关联校验', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-validation/grid_Example-gridValid-row-data-valid')
+  await page.getByText('70').first().click()
+  await page.getByRole('row', { name: '1 100 0' }).getByRole('textbox').fill('700')
+
+  await expect(page.getByRole('tooltip', { name: '数值不能大于100' })).toBeVisible()
+})

package/resources/pc/demo/grid/grid_Example/gridValid/select-validation.spec.js

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

package/resources/pc/demo/grid/grid_Example/gridValid/validation-scroll-to-col.spec.js

@@ -0,0 +1,24 @@
+import { test, expect } from '@playwright/test'
+
+test('触发校验时自动定位到当前校验的单元格', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-validation/grid_Example-gridValid-validation-scroll-to-col')
+  await page.getByText('GFD科技YX公司').first().click()
+  await page
+    .getByRole('row', {
+      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .getByRole('textbox')
+    .fill('')
+  await page.getByText('名称', { exact: true }).click()
+  const lastColumn = page
+    .getByRole('row', {
+      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .getByText('公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。')
+  await lastColumn.scrollIntoViewIfNeeded()
+  await page.getByRole('button', { name: '保存' }).click()
+  await page.waitForTimeout(200)
+
+  await expect(page.getByRole('cell', { name: 'WWW科技YX公司' })).toBeInViewport()
+})

package/resources/pc/demo/grid/grid_Example/nestedGrid.spec.js

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('嵌套表格场景测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-nested-grid/grid_Example-nestedGrid')
+  await page.getByRole('row', { name: '1 800 2014-04-30 00:56:00 福州' }).locator('i').click()
+
+  await expect(
+    page.locator('//*[@id="preview"]/div[2]/div[2]/div/div[2]/div[3]/table/tbody/tr[1]/td[3]/div/span')
+  ).toHaveClass(/expand__active/)
+})

package/resources/pc/demo/grid/grid_Example/reverseRow.spec.js

@@ -0,0 +1,12 @@
+import { test, expect } from '@playwright/test'
+
+test('表格反转测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-reverse-column-row/grid_Example-reverseRow')
+  await page.getByRole('button', { name: '表格反转' }).click()
+  await page.getByText('GFD科技YX公司').first().click()
+
+  await expect(
+    page.getByText('公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。').nth(4)
+  ).toBeVisible()
+})

package/resources/pc/demo/grid/grid_Example/shortcutMenu/cell-menu.spec.js

@@ -0,0 +1,15 @@
+import { test, expect } from '@playwright/test'
+
+test('Grid-右键菜单-单元格菜单', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-context-menu/grid_Example-shortcutMenu-cell-menu')
+  await page
+    .getByRole('row', {
+      name: '1 GFD科技YX公司 华东区 2014-04-30 00:56:00 800 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .getByRole('cell', { name: '华东区' })
+    .click({
+      button: 'right'
+    })
+  await expect(page.locator('a').filter({ hasText: '自定义菜单项' })).toBeVisible()
+})

package/resources/pc/demo/grid/grid_Example/shortcutMenu/footer-menu.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('Grid-右键菜单-表尾菜单', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-context-menu/grid_Example-shortcutMenu-footer-menu')
+  await page.locator('.tiny-grid-footer__row > td:nth-child(3)').click({
+    button: 'right'
+  })
+  await expect(page.locator('a').filter({ hasText: '清空数据' })).toBeVisible()
+})

package/resources/pc/demo/grid/grid_Example/shortcutMenu/header-menu.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('Grid-右键菜单-表头菜单', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-context-menu/grid_Example-shortcutMenu-header-menu')
+  await page.getByText('区域').first().click({
+    button: 'right'
+  })
+  await expect(page.locator('a').filter({ hasText: '导出所有.csv' })).toBeVisible()
+})

package/resources/pc/demo/grid/grid_Example/shortcutMenu/menu-permissions.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('Grid-右键菜单-菜单权限', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-context-menu/grid_Example-shortcutMenu-menu-permissions')
+  await page.getByRole('cell', { name: '300', exact: true }).click({
+    button: 'right'
+  })
+  await expect(page.locator('a').filter({ hasText: /^排序$/ })).toBeVisible()
+})

package/resources/pc/demo/grid/header/custom-grid-header.spec.js

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test'
+
+test('自定义表头', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-header/header-custom-grid-header')
+  await expect(page.getByText('Description').nth(2)).toBeVisible()
+  await expect(page.getByRole('row', { name: '操作 Description' }).getByText('Description')).toBeVisible()
+  await expect(page.getByText('公司简介').first()).toBeVisible()
+})

package/resources/pc/demo/grid/header/header-class-name.spec.js

@@ -0,0 +1,7 @@
+import { test, expect } from '@playwright/test'
+
+test('自定义列头样式', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-header/header-header-class-name')
+  await expect(page.getByRole('cell', { name: '所属区域' })).toHaveCSS('background-color', 'rgb(255, 192, 203)')
+})

package/resources/pc/demo/grid/header/hide-grid-header.spec.js

@@ -0,0 +1,7 @@
+import { test, expect } from '@playwright/test'
+
+test('控制隐藏表头', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-header/header-hide-grid-header')
+  await expect(page.locator('.tiny-grid__header')).toHaveCount(0)
+})

package/resources/pc/demo/grid/header/slot-header.spec.js

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test'
+
+test('配置自定义表头内容的模板', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-header/header-slot-header')
+  await expect(page.getByRole('row', { name: '操作 Description' }).getByText('Description')).toBeVisible()
+  await expect(page.getByText('Description').nth(1)).toBeVisible()
+  await expect(page.getByText('公司简介').first()).toBeVisible()
+})

package/resources/pc/demo/grid/highlight/highlight-cell.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('编辑时高亮单元格边框', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-highlight/highlight-highlight-cell')
+  await page.getByText('GFD科技YX公司').first().click()
+  await expect(page.locator('.row__current').first()).toBeVisible()
+})

package/resources/pc/demo/grid/highlight/highlight-current-column.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('选中列是否开启高亮', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-highlight/highlight-highlight-current-column')
+  await page.getByText('员工数').first().click()
+  await expect(page.locator('.col__current')).toHaveCount(9)
+  await page.getByRole('button', { name: '手动取消当前高亮列' }).click()
+  await expect(page.locator('.col__current')).toHaveCount(0)
+})

package/resources/pc/demo/grid/highlight/highlight-current-row.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('开启选中行高亮', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-highlight/highlight-highlight-current-row')
+  await page.getByText('300', { exact: true }).first().click()
+  await expect(page.locator('.row__current')).toBeVisible()
+  await page.getByRole('button', { name: '手动取消当前高亮行' }).click()
+  await expect(page.locator('.row__current')).toHaveCount(0)
+})

package/resources/pc/demo/grid/highlight/highlight-hover-column.spec.js

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test'
+
+test('列头是否开启高亮', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-highlight/highlight-highlight-hover-column')
+  await page.getByRole('cell', { name: '员工数' }).hover()
+  await page.waitForTimeout(200)
+  await expect(page.getByRole('cell', { name: '员工数' })).toHaveCSS('background-color', 'rgb(215, 239, 251)')
+})

package/resources/pc/demo/grid/highlight/highlight-hover-row.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('高亮悬停行', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-highlight/highlight-highlight-hover-row')
+  const tr = page.locator('.tiny-grid-body__row').first()
+  await tr.hover()
+  await page.waitForTimeout(500)
+  await expect(tr).toHaveCSS('background-color', 'rgb(242, 245, 252)')
+})

package/resources/pc/demo/grid/keyboard-config.spec.js

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test'
+
+test('键盘按键配置项测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-keyboard/keyboard-config')
+  await page.getByText('GFD科技YX公司').first().click()
+  await page.waitForTimeout(1000)
+  await page.locator('body').press('ArrowDown')
+
+  await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div[3]/table/tbody/tr[2]/td[2]')).toHaveClass(
+    /col__selected/
+  )
+})

package/resources/pc/demo/grid/keyboard-navigation.spec.js

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test'
+
+test('键盘导航测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-keyboard/keyboard-navigation')
+  await page.getByRole('cell', { name: 'GFD科技YX公司' }).click()
+  await page.waitForTimeout(1000)
+  await page.locator('body').press('ArrowDown')
+
+  await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div[3]/table/tbody/tr[2]/td[2]')).toHaveClass(
+    /col__selected/
+  )
+})

package/resources/pc/demo/grid/large-data/load-column.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('生成 1000 列', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-large-data/large-data-load-column')
+  await page.getByRole('button', { name: '空表格，请点击生成 1000 列' }).click()
+  await expect(page.getByRole('cell', { name: 'row1_col2' })).toBeVisible()
+})

package/resources/pc/demo/grid/large-data/scroll-to.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('滚动到指定位置', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-large-data/large-data-scroll-to')
+  await page.waitForTimeout(1000)
+  await page.getByRole('button', { name: '滚动到500列' }).click()
+  await page.waitForTimeout(200)
+  await expect(page.getByText('col508')).toBeVisible()
+})

package/resources/pc/demo/grid/methods/set-active-cell.spec.js

@@ -0,0 +1,13 @@
+import { test, expect } from '@playwright/test'
+
+test('手动激活编辑', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-edit/methods-set-active-cell')
+  await page.getByRole('button', { name: 'setActiveCell' }).click()
+
+  await expect(page.getByRole('row', { name: '1 2014-04-30 00:56:00 福州' }).getByRole('textbox')).toBeVisible()
+
+  await page.getByText('员工数').click()
+  await page.getByRole('button', { name: 'setActiveRow' }).click()
+  await expect(page.getByRole('row', { name: '2 2016-07-08 12:36:22 深圳' }).getByRole('textbox')).toBeVisible()
+})

package/resources/pc/demo/grid/methods/set-all-row-expansion.spec.js

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('设置展开所有行测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-nested-grid/methods-set-all-row-expansion')
+  await page.getByRole('button', { name: 'setAllRowExpansion' }).click()
+
+  await expect(
+    page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div/div[3]/table/tbody/tr[1]/td[3]/div/span')
+  ).toHaveClass(/expand__active/)
+})

package/resources/pc/demo/grid/methods/set-all-selection.spec.js

@@ -0,0 +1,12 @@
+import { test, expect } from '@playwright/test'
+
+test('手动选中所有行', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-operation-column/methods-set-all-selection')
+  await page.getByRole('button', { name: '手动选中所有行' }).click()
+
+  // 判断所有行都被选中了
+  for (const check of await page.locator('.tiny-grid-checkbox input').all()) {
+    await expect(check).toBeChecked()
+  }
+})

package/resources/pc/demo/grid/methods/set-all-tree-expansion.spec.js

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test'
+
+test('手动展开所有树节点', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/methods-set-all-tree-expansion')
+  await page.getByRole('button', { name: 'setAllTreeExpansion' }).click()
+
+  await expect(page.getByRole('row', { name: 'GFD科技股份有限子公司 华东区 700' })).toBeVisible()
+})

package/resources/pc/demo/grid/methods/set-current-row.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('设置指定行高亮', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-highlight/methods-set-current-row')
+  await page.getByRole('button', { name: 'setCurrentRow' }).click()
+  await expect(page.locator('.row__current')).toBeVisible()
+})

package/resources/pc/demo/grid/methods/set-row-expansion.spec.js

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('设置指定展开行', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-nested-grid/methods-set-row-expansion')
+  await page.getByRole('button', { name: 'setRowExpansion' }).click()
+
+  await expect(
+    page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div/div[3]/table/tbody/tr[3]/td[3]/div/span')
+  ).toHaveClass(/expand__active/)
+})

package/resources/pc/demo/grid/methods/set-selection.spec.js

@@ -0,0 +1,9 @@
+import { test, expect } from '@playwright/test'
+
+test('手动选中指定行', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-operation-column/methods-set-selection')
+  await page.getByRole('button', { name: 'setSelection' }).click()
+
+  await expect(page.getByRole('row', { name: '5 810 2012-12-12 12:12:12 韶关' }).locator('span svg')).toBeVisible()
+})

package/resources/pc/demo/grid/methods/set-selection.vue

@@ -1,14 +1,9 @@
 <template>
   <div>
-    <tiny-button @click="click">setSelection</tiny-button>
-    <tiny-grid
-      :data="tableData"
-      ref="grid"
-      :select-config="{ checkField: 'boole' }"
-      highlight-current-row
-      border
-      :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }"
-    >
+    <tiny-button @click="click">
+      setSelection
+    </tiny-button>
+    <tiny-grid :data="tableData" ref="grid" :select-config="{ checkField: 'boole' }" highlight-current-row border :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }">
       <tiny-grid-column type="index" width="60"></tiny-grid-column>
       <tiny-grid-column type="selection" width="60"></tiny-grid-column>
       <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
@@ -60,7 +55,7 @@ export default {
         city: '龙岩',
         employees: 360,
         createdDate: '2013-01-13 13:13:13',
-        boole: true
+        boole: false
       },
       {
         id: '5',
@@ -68,7 +63,7 @@ export default {
         city: '韶关',
         employees: 810,
         createdDate: '2012-12-12 12:12:12',
-        boole: true
+        boole: false
       },
       {
         id: '6',

package/resources/pc/demo/grid/methods/sort.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('手动排序', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-sort/methods-sort')
+  await page.getByRole('button', { name: 'sort' }).click()
+  await expect(page.locator('.tiny-grid-body__row').first()).toContainText('300')
+})

package/resources/pc/demo/grid/methods/toggle-all-selection.spec.js

@@ -0,0 +1,19 @@
+import { test, expect } from '@playwright/test'
+
+test('手动切换指定行选中状态', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-operation-column/methods-toggle-all-selection')
+  await page.getByRole('button', { name: 'toggleAllSelection' }).click()
+
+  // 判断所有行都被选中了
+  for (const check of await page.locator('.tiny-grid-checkbox input').all()) {
+    await expect(check).toBeChecked()
+  }
+
+  await page.getByRole('button', { name: 'toggleAllSelection' }).click()
+
+  // 判断所有行都未被选中
+  for (const check of await page.locator('.tiny-grid-checkbox input').all()) {
+    await expect(check).not.toBeChecked()
+  }
+})

package/resources/pc/demo/grid/methods/toggle-row-expansion.spec.js

@@ -0,0 +1,15 @@
+import { test, expect } from '@playwright/test'
+
+test('切换展开行测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-nested-grid/methods-toggle-row-expansion')
+  await page.getByRole('button', { name: 'toggleRowExpansion' }).click()
+  const expandIcon = await page.locator(
+    '//*[@id="preview"]/div[2]/div[2]/div/div/div/div[3]/table/tbody/tr[2]/td[3]/div/span'
+  )
+
+  await expect(expandIcon).toHaveClass(/expand__active/)
+  await page.getByRole('button', { name: 'toggleRowExpansion' }).click()
+
+  await expect(expandIcon).not.toHaveClass(/expand__active/)
+})

package/resources/pc/demo/grid/methods/toggle-row-selection.spec.js

@@ -0,0 +1,14 @@
+import { test, expect } from '@playwright/test'
+
+test('手动切换指定行选中状态', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-operation-column/methods-toggle-row-selection')
+  await page.getByRole('button', { name: 'toggleRowSelection' }).click()
+  // 判断选中状态
+  await expect(page.getByRole('row', { name: '2 300 2016-07-08 12:36:22 深圳' }).locator('label input')).toBeChecked()
+  await page.getByRole('button', { name: 'toggleRowSelection' }).click()
+  // 判断未选中状态
+  await expect(
+    page.getByRole('row', { name: '2 300 2016-07-08 12:36:22 深圳' }).locator('label input')
+  ).not.toBeChecked()
+})

package/resources/pc/demo/grid/methods/toggle-tree-expansion.spec.js

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test'
+
+test('树表切换展开行测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-tree-grid/methods-toggle-tree-expansion')
+  await page.getByRole('button', { name: 'toggleTreeExpansion' }).click()
+  await page.getByRole('row', { name: 'WWWW科技股份有限子公司 华南区 720' }).locator('label span').click()
+  const toggleIcon = page.locator(
+    '//*[@id="preview"]/div[2]/div[2]/div/div/div/div[3]/table/tbody/tr[2]/td[1]/div/span[2]'
+  )
+
+  await expect(toggleIcon).toHaveClass(/is__active/)
+  await page.getByRole('button', { name: 'toggleTreeExpansion' }).click()
+
+  await expect(toggleIcon).not.toHaveClass(/is__active/)
+})

package/resources/pc/demo/grid/mouse-config.spec.js

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('表格组件鼠标配置项测试', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-keyboard/mouse-config')
+  await page.getByText('WWWW科技YX公司').first().click()
+
+  await expect(page.locator('//*[@id="preview"]/div[2]/div[2]/div/div/div[3]/table/tbody/tr[2]/td[2]')).toHaveClass(
+    /col__selected/
+  )
+})

package/resources/pc/demo/grid/news/async-colunm-render.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('列异步数据渲染', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-renderer/news-async-colunm-render')
+  await page.waitForTimeout(600)
+  await expect(page.getByRole('cell', { name: '福州' })).toBeVisible()
+})

package/resources/pc/demo/grid/news/auto-height.spec.js

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('开启响应式表格宽高', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-width-height/news-auto-height')
+  await page.getByRole('button', { name: '修改400px' }).click()
+  const grid = page.locator('.tiny-grid__wrapper')
+  const { height } = await grid.boundingBox()
+  await expect(400 - height).toBeLessThan(0.8)
+})

package/resources/pc/demo/grid/news/editor-events.spec.js

@@ -0,0 +1,14 @@
+import { test, expect } from '@playwright/test'
+
+test('Grid-编辑器-自定义编辑器', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-editor/news-editor-events')
+  await page.getByText('GFD科技YX公司').first().click()
+  await page
+    .getByRole('row', {
+      name: '1 2014-04-30 00:56:00 800 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .getByRole('textbox')
+    .click()
+  await expect(page.getByText('所有数据列表')).toBeVisible()
+})

package/resources/pc/demo/grid/pager/inner-default-pager.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('test', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-pager/pager-inner-default-pager')
+  await page.getByRole('listitem').filter({ hasText: '2' }).click()
+  await expect(page.getByRole('cell', { name: '9' })).toBeVisible()
+})

package/resources/pc/demo/grid/pager/inner-pager.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('test', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-pager/pager-inner-pager')
+  await page.getByRole('listitem').filter({ hasText: '2' }).click()
+  await expect(page.getByRole('cell', { name: '10' })).toBeVisible()
+})

package/resources/pc/demo/grid/pager/showSaveMsg.spec.js

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test'
+
+test('保存', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-pager/pager-showSaveMsg')
+  await page.getByText('GFD科技YX公司').first().click()
+  await page
+    .getByRole('row', {
+      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .getByRole('textbox')
+    .fill('GFD科技YX公司ds')
+  await page.getByText('名称').click()
+  await page.getByRole('listitem').filter({ hasText: '2' }).click()
+  await expect(page.getByText('有修改的数据，是否要保存？')).toBeVisible()
+})

package/resources/pc/demo/grid/recalculate.spec.js

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('重新计算表格', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-width-height/recalculate')
+  const { width } = await page.getByRole('cell', { name: '布尔值' }).boundingBox()
+  await page.getByRole('button', { name: '修改表格父容器宽度' }).click()
+  await page.getByRole('button', { name: '重新计算表格' }).click()
+  const { width: width1 } = await page.getByRole('cell', { name: '布尔值' }).boundingBox()
+  await expect(width).toBeLessThan(width1)
+})

package/resources/pc/demo/grid/row-grouping.spec.js

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test'
+
+test('表格分组', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-row-grouping/row-grouping')
+  await page.locator('.tiny-grid-cell-group > .tiny-svg').first().click()
+  await expect(page.getByRole('cell', { name: 'GFD科技YX公司' })).toHaveCount(0)
+})

package/resources/pc/demo/grid/rowGroupRender.spec.js

@@ -0,0 +1,7 @@
+import { test, expect } from '@playwright/test'
+
+test('自定义分组', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/grid-row-grouping/rowGroupRender')
+  await expect(page.getByText('当前分组行数为1').first()).toBeVisible()
+})