test: update @playwright/test to 1.49.x and fix e2e case

examples/docs/package.json

@@ -20,6 +20,6 @@
     "sortablejs": "1.15.0"
   },
   "devDependencies": {
-    "@playwright/test": "~1.42.0"
+    "@playwright/test": "catalog:"
   }
 }

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()

examples/sites/package.json

@@ -22,6 +22,9 @@
     "pub": "pnpm publish --no-git-checks --access=public"
   },
   "dependencies": {
+    "@docsearch/css": "^3.8.0",
+    "@docsearch/js": "^3.8.0",
+    "@docsearch/react": "npm:@docsearch/css",
     "@opentiny/vue": "workspace:~",
     "@opentiny/vue-common": "workspace:~",
     "@opentiny/vue-design-aurora": "workspace:~",
@@ -48,16 +51,12 @@
     "tailwindcss": "^3.2.4",
     "vue": "^3.4.31",
     "vue-i18n": "^9.1.10",
-    "vue-router": "4.1.5",
-    "@docsearch/js": "^3.8.0",
-    "@docsearch/css": "^3.8.0",
-    "@docsearch/react": "npm:@docsearch/css"
+    "vue-router": "4.1.5"
   },
   "devDependencies": {
     "@opentiny-internal/unplugin-virtual-template": "workspace:~",
     "@opentiny/vue-mobile": "workspace:~",
-    "@playwright/test": "~1.42.0",
-    "rollup-plugin-visualizer": "^5.12.0",
+    "@playwright/test": "catalog:",
     "@types/markdown-it": "^12.2.3",
     "@types/node": "^17.0.45",
     "@unocss/preset-icons": "^0.38.2",
@@ -78,6 +77,7 @@
     "markdown-it-table-of-contents": "^0.6.0",
     "markdown-it-toc-done-right": "^4.2.0",
     "prettier": "^2.7.1",
+    "rollup-plugin-visualizer": "^5.12.0",
     "stylelint": "^14.9.1",
     "stylelint-config-standard": "^26.0.0",
     "typescript": "catalog:",

examples/vue2.7/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vue2.7-example",
   "type": "module",
-  "private": true,
   "version": "0.1.6-mf.0",
+  "private": true,
   "files": [
     "*"
   ],
@@ -24,20 +24,26 @@
     "@opentiny/vue-locale": "workspace:~",
     "@opentiny/vue-renderless": "workspace:~",
     "@opentiny/vue-theme": "workspace:~",
-    "@opentiny/vue-theme-saas": "workspace:~",
     "@opentiny/vue-theme-mobile": "workspace:~",
+    "@opentiny/vue-theme-saas": "workspace:~",
     "@opentiny/vue-vite-import": "workspace:~",
-    "@playwright/test": "~1.42.0",
+    "@playwright/test": "catalog:",
+    "@unocss/core": "^0.48.0",
+    "@unocss/preset-icons": "^0.61.9",
+    "@unocss/transformer-directives": "^0.48.0",
     "@vitejs/plugin-vue2": "^2.2.0",
     "@vitejs/plugin-vue2-jsx": "^1.1.0",
     "@vitest/ui": "^0.31.0",
     "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
     "@vue/test-utils": "^1.3.3",
+    "js-sha256": "^0.9.0",
     "jsdom": "^21.0.0",
+    "onigasm": "^2.2.5",
     "postcss": "^8.4.16",
     "tailwindcss": "^3.2.4",
     "tailwindcss-vite-plugin": "^0.0.3",
     "typescript": "catalog:",
+    "unocss": "^0.61.9",
     "vite": "catalog:",
     "vite-plugin-checker": "^0.5.2",
     "vite-plugin-dynamic-import": "^1.2.4",
@@ -49,12 +55,6 @@
     "vue": "~2.7.10",
     "vue-i18n": "^8.9.0",
     "vue-template-compiler": "2.7.10",
-    "vue-tsc": "^1.0.16",
-    "js-sha256": "^0.9.0",
-    "onigasm": "^2.2.5",
-    "unocss": "^0.61.9",
-    "@unocss/core": "^0.48.0",
-    "@unocss/preset-icons": "^0.61.9",
-    "@unocss/transformer-directives": "^0.48.0"
+    "vue-tsc": "^1.0.16"
   }
 }

examples/vue2/package.json

@@ -27,7 +27,7 @@
     "@opentiny/vue-theme-mobile": "workspace:~",
     "@opentiny/vue-theme-saas": "workspace:~",
     "@opentiny/vue-vite-import": "workspace:~",
-    "@playwright/test": "~1.42.0",
+    "@playwright/test": "catalog:",
     "@tiptap/vue-2": "^2.1.0",
     "@unocss/core": "^0.48.0",
     "@unocss/preset-icons": "^0.61.9",