benyuanzhang
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:[modal,slider-bar] update e2e test (#1455) 

* fix: update e2e test

* fix: update test-e2e
This commit is contained in:
James 2024-03-01 16:25:49 +08:00 committed by GitHub
parent e104ab69bb
commit 8bfb442ba4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
examples/sites/demos/pc/app/modal/min-width-height.spec.ts
View File

@ -1,10 +1,10 @@
import { test, expect } from '@playwright/test' import { test, expect } from '@playwright/test'
test('调整窗口后显示的最小宽度', async ({ page }) => { test('调整窗口后显示的最小宽高度', async ({ page }) => {
page.on('pageerror', (exception) => expect(exception).toBeNull()) page.on('pageerror', (exception) => expect(exception).toBeNull())
await page.goto('modal#min-width-height') await page.goto('modal#min-width-height')
await page.getByRole('button', { name: '最小宽高度' }).click() await page.getByRole('button', { name: /最小宽高度/ }).click()
const modal = page.locator('.tiny-modal.active .tiny-modal__box') const modal = page.locator('.tiny-modal.active .tiny-modal__box')
// 获取弹窗位置 // 获取弹窗位置
const { x, y } = await modal.boundingBox() const { x, y } = await modal.boundingBox()

2
examples/sites/demos/pc/app/modal/show-header-footer.spec.ts
View File

@ -5,6 +5,6 @@ test('控制显示头部及底部', async ({ page }) => {
await page.goto('modal#show-header-footer') await page.goto('modal#show-header-footer')
const modal = page.locator('.tiny-modal.active') const modal = page.locator('.tiny-modal.active')
await page.getByRole('button', { name: '控制显示头部及底部' }).click() await page.getByRole('button', { name: /控制显示头部及底部/ }).click()
await expect(modal.locator('.tiny-modal__header')).not.toBeVisible() await expect(modal.locator('.tiny-modal__header')).not.toBeVisible()
}) })

4
examples/sites/demos/pc/app/slide-bar/basic-usage.spec.ts
View File

@ -11,7 +11,7 @@ test('基础用法', async ({ page }) => {
await expect(slideBarList.locator('li').first()).toHaveCSS('border-color', 'rgba(153, 153, 153, 0.7)') await expect(slideBarList.locator('li').first()).toHaveCSS('border-color', 'rgba(153, 153, 153, 0.7)')
await preview.locator('.icon-chevron-right').click() await preview.locator('.icon-chevron-right').click()
// 单个滚动块的宽度为 width + marginLeft，固定值为196px // 单个滚动块的宽度为 width + marginLeft，固定值为196px
await expect(slideBarList).toHaveCSS('left', '-358px') await expect(slideBarList).toHaveCSS('left', '-360px')
await preview.locator('.icon-chevron-left').click() await preview.locator('.icon-chevron-left').click()
await expect(slideBarList).toHaveCSS('left', '-179px') await expect(slideBarList).toHaveCSS('left', '-180px')
}) })

6
examples/sites/demos/pc/app/slide-bar/wheel-blocks.spec.ts
View File

@ -9,9 +9,9 @@ test('每次滚动块数', async ({ page }) => {
await slideBarList.first().click() await slideBarList.first().click()
await page.locator('.icon-chevron-right').click() await page.locator('.icon-chevron-right').click()
// 单个滚动块的宽度固定为196px，所以应为 196px * 2 // 单个滚动块的宽度固定为196px，所以应为 196px * 2
await expect(slideBarList).toHaveCSS('left', '-358px') await expect(slideBarList).toHaveCSS('left', '-360px')
await page.locator('.icon-chevron-right').click() await page.locator('.icon-chevron-right').click()
await expect(slideBarList).toHaveCSS('left', '-716px') await expect(slideBarList).toHaveCSS('left', '-720px')
await page.locator('.icon-chevron-left').click() await page.locator('.icon-chevron-left').click()
await expect(slideBarList).toHaveCSS('left', '-358px') await expect(slideBarList).toHaveCSS('left', '-360px')
}) })