@opentiny/vue-docs 2.1.8 → 2.1.10

package/demos/pc/app/grid/edit/editing.spec.js

@@ -1,17 +1,29 @@
 import { test, expect } from '@playwright/test'
 
-test('单元格编辑', async ({ page }) => {
+test('编辑方式', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-edit#tiny-first-menu-cell-editing')
-  await page.getByText('GFD科技YX公司').first().click()
+  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')
-    .fill('eeee')
-  await page.getByText('名称').click()
+    .click()
+  await page
+    .getByRole('row', {
+      name: '1 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .getByRole('textbox')
+    .fill('GFD科技Y水电费第三方X公司')
+  await page.getByRole('heading', { name: '单元格编辑：' }).click()
+  await expect(await page.getByText('GFD科技Y水电费第三方X公司')).toHaveCount(2)
 
-  await expect(page.getByText('eeee').first()).toBeVisible()
-  await expect(page.getByRole('cell', { name: 'eeee' })).toHaveClass(/col__valid-success/)
+  // 行编辑
+  await page.getByText('华东区').nth(1).click()
+  await page.getByRole('textbox').nth(2).click()
+  await page.getByRole('textbox').nth(2).fill('水电费水电费')
+  await page.getByRole('heading', { name: '行编辑：' }).click()
+  await expect(page.getByRole('cell', { name: '水电费水电费' })).toHaveCount(2)
 })

package/demos/pc/app/grid/edit/{editor-is-salid-always.spec.js → editor-is-valid-always.spec.js}

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('自定义编辑校验规则', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-edit#tiny-first-menu-editor-is-salid-always')
+  await page.goto('grid-edit#edit-editor-is-valid-always')
   await page
     .getByRole('row', {
       name: '2 华南区 深圳福田区 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'

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

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('检查数据是否改变', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-edit#edit-hasRowChange')
+  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()

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

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('表格编辑还原更改', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-edit#edit-revertData')
+  await page.goto('grid-edit#edit-revert-data')
   await page.getByText('GFD科技YX公司').first().click()
   await page
     .getByRole('row', {
@@ -17,7 +17,7 @@ test('表格编辑还原更改', async ({ page }) => {
     })
     .getByRole('textbox')
     .fill('eee')
-  await page.getByText('名称').click()
+  await page.locator('#edit-revert-data').getByRole('cell', { name: '名称' }).click()
   await page.getByRole('button', { name: '恢复全部' }).click()
   await expect(page.getByText('GFD科技YX公司').first()).toBeVisible()
   await expect(page.getByText('RFV有限责任公司').first()).toBeVisible()

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

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('开启编辑状态', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-edit#tiny-first-menu-status-of-editing')
+  await page.goto('grid-edit#edit-status-of-editing')
   await page.getByText('GFD科技YX公司').first().click()
   await page
     .getByRole('row', {
@@ -10,6 +10,7 @@ test('开启编辑状态', async ({ page }) => {
     })
     .getByRole('textbox')
     .fill('sdfdf')
-  await page.getByText('名称').click()
-  await expect(page.getByRole('cell', { name: 'sdfdf' })).toHaveClass(/col__valid-success/)
+  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/)
 })

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

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

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

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('手动触发编辑', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-edit#tiny-first-menu-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

package/demos/pc/app/grid/editor/custom-edit.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('grid-editor#editor-custom-edit')
+  await expect(page.getByRole('row', { name: '1 请选择 保存 取消' }).getByRole('textbox').first()).toBeVisible()
+  await expect(page.getByRole('row', { name: '2 请选择 保存 取消' }).getByRole('textbox').first()).toBeVisible()
+})

package/demos/pc/app/grid/editor/custom-editor-select.spec.js

@@ -1,14 +1,11 @@
 import { test, expect } from '@playwright/test'
 
-test('引入 3.0 组件作为编辑器', async ({ page }) => {
+test('引入组件作为编辑器', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-editor#grid_Example-gridEdit-custom-editor-select')
-  await page
-    .getByRole('row', {
-      name: '1 GFD科技YX公司 华中区 2014-04-30 00:56:00 800 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByText('华中区')
-    .click()
-  await page.getByPlaceholder('请选择').click()
-  await expect(page.getByRole('listitem').filter({ hasText: '华东区' })).toBeVisible()
+  await page.goto('grid-editor#editor-custom-editor-select')
+  await page.getByText('华中区').first().click()
+  await page.getByRole('textbox', { name: '请选择' }).click()
+  await page.getByRole('list').getByText('西南区').click()
+  await page.getByRole('cell', { name: '创建时间' }).click()
+  await expect(page.locator('.tiny-grid-body__row').first()).toContainText('西南区')
 })

package/demos/pc/app/grid/editor/editor-bg.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('grid-editor#editor-editor-bg')
+  await page.getByRole('cell', { name: '中山市' }).click()
+  await expect(
+    page
+      .getByRole('row', {
+        name: '3 RFV有限责任公司 华南区 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+      })
+      .getByRole('textbox')
+  ).toHaveCount(0)
+})

package/demos/pc/app/grid/editor/mutil-render.spec.js

@@ -2,22 +2,10 @@ import { test, expect } from '@playwright/test'
 
 test('Grid-编辑器-下拉多选', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-editor#edit-mutil-render')
-  await page
-    .getByRole('row', {
-      name: '3 RFV有限责任公司 华南区 2014-02-14 14:14:14 1300 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .getByText('华南区')
-    .click()
-  await page
-    .getByRole('row', {
-      name: '3 RFV有限责任公司 2014-02-14 14:14:14 1300 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
-    })
-    .locator('div')
-    .filter({ hasText: /^华南区$/ })
-    .click()
-  await page.getByRole('listitem').filter({ hasText: '华中区' }).locator('span').nth(2).click()
-  await page.getByRole('listitem').filter({ hasText: '华东区' }).locator('span').first().click()
-  await page.getByText('区域').first().click()
-  await expect(page.getByText('华中区;华东区;华南区').first()).toBeVisible()
+  await page.goto('grid-editor#editor-mutil-render')
+  await page.getByText('华中区;华南区').click()
+  await page.locator('.tiny-input__suffix-inner > .tiny-svg > .st0').click()
+  await page.locator('li').filter({ hasText: '华东区' }).locator('span').nth(2).click()
+  await page.getByRole('cell', { name: '创建时间' }).click()
+  await expect(page.locator('.tiny-grid-body__row').first()).toContainText('华中区;华东区;华南区')
 })

package/demos/pc/app/grid/editor/popeditor-in-grid-remote-search.spec.js

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('Popeditor 弹窗编辑，配置远程搜索', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-editor#grid_Example-gridEdit-popeditor-in-grid-remote-search')
+  await page.goto('grid-editor#editor-popeditor-in-grid-remote-search')
   await page.getByText('GFD科技YX公司').first().click()
   await page
     .getByRole('row', {

package/demos/pc/app/grid/empty/empty-data-default-tip.spec.js

@@ -2,8 +2,8 @@ import { test, expect } from '@playwright/test'
 
 test('默认提示', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-empty-data-tip#tiny-first-menu-empty-data-default-tip')
+  await page.goto('grid-empty#empty-empty-data-default-tip')
 
   // 空数据时判断默认提示成功
-  await expect(page.getByText('暂无数据')).toHaveText('暂无数据')
+  await expect(page.getByText('暂无数据')).toBeVisible()
 })

package/demos/pc/app/grid/empty/empty-data-iscenter.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('grid-empty#empty-empty-data-iscenter')
+
+  // 空数据时判断默认提示成功
+  await expect(page.getByText('暂无数据').first()).toBeVisible()
+
+  // 判断是否居中
+  await expect(page.locator('.empty-center-block')).toHaveCSS('justify-content', 'center')
+})

package/demos/pc/app/grid/empty/empty-data-tip.spec.js

@@ -1,9 +1,10 @@
 import { test, expect } from '@playwright/test'
 
-test('自定义提示', async ({ page }) => {
+test('默认提示', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-empty-data-tip#tiny-first-menu-empty-data-tip')
+  await page.goto('grid-empty#empty-empty-data-tip')
 
-  // 判断通过设置插槽 v-slot:empty自定义提示内容成功
-  await expect(await page.getByText('没有更多数据了！')).toHaveText('没有更多数据了！')
+  // 空数据时判断默认提示成功
+  await expect(page.getByText('没有更多数据了！')).toBeVisible()
+  await expect(page.getByText('没有更多数据了', { exact: true })).toBeVisible()
 })

package/demos/pc/app/grid/event/cell-mouse-event.spec.js

@@ -1,9 +1,10 @@
 import { test, expect } from '@playwright/test'
 
-test('鼠标进入单元格事件', async ({ page }) => {
+test('鼠标进入离开单元格事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-event#event-cell-mouseenter-event')
+  await page.goto('grid-event#event-cell-mouse-event')
   await page.getByText('福州').first().hover()
-
   await expect(page.getByText('鼠标进入单元格地址')).toBeVisible()
+  await page.getByText('cell-mouseleave 可以监听到鼠标离开单元格事件').hover()
+  await expect(page.getByText('鼠标离开单元格地址')).toBeVisible()
 })

package/demos/pc/app/grid/event/click-event-composition-api.vue

@@ -120,7 +120,7 @@ const tableData = ref([
 
 const headerCellClickEvent = ({ column }) => {
   Modal.message({
-    message: `表头单元格点击${column.title}`,
+    message: `表头点击${column.title}`,
     status: 'info'
   })
 }
@@ -135,7 +135,7 @@ const cellDBLClickEvent = ({ column }) => {
 
 const headerCellDBLClickEvent = ({ column }) => {
   Modal.message({
-    message: `表头单元格双击${column.title}`,
+    message: `表头双击${column.title}`,
     status: 'info'
   })
 }

package/demos/pc/app/grid/event/click-event.spec.js

@@ -1,9 +1,34 @@
 import { test, expect } from '@playwright/test'
 
-test('表头单元格单击事件', async ({ page }) => {
+test('点击事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-event#event-header-click-event')
-  await page.getByText('名称').click()
+  await page.goto('grid-event#event-click-event')
 
-  await expect(page.getByText('表头单元格点击名称')).toBeVisible()
+  const header = page.locator('#event-click-event').getByRole('cell', { name: '名称' })
+
+  // 表头单击
+  await header.click()
+  await expect(page.locator('.tiny-modal__body').filter({ hasText: '表头点击名称' })).toBeVisible()
+
+  // 表头双击
+  await header.dblclick()
+  await expect(page.locator('.tiny-modal__body').filter({ hasText: '表头双击名称' })).toBeVisible()
+
+  const cell = page.getByRole('cell', { name: 'GFD科技YX公司' })
+
+  // 单元格单击
+  await cell.click()
+  await expect(page.locator('.tiny-modal__body').filter({ hasText: '单元格点击名称' })).toBeVisible()
+
+  // 单元格双击
+  await cell.dblclick()
+  await expect(page.locator('.tiny-modal__body').filter({ hasText: '单元格双击名称' })).toBeVisible()
+
+  // 表尾单击
+  await page.getByRole('cell', { name: '总计人数' }).click()
+  await expect(page.locator('.tiny-modal__body').filter({ hasText: '1' })).toBeVisible()
+
+  // 表尾双击
+  await page.getByRole('cell', { name: '3570' }).dblclick()
+  await expect(page.locator('.tiny-modal__body').filter({ hasText: '4' }).first()).toBeVisible()
 })

package/demos/pc/app/grid/event/click-event.vue

@@ -128,7 +128,7 @@ export default {
   methods: {
     headerCellClickEvent({ column }) {
       Modal.message({
-        message: `表头单元格点击${column.title}`,
+        message: `表头点击${column.title}`,
         status: 'info'
       })
     },
@@ -140,7 +140,7 @@ export default {
     },
     headerCellDBLClickEvent({ column }) {
       Modal.message({
-        message: `表头单元格双击${column.title}`,
+        message: `表头双击${column.title}`,
         status: 'info'
       })
     },

package/demos/pc/app/grid/event/context-menu-event.spec.js

@@ -1,15 +1,17 @@
 import { test, expect } from '@playwright/test'
 
-test('右键点击表尾单元格事件', async ({ page }) => {
+test('右键相关事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-event#event-footer-cell-context-menu-event')
-  await page.getByText('3570').click()
-  await expect(page.getByText('触发表尾左键点击事件')).toBeVisible()
-  await page.waitForTimeout(200)
+  await page.goto('grid-event#event-context-menu-event')
   await page.getByText('总计人数').click({
     button: 'right'
   })
-  await page.waitForTimeout(200)
 
   await expect(page.getByText('触发表尾右键点击事件').first()).toBeVisible()
+
+  await page.getByText('创建时间').click({
+    button: 'right'
+  })
+
+  await expect(page.getByText('触发表头右键点击事件').first()).toBeVisible()
 })

package/demos/pc/app/grid/event/edit-event.spec.js

@@ -2,8 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('单元格被激活编辑时会触发该事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-event#event-edit-actived-event')
+  await page.goto('grid-event#event-edit-event')
   await page.getByText('GFD科技YX公司').first().click()
+  await expect(page.getByText('激活editDisable事件')).toBeVisible()
 
+  await page.getByText('WWWW科技YX公司').click()
   await expect(page.getByText('激活编辑事件')).toBeVisible()
+  await page.getByText('激活编辑事件').click()
+  await expect(page.getByText('触发关闭编辑事件')).toBeVisible()
 })

package/demos/pc/app/grid/event/get-row-method.spec.js

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('获取表格行方法', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-event#tiny-first-menu-get-row-method')
+  await page.goto('grid-event#event-get-row-method')
   await page
     .getByRole('row', {
       name: '1 GFD科技YX公司 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'

package/demos/pc/app/grid/event/grid-events.spec.js

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('表格事件对象', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-event#event-cell-click-event')
+  await page.goto('grid-event#event-grid-events')
   await page.getByRole('cell', { name: 'GFD科技YX公司' }).click()
 
   await expect(page.getByText('单元格点击名称')).toBeVisible()

package/demos/pc/app/grid/event/grid-scroll-event-composition-api.vue

@@ -10,7 +10,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Grid as TinyGrid, GridColumn as TinyGridColumn, Modal } from '@opentiny/vue'
 
@@ -124,7 +124,7 @@ const tableData = ref([
 ])
 
 function ScrollEvent() {
-  Modal.message({ message: '表格滚动事件', status: 'info' })
+  Modal.message({ message: '提示：触发了表格滚动事件', status: 'info' })
 }
 </script>
 

package/demos/pc/app/grid/event/grid-scroll-event.spec.js

@@ -5,7 +5,5 @@ test('表格滚动事件', async ({ page }) => {
   await page.goto('grid-event#event-grid-scroll-event')
   const scrollDom = page.getByText('深圳万众科技YX公司').first()
   await scrollDom.scrollIntoViewIfNeeded()
-  await page.waitForTimeout(20)
-
-  await expect(page.locator('.tiny-modal__box').first()).toBeVisible()
+  await expect(page.getByText('提示：触发了表格滚动事件')).toBeVisible()
 })

package/demos/pc/app/grid/event/grid-scroll-event.vue

@@ -10,7 +10,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Grid, GridColumn, Modal } from '@opentiny/vue'
 
 export default {
@@ -132,7 +132,7 @@ export default {
   },
   methods: {
     ScrollEvent() {
-      Modal.message({ message: '表格滚动事件', status: 'info' })
+      Modal.message({ message: '提示：触发了表格滚动事件', status: 'info' })
     }
   }
 }

package/demos/pc/app/grid/event/select-event.spec.js

@@ -2,7 +2,15 @@ import { test, expect } from '@playwright/test'
 
 test('手动勾选全选时触发的事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-event#event-select-all-event')
+  await page.goto('grid-event#event-select-event')
+  await page
+    .getByRole('row', {
+      name: 'GFD科技YX公司 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .locator('path')
+    .first()
+    .click()
+  await expect(page.getByText('选项改变了')).toBeVisible()
   await page.getByRole('row', { name: '名称 所属区域 地址 公司简介' }).locator('span').click()
 
   await expect(page.getByText('触发全选事件')).toBeVisible()

package/demos/pc/app/grid/event/toolbar-button-click-event.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('grid-event#event-toolbar-button-click-event')
+  await page.getByRole('button', { name: '新增' }).click()
+  await expect(page.locator('.tiny-grid-body__row')).toHaveCount(7)
+  await page
+    .getByRole('row', {
+      name: '2 GFD科技YX公司 华东区 福州 公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+    })
+    .locator('path')
+    .first()
+    .click()
+
+  await page.getByRole('button', { name: '删除', exact: true }).click()
+
+  await expect(page.locator('.tiny-grid-body__row')).toHaveCount(6)
+})

package/demos/pc/app/grid/expand/expand-config.spec.js

@@ -2,7 +2,12 @@ import { test, expect } from '@playwright/test'
 
 test('基本用法', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-tree-grid#tree-table-tree-grid-expand-config')
+  await page.goto('grid-expand#expand-expand-config')
+
+  // 默认展开行
+  await expect(page.locator('#expand-expand-config tbody span').filter({ hasText: '800' })).toBeVisible()
+
+  // 点击展开
   await page
     .getByRole('row', {
       name: '公司名称：GFD科技YX公司 区域：华东区 员工数：800 公司简介：公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
@@ -14,4 +19,13 @@ test('基本用法', async ({ page }) => {
   await page.getByRole('row', { name: '2 WWWW科技YX公司 华南区 500' }).locator('i').click()
 
   await expect(page.getByText('员工数：500')).toBeVisible()
+
+  // 验证展开图标隐藏
+  const cell = page
+    .getByRole('row', { name: '4 康康物业YX公司 华南区 400' })
+    .getByRole('cell')
+    .nth(1)
+    .locator('.tiny-grid__expand-icon')
+
+  await expect(cell).toHaveCount(0)
 })

package/demos/pc/app/grid/expand/has-row-expand.spec.js

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('检查当前行是否展开', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-nested-grid#expand-hasRowExpand')
+  await page.goto('grid-expand#expand-has-row-expand')
   await page.getByRole('row', { name: '1 GFD科技YX公司 华东区 800' }).locator('i').click()
   await page.locator('div').filter({ hasText: '当前展开行：1' }).nth(1).click()
 

package/demos/pc/app/grid/expand/nested-grid.spec.js

@@ -2,10 +2,8 @@ import { test, expect } from '@playwright/test'
 
 test('嵌套表格场景测试', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-nested-grid#grid_Example-nestedGrid')
+  await page.goto('grid-expand#expand-nested-grid')
   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/)
+  await expect(page.getByRole('cell', { name: 'GFD科技YX公司', exact: true })).toBeVisible()
 })

package/demos/pc/app/grid/expand/set-row-expansion.spec.js

@@ -2,10 +2,11 @@ import { test, expect } from '@playwright/test'
 
 test('设置指定展开行', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('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/)
+  await page.goto('grid-expand#expand-set-row-expansion')
+  await page.getByRole('button', { name: '展开指定行' }).click()
+  await expect(page.getByText('GFD科技YX公司')).toHaveCount(3)
+  await page.getByRole('button', { name: '展开所有行' }).click()
+  await expect(page.getByText('GFD科技YX公司')).toHaveCount(6)
+  await page.getByRole('button', { name: '手动切换展开行' }).click()
+  await expect(page.getByText('GFD科技YX公司')).toHaveCount(5)
 })

package/demos/pc/app/grid/faq/grid-in-dialog-box.spec.js

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('弹窗框中表格编辑器失焦功能测试', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-faq#faq-gridInDialogBox')
+  await page.goto('grid-faq#faq-grid-in-dialog-box')
   await page.getByRole('button', { name: '弹出Dialogfalse' }).click()
   await page.getByText('GFD科技有限公司').first().click()
   await page

package/demos/pc/app/grid/faq/op-slot.spec.js

@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test'
 
 test('配置式表格使用插槽测试', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('grid-faq#faq-opSlot')
+  await page.goto('grid-faq#faq-op-slot')
   await page.getByText('800').first().click()
   const span = page.getByText('800').first()
   const hasStyleAttr = await span.evaluate((span) => span.hasAttribute('style'))

package/demos/pc/app/grid/filter/advanced-filter.spec.js

@@ -0,0 +1,23 @@
+import { test, expect } from '@playwright/test'
+
+test('过滤高级设置', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('grid-filter#filter-default-filter')
+  await page
+    .getByRole('cell', { name: '公司名称鼠标移入可以动态提示tooltip，公司名称鼠标移入可以动态提示tooltip' })
+    .getByRole('img')
+    .first()
+    .click()
+  await page.getByTitle('WWW科技YX公司').click()
+  await page
+    .locator('div')
+    .filter({ hasText: /^确定取消$/ })
+    .getByRole('button', { name: '确定' })
+    .click()
+  await expect(page.getByRole('cell', { name: 'RFV有限责任公司' })).toHaveCount(0)
+  await expect(page.getByRole('cell', { name: 'WWW科技YX公司' })).toHaveCount(1)
+
+  // 清楚筛选
+  await page.getByRole('button', { name: '清空表格name字段的过滤条件' }).click()
+  await expect(page.getByRole('cell', { name: 'RFV有限责任公司' })).toHaveCount(1)
+})