diff --git a/tests/select/allow-create.spec.ts b/tests/select/allow-create.spec.ts new file mode 100644 index 0000000..5b93d99 --- /dev/null +++ b/tests/select/allow-create.spec.ts @@ -0,0 +1,18 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('面板搜索--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#allow-create') + + const demo = page.locator('#allow-create .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(2).click() + await expect(wrap).toHaveScreenshot('top-create.png') + }) +}) diff --git a/tests/select/allow-create.spec.ts-snapshots/default-chromium-win32.png b/tests/select/allow-create.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..00c9553 Binary files /dev/null and b/tests/select/allow-create.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/allow-create.spec.ts-snapshots/top-create-chromium-win32.png b/tests/select/allow-create.spec.ts-snapshots/top-create-chromium-win32.png new file mode 100644 index 0000000..706d798 Binary files /dev/null and b/tests/select/allow-create.spec.ts-snapshots/top-create-chromium-win32.png differ diff --git a/tests/select/automatic-dropdown.spec.ts b/tests/select/automatic-dropdown.spec.ts new file mode 100644 index 0000000..f73b929 --- /dev/null +++ b/tests/select/automatic-dropdown.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('手动聚焦失焦--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#automatic-dropdown') + + const demo = page.locator('#automatic-dropdown .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/basic-usage.spec.ts b/tests/select/basic-usage.spec.ts new file mode 100644 index 0000000..d8f0032 --- /dev/null +++ b/tests/select/basic-usage.spec.ts @@ -0,0 +1,72 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('标签式--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#basic-usage') + + const demo = page.locator('#basic-usage .pc-demo') + const select = demo.locator('.tiny-select').nth(0) + const suffix = select.locator('.tiny-input__suffix-inner') + const wrap = page.locator('.docs-tabs-wrap') + const menu = page.locator('body > .tiny-select-dropdown').nth(0) + + // 默认 + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + // 悬浮高亮 + await select.hover() + await page.waitForTimeout(100) + await expect(demo).toHaveScreenshot('hover.png') + + // 点击下拉 + await suffix.click() + await page.waitForTimeout(100) + + // 悬浮item + await menu.locator('.tiny-option').nth(2).hover() + await page.waitForTimeout(100) + await expect(wrap).toHaveScreenshot('item-hover.png') + + // 点击选中 item,收起弹窗 + await menu.locator('.tiny-option').nth(2).click() + await expect(wrap).toHaveScreenshot('item-click.png') + + // 再次点击下拉 + await suffix.click() + await page.waitForTimeout(100) + await expect(wrap).toHaveScreenshot('item-checked.png') + }) + + test('配置式--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#basic-usage') + + const demo = page.locator('#basic-usage .pc-demo') + const select = demo.locator('.tiny-select').nth(1) + const suffix = select.locator('.tiny-input__suffix-inner') + const wrap = page.locator('.docs-tabs-wrap') + const menu = page.locator('body > .tiny-select-dropdown').nth(0) + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default1.png') + + await select.hover() + await page.waitForTimeout(100) + await expect(demo).toHaveScreenshot('hover1.png') + + await suffix.click() + await page.waitForTimeout(100) + await menu.locator('.tiny-option').nth(3).hover() + await page.waitForTimeout(100) + await expect(wrap).toHaveScreenshot('item-hover1.png') + + await menu.locator('.tiny-option').nth(3).click() + await expect(wrap).toHaveScreenshot('item-click1.png') + + await suffix.click() + await page.waitForTimeout(100) + await expect(wrap).toHaveScreenshot('item-checked1.png') + }) +}) diff --git a/tests/select/basic-usage.spec.ts-snapshots/default-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..5bf5a2e Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/default1-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/default1-chromium-win32.png new file mode 100644 index 0000000..5bf5a2e Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/default1-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/hover-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/hover-chromium-win32.png new file mode 100644 index 0000000..811eaac Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/hover-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/hover1-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/hover1-chromium-win32.png new file mode 100644 index 0000000..61585a5 Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/hover1-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/item-checked-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/item-checked-chromium-win32.png new file mode 100644 index 0000000..9070e2c Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/item-checked-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/item-checked1-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/item-checked1-chromium-win32.png new file mode 100644 index 0000000..e75d7cd Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/item-checked1-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/item-click-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/item-click-chromium-win32.png new file mode 100644 index 0000000..f4b957d Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/item-click-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/item-click1-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/item-click1-chromium-win32.png new file mode 100644 index 0000000..5e82038 Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/item-click1-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/item-hover-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/item-hover-chromium-win32.png new file mode 100644 index 0000000..f2f710a Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/item-hover-chromium-win32.png differ diff --git a/tests/select/basic-usage.spec.ts-snapshots/item-hover1-chromium-win32.png b/tests/select/basic-usage.spec.ts-snapshots/item-hover1-chromium-win32.png new file mode 100644 index 0000000..0578fb0 Binary files /dev/null and b/tests/select/basic-usage.spec.ts-snapshots/item-hover1-chromium-win32.png differ diff --git a/tests/select/binding-obj.spec.ts b/tests/select/binding-obj.spec.ts new file mode 100644 index 0000000..68798a5 --- /dev/null +++ b/tests/select/binding-obj.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('绑定值为对象--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#binding-obj') + + const demo = page.locator('#binding-obj .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/binding-obj.spec.ts-snapshots/default-chromium-win32.png b/tests/select/binding-obj.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..2b43f2f Binary files /dev/null and b/tests/select/binding-obj.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/cache-usage.spec.ts b/tests/select/cache-usage.spec.ts new file mode 100644 index 0000000..6afe673 --- /dev/null +++ b/tests/select/cache-usage.spec.ts @@ -0,0 +1,16 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('自动缓存--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#cache-usage') + + const demo = page.locator('#cache-usage .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.click() + await expect(wrap).toBeInViewport() + await expect(wrap).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/cache-usage.spec.ts-snapshots/default-chromium-win32.png b/tests/select/cache-usage.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..9b88e5d Binary files /dev/null and b/tests/select/cache-usage.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/clear-no-match-value.spec.ts b/tests/select/clear-no-match-value.spec.ts new file mode 100644 index 0000000..f13e1c3 --- /dev/null +++ b/tests/select/clear-no-match-value.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('自动清除不匹配的值--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#clear-no-match-value') + + const demo = page.locator('#clear-no-match-value .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('clear-no-match-value.png') + }) +}) diff --git a/tests/select/clear-no-match-value.spec.ts-snapshots/clear-no-match-value-chromium-win32.png b/tests/select/clear-no-match-value.spec.ts-snapshots/clear-no-match-value-chromium-win32.png new file mode 100644 index 0000000..409a5ae Binary files /dev/null and b/tests/select/clear-no-match-value.spec.ts-snapshots/clear-no-match-value-chromium-win32.png differ diff --git a/tests/select/clearable.spec.ts b/tests/select/clearable.spec.ts new file mode 100644 index 0000000..d76fa23 --- /dev/null +++ b/tests/select/clearable.spec.ts @@ -0,0 +1,17 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('可清除--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#clearable') + + const demo = page.locator('#clearable .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.hover() + await expect(demo).toHaveScreenshot('hover.png') + }) +}) diff --git a/tests/select/clearable.spec.ts-snapshots/default-chromium-win32.png b/tests/select/clearable.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..64d308a Binary files /dev/null and b/tests/select/clearable.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/clearable.spec.ts-snapshots/hover-chromium-win32.png b/tests/select/clearable.spec.ts-snapshots/hover-chromium-win32.png new file mode 100644 index 0000000..29954bb Binary files /dev/null and b/tests/select/clearable.spec.ts-snapshots/hover-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts b/tests/select/collapse-tags.spec.ts new file mode 100644 index 0000000..aab525c --- /dev/null +++ b/tests/select/collapse-tags.spec.ts @@ -0,0 +1,110 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('多选折叠tag默认--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#collapse-tags') + + const demo = page.locator('#collapse-tags .pc-demo') + const select = demo.locator('.tiny-select').nth(0) + const suffix = select.locator('.tiny-input__suffix-inner') + const wrap = page.locator('.docs-tabs-wrap') + const menu = page.locator('body > .tiny-select-dropdown').nth(0) + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.hover() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('hover.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + + await menu.locator('.tiny-option').nth(2).hover() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-hover.png') + + await menu.locator('.tiny-option').nth(3).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-click.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-checked.png') + }) + + test('hoverExpand 折叠tag--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#collapse-tags') + + const demo = page.locator('#collapse-tags .pc-demo') + const select = demo.locator('.tiny-select').nth(1) + const suffix = select.locator('.tiny-input__suffix-inner') + const wrap = page.locator('.docs-tabs-wrap') + const menu = page.locator('body > .tiny-select-dropdown').nth(0) + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default1.png') + + await select.hover() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('hover1.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + + await menu.locator('.tiny-option').nth(2).hover() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-hover1.png') + + await menu.locator('.tiny-option').nth(3).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-click1.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-checked1.png') + }) + + test('clickExpand 折叠tag--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#collapse-tags') + + const demo = page.locator('#collapse-tags .pc-demo') + const select = demo.locator('.tiny-select').nth(2) + const suffix = select.locator('.tiny-input__suffix-inner') + const wrap = page.locator('.docs-tabs-wrap') + const menu = page.locator('body > .tiny-select-dropdown').nth(0) + const collapseButton = select.locator('.tiny-select__tags-collapse') + + // 默认显示2行 + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default2.png') + + // 点击展开 + await collapseButton.click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('click-expand2.png') + + // 点击收起 + await select.locator('.tiny-select__collapse-text').click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('unexpand2.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + + await menu.locator('.tiny-option').nth(2).hover() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-hover2.png') + + await menu.locator('.tiny-option').nth(3).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-click2.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-checked2.png') + }) +}) diff --git a/tests/select/collapse-tags.spec.ts-snapshots/click-expand2-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/click-expand2-chromium-win32.png new file mode 100644 index 0000000..4042191 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/click-expand2-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/default-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..0e4d180 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/default1-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/default1-chromium-win32.png new file mode 100644 index 0000000..0e4d180 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/default1-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/default2-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/default2-chromium-win32.png new file mode 100644 index 0000000..0e4d180 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/default2-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/hover-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/hover-chromium-win32.png new file mode 100644 index 0000000..e7c5ce6 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/hover-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/hover1-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/hover1-chromium-win32.png new file mode 100644 index 0000000..6b477d6 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/hover1-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-checked-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-checked-chromium-win32.png new file mode 100644 index 0000000..945ba74 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-checked-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-checked1-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-checked1-chromium-win32.png new file mode 100644 index 0000000..5ec104a Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-checked1-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-checked2-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-checked2-chromium-win32.png new file mode 100644 index 0000000..92b0ba1 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-checked2-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-click-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-click-chromium-win32.png new file mode 100644 index 0000000..e78291c Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-click-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-click1-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-click1-chromium-win32.png new file mode 100644 index 0000000..f5f1da6 Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-click1-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-click2-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-click2-chromium-win32.png new file mode 100644 index 0000000..b1625bf Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-click2-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-hover-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-hover-chromium-win32.png new file mode 100644 index 0000000..5c6926b Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-hover-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-hover1-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-hover1-chromium-win32.png new file mode 100644 index 0000000..59babce Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-hover1-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/item-hover2-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/item-hover2-chromium-win32.png new file mode 100644 index 0000000..c19242c Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/item-hover2-chromium-win32.png differ diff --git a/tests/select/collapse-tags.spec.ts-snapshots/unexpand2-chromium-win32.png b/tests/select/collapse-tags.spec.ts-snapshots/unexpand2-chromium-win32.png new file mode 100644 index 0000000..c2267ae Binary files /dev/null and b/tests/select/collapse-tags.spec.ts-snapshots/unexpand2-chromium-win32.png differ diff --git a/tests/select/copy-multi.spec.ts b/tests/select/copy-multi.spec.ts new file mode 100644 index 0000000..289da80 --- /dev/null +++ b/tests/select/copy-multi.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('多选可复制--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#copy-multi') + + const demo = page.locator('#copy-multi .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/copy-multi.spec.ts-snapshots/default-chromium-win32.png b/tests/select/copy-multi.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..faf5838 Binary files /dev/null and b/tests/select/copy-multi.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/copy-single.spec.ts b/tests/select/copy-single.spec.ts new file mode 100644 index 0000000..e844f87 --- /dev/null +++ b/tests/select/copy-single.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('单选可复制--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#copy-single') + + const demo = page.locator('#copy-single .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/copy-single.spec.ts-snapshots/default-chromium-win32.png b/tests/select/copy-single.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..ad145a6 Binary files /dev/null and b/tests/select/copy-single.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/disabled.spec.ts b/tests/select/disabled.spec.ts new file mode 100644 index 0000000..751d62d --- /dev/null +++ b/tests/select/disabled.spec.ts @@ -0,0 +1,24 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('禁用--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#disabled') + + const demo = page.locator('#disabled .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(wrap).toHaveScreenshot('default.png') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('hover1.png') + + await select.nth(2).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('hover2.png') + + await select.nth(3).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('hover3.png') + }) +}) diff --git a/tests/select/disabled.spec.ts-snapshots/default-chromium-win32.png b/tests/select/disabled.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..cbae669 Binary files /dev/null and b/tests/select/disabled.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/disabled.spec.ts-snapshots/hover1-chromium-win32.png b/tests/select/disabled.spec.ts-snapshots/hover1-chromium-win32.png new file mode 100644 index 0000000..d08bacb Binary files /dev/null and b/tests/select/disabled.spec.ts-snapshots/hover1-chromium-win32.png differ diff --git a/tests/select/disabled.spec.ts-snapshots/hover2-chromium-win32.png b/tests/select/disabled.spec.ts-snapshots/hover2-chromium-win32.png new file mode 100644 index 0000000..dcde373 Binary files /dev/null and b/tests/select/disabled.spec.ts-snapshots/hover2-chromium-win32.png differ diff --git a/tests/select/disabled.spec.ts-snapshots/hover3-chromium-win32.png b/tests/select/disabled.spec.ts-snapshots/hover3-chromium-win32.png new file mode 100644 index 0000000..c4408de Binary files /dev/null and b/tests/select/disabled.spec.ts-snapshots/hover3-chromium-win32.png differ diff --git a/tests/select/filter-method.spec.ts b/tests/select/filter-method.spec.ts new file mode 100644 index 0000000..11e3058 --- /dev/null +++ b/tests/select/filter-method.spec.ts @@ -0,0 +1,22 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('可过滤--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#filter-method') + + const demo = page.locator('#filter-method .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).click() + await expect(wrap).toHaveScreenshot('unfilter.png') + + await select.nth(0).locator('.tiny-input__inner').fill('北京') + await select.nth(0).locator('.tiny-input__inner').press('Enter') + await expect(demo).toHaveScreenshot('filter.png') + }) +}) diff --git a/tests/select/filter-method.spec.ts-snapshots/default-chromium-win32.png b/tests/select/filter-method.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..75846e8 Binary files /dev/null and b/tests/select/filter-method.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/filter-method.spec.ts-snapshots/filter-chromium-win32.png b/tests/select/filter-method.spec.ts-snapshots/filter-chromium-win32.png new file mode 100644 index 0000000..462f4d0 Binary files /dev/null and b/tests/select/filter-method.spec.ts-snapshots/filter-chromium-win32.png differ diff --git a/tests/select/filter-method.spec.ts-snapshots/unfilter-chromium-win32.png b/tests/select/filter-method.spec.ts-snapshots/unfilter-chromium-win32.png new file mode 100644 index 0000000..7d07c29 Binary files /dev/null and b/tests/select/filter-method.spec.ts-snapshots/unfilter-chromium-win32.png differ diff --git a/tests/select/hide-drop.spec.ts b/tests/select/hide-drop.spec.ts new file mode 100644 index 0000000..973460c --- /dev/null +++ b/tests/select/hide-drop.spec.ts @@ -0,0 +1,15 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('隐藏下拉--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#hide-drop') + + const demo = page.locator('#hide-drop .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/hide-drop.spec.ts-snapshots/default-chromium-win32.png b/tests/select/hide-drop.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..bb9cf1e Binary files /dev/null and b/tests/select/hide-drop.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/input-box-type.spec.ts b/tests/select/input-box-type.spec.ts new file mode 100644 index 0000000..7fa483a --- /dev/null +++ b/tests/select/input-box-type.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('输入框类型--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#input-box-type') + + const demo = page.locator('#input-box-type .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('input-box-type.png') + }) +}) diff --git a/tests/select/input-box-type.spec.ts-snapshots/input-box-type-chromium-win32.png b/tests/select/input-box-type.spec.ts-snapshots/input-box-type-chromium-win32.png new file mode 100644 index 0000000..4233ad2 Binary files /dev/null and b/tests/select/input-box-type.spec.ts-snapshots/input-box-type-chromium-win32.png differ diff --git a/tests/select/is-drop-inherit-width.spec.ts b/tests/select/is-drop-inherit-width.spec.ts new file mode 100644 index 0000000..e163438 --- /dev/null +++ b/tests/select/is-drop-inherit-width.spec.ts @@ -0,0 +1,30 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('内容自动撑开--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#is-drop-inherit-width') + + const demo = page.locator('#is-drop-inherit-width .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).click() + await expect(wrap).toHaveScreenshot('auto.png') + }) + + test('继承宽度--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#is-drop-inherit-width') + + const demo = page.locator('#is-drop-inherit-width .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.nth(1).click() + await expect(wrap).toHaveScreenshot('inherit-width.png') + }) +}) diff --git a/tests/select/is-drop-inherit-width.spec.ts-snapshots/auto-chromium-win32.png b/tests/select/is-drop-inherit-width.spec.ts-snapshots/auto-chromium-win32.png new file mode 100644 index 0000000..40012e3 Binary files /dev/null and b/tests/select/is-drop-inherit-width.spec.ts-snapshots/auto-chromium-win32.png differ diff --git a/tests/select/is-drop-inherit-width.spec.ts-snapshots/default-chromium-win32.png b/tests/select/is-drop-inherit-width.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..a490863 Binary files /dev/null and b/tests/select/is-drop-inherit-width.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/is-drop-inherit-width.spec.ts-snapshots/inherit-width-chromium-win32.png b/tests/select/is-drop-inherit-width.spec.ts-snapshots/inherit-width-chromium-win32.png new file mode 100644 index 0000000..f0b5ba5 Binary files /dev/null and b/tests/select/is-drop-inherit-width.spec.ts-snapshots/inherit-width-chromium-win32.png differ diff --git a/tests/select/manual-focus-blur.spec.ts b/tests/select/manual-focus-blur.spec.ts new file mode 100644 index 0000000..5c6111b --- /dev/null +++ b/tests/select/manual-focus-blur.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('手动聚焦失焦--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#manual-focus-blur') + + const demo = page.locator('#manual-focus-blur .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/map-field.spec.ts b/tests/select/map-field.spec.ts new file mode 100644 index 0000000..a158abc --- /dev/null +++ b/tests/select/map-field.spec.ts @@ -0,0 +1,33 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('字段映射--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#map-field') + + const demo = page.locator('#map-field .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('map-field.png') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('map-field-grid.png') + }) + + test('表格字段映射--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#map-field') + + const demo = page.locator('#map-field .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('map-field-grid.png') + }) +}) diff --git a/tests/select/map-field.spec.ts-snapshots/default-chromium-win32.png b/tests/select/map-field.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..e987711 Binary files /dev/null and b/tests/select/map-field.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/map-field.spec.ts-snapshots/map-field-chromium-win32.png b/tests/select/map-field.spec.ts-snapshots/map-field-chromium-win32.png new file mode 100644 index 0000000..0ba2e08 Binary files /dev/null and b/tests/select/map-field.spec.ts-snapshots/map-field-chromium-win32.png differ diff --git a/tests/select/map-field.spec.ts-snapshots/map-field-grid-chromium-win32.png b/tests/select/map-field.spec.ts-snapshots/map-field-grid-chromium-win32.png new file mode 100644 index 0000000..1f5899e Binary files /dev/null and b/tests/select/map-field.spec.ts-snapshots/map-field-grid-chromium-win32.png differ diff --git a/tests/select/memoize-usage.spec.ts b/tests/select/memoize-usage.spec.ts new file mode 100644 index 0000000..2cdd965 --- /dev/null +++ b/tests/select/memoize-usage.spec.ts @@ -0,0 +1,16 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('手动缓存--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#memoize-usage') + + const demo = page.locator('#memoize-usage .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.click() + await expect(wrap).toBeInViewport() + await expect(wrap).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/memoize-usage.spec.ts-snapshots/default-chromium-win32.png b/tests/select/memoize-usage.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..845ea28 Binary files /dev/null and b/tests/select/memoize-usage.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/multiple-mix.spec.ts b/tests/select/multiple-mix.spec.ts new file mode 100644 index 0000000..d5315a9 --- /dev/null +++ b/tests/select/multiple-mix.spec.ts @@ -0,0 +1,20 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('仅显示--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#multiple-mix') + + const demo = page.locator('#multiple-mix .pc-demo') + const select = demo.locator('.tiny-select').nth(0) + const suffix = select.locator('.tiny-input__suffix-inner') + const wrap = page.locator('.docs-tabs-wrap') + const menu = page.locator('body > .tiny-select-dropdown').nth(0) + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('display-only.png') + + await demo.locator('.tiny-button').nth(0).click() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/multiple-mix.spec.ts-snapshots/default-chromium-win32.png b/tests/select/multiple-mix.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..08773a4 Binary files /dev/null and b/tests/select/multiple-mix.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/multiple-mix.spec.ts-snapshots/display-only-chromium-win32.png b/tests/select/multiple-mix.spec.ts-snapshots/display-only-chromium-win32.png new file mode 100644 index 0000000..6d2d872 Binary files /dev/null and b/tests/select/multiple-mix.spec.ts-snapshots/display-only-chromium-win32.png differ diff --git a/tests/select/multiple.spec.ts b/tests/select/multiple.spec.ts new file mode 100644 index 0000000..b0ddcb6 --- /dev/null +++ b/tests/select/multiple.spec.ts @@ -0,0 +1,39 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('多选默认--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#multiple') + + const demo = page.locator('#multiple .pc-demo') + const select = demo.locator('.tiny-select').nth(0) + const suffix = select.locator('.tiny-input__suffix-inner') + const wrap = page.locator('.docs-tabs-wrap') + const menu = page.locator('body > .tiny-select-dropdown').nth(0) + + // await expect(select).toBeInViewport() + await select.scrollIntoViewIfNeeded() + await expect(wrap).toHaveScreenshot('default.png') + + await select.hover() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('hover.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + + await menu.locator('.tiny-option').nth(2).hover() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-hover.png') + + await menu.locator('.tiny-option').nth(3).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-click.png') + + await suffix.nth(0).click() + await page.waitForTimeout(200) + await expect(wrap).toHaveScreenshot('item-checked.png') + }) + + // TODO: demo 很多，待补 +}) diff --git a/tests/select/multiple.spec.ts-snapshots/default-chromium-win32.png b/tests/select/multiple.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..6c9bf4b Binary files /dev/null and b/tests/select/multiple.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/multiple.spec.ts-snapshots/hover-chromium-win32.png b/tests/select/multiple.spec.ts-snapshots/hover-chromium-win32.png new file mode 100644 index 0000000..6c9bf4b Binary files /dev/null and b/tests/select/multiple.spec.ts-snapshots/hover-chromium-win32.png differ diff --git a/tests/select/multiple.spec.ts-snapshots/item-checked-chromium-win32.png b/tests/select/multiple.spec.ts-snapshots/item-checked-chromium-win32.png new file mode 100644 index 0000000..c562191 Binary files /dev/null and b/tests/select/multiple.spec.ts-snapshots/item-checked-chromium-win32.png differ diff --git a/tests/select/multiple.spec.ts-snapshots/item-click-chromium-win32.png b/tests/select/multiple.spec.ts-snapshots/item-click-chromium-win32.png new file mode 100644 index 0000000..5d5bff5 Binary files /dev/null and b/tests/select/multiple.spec.ts-snapshots/item-click-chromium-win32.png differ diff --git a/tests/select/multiple.spec.ts-snapshots/item-hover-chromium-win32.png b/tests/select/multiple.spec.ts-snapshots/item-hover-chromium-win32.png new file mode 100644 index 0000000..9ca0272 Binary files /dev/null and b/tests/select/multiple.spec.ts-snapshots/item-hover-chromium-win32.png differ diff --git a/tests/select/native-properties.spec.ts b/tests/select/native-properties.spec.ts new file mode 100644 index 0000000..7346ece --- /dev/null +++ b/tests/select/native-properties.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('多选可复制--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#native-properties') + + const demo = page.locator('#native-properties .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/nest-grid-disable.spec.ts b/tests/select/nest-grid-disable.spec.ts new file mode 100644 index 0000000..cae4fb2 --- /dev/null +++ b/tests/select/nest-grid-disable.spec.ts @@ -0,0 +1,30 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('表格禁用单选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-grid-disable') + + const demo = page.locator('#nest-grid-disable .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('grid-single.png') + }) + + test('表格禁用多选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-grid-disable') + + const demo = page.locator('#nest-grid-disable .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('grid-multiple.png') + }) +}) diff --git a/tests/select/nest-grid-disable.spec.ts-snapshots/default-chromium-win32.png b/tests/select/nest-grid-disable.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..112effd Binary files /dev/null and b/tests/select/nest-grid-disable.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/nest-grid-disable.spec.ts-snapshots/grid-multiple-chromium-win32.png b/tests/select/nest-grid-disable.spec.ts-snapshots/grid-multiple-chromium-win32.png new file mode 100644 index 0000000..a2ed028 Binary files /dev/null and b/tests/select/nest-grid-disable.spec.ts-snapshots/grid-multiple-chromium-win32.png differ diff --git a/tests/select/nest-grid-disable.spec.ts-snapshots/grid-single-chromium-win32.png b/tests/select/nest-grid-disable.spec.ts-snapshots/grid-single-chromium-win32.png new file mode 100644 index 0000000..8c5bc5f Binary files /dev/null and b/tests/select/nest-grid-disable.spec.ts-snapshots/grid-single-chromium-win32.png differ diff --git a/tests/select/nest-grid-remote.spec.ts b/tests/select/nest-grid-remote.spec.ts new file mode 100644 index 0000000..b3108ee --- /dev/null +++ b/tests/select/nest-grid-remote.spec.ts @@ -0,0 +1,29 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('表格远程搜索单选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-grid-remote') + + const demo = page.locator('#nest-grid-remote .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + await select.nth(0).click() + await expect(demo).toHaveScreenshot('grid-single-remote.png') + }) + + test('表格远程搜索单选自动搜索--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-grid-remote') + + const demo = page.locator('#nest-grid-remote .pc-demo') + const select = demo.locator('.tiny-select') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(demo).toHaveScreenshot('grid-single-auto.png') + await page.waitForTimeout(1000) + await expect(demo).toHaveScreenshot('grid-single-auto1.png') + }) +}) diff --git a/tests/select/nest-grid-remote.spec.ts-snapshots/default-chromium-win32.png b/tests/select/nest-grid-remote.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..0df6cd6 Binary files /dev/null and b/tests/select/nest-grid-remote.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-auto-chromium-win32.png b/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-auto-chromium-win32.png new file mode 100644 index 0000000..ff4c7c0 Binary files /dev/null and b/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-auto-chromium-win32.png differ diff --git a/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-auto1-chromium-win32.png b/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-auto1-chromium-win32.png new file mode 100644 index 0000000..5eb8f4e Binary files /dev/null and b/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-auto1-chromium-win32.png differ diff --git a/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-remote-chromium-win32.png b/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-remote-chromium-win32.png new file mode 100644 index 0000000..0ae461b Binary files /dev/null and b/tests/select/nest-grid-remote.spec.ts-snapshots/grid-single-remote-chromium-win32.png differ diff --git a/tests/select/nest-grid.spec.ts b/tests/select/nest-grid.spec.ts new file mode 100644 index 0000000..01080a8 --- /dev/null +++ b/tests/select/nest-grid.spec.ts @@ -0,0 +1,30 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('表格单选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-grid') + + const demo = page.locator('#nest-grid .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('grid-single.png') + }) + + test('表格多选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-grid') + + const demo = page.locator('#nest-grid .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('grid-multiple.png') + }) +}) diff --git a/tests/select/nest-grid.spec.ts-snapshots/default-chromium-win32.png b/tests/select/nest-grid.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..a46003d Binary files /dev/null and b/tests/select/nest-grid.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/nest-grid.spec.ts-snapshots/grid-multiple-chromium-win32.png b/tests/select/nest-grid.spec.ts-snapshots/grid-multiple-chromium-win32.png new file mode 100644 index 0000000..5f4adaf Binary files /dev/null and b/tests/select/nest-grid.spec.ts-snapshots/grid-multiple-chromium-win32.png differ diff --git a/tests/select/nest-grid.spec.ts-snapshots/grid-single-chromium-win32.png b/tests/select/nest-grid.spec.ts-snapshots/grid-single-chromium-win32.png new file mode 100644 index 0000000..bb2c5ec Binary files /dev/null and b/tests/select/nest-grid.spec.ts-snapshots/grid-single-chromium-win32.png differ diff --git a/tests/select/nest-tree.spec.ts b/tests/select/nest-tree.spec.ts new file mode 100644 index 0000000..af41819 --- /dev/null +++ b/tests/select/nest-tree.spec.ts @@ -0,0 +1,30 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('树单选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-tree') + + const demo = page.locator('#nest-tree .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('tree-single.png') + }) + + test('树多选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#nest-tree') + + const demo = page.locator('#nest-tree .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('tree-multiple.png') + }) +}) diff --git a/tests/select/nest-tree.spec.ts-snapshots/default-chromium-win32.png b/tests/select/nest-tree.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..06894a7 Binary files /dev/null and b/tests/select/nest-tree.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/nest-tree.spec.ts-snapshots/tree-multiple-chromium-win32.png b/tests/select/nest-tree.spec.ts-snapshots/tree-multiple-chromium-win32.png new file mode 100644 index 0000000..a1e58ee Binary files /dev/null and b/tests/select/nest-tree.spec.ts-snapshots/tree-multiple-chromium-win32.png differ diff --git a/tests/select/nest-tree.spec.ts-snapshots/tree-single-chromium-win32.png b/tests/select/nest-tree.spec.ts-snapshots/tree-single-chromium-win32.png new file mode 100644 index 0000000..36f25f2 Binary files /dev/null and b/tests/select/nest-tree.spec.ts-snapshots/tree-single-chromium-win32.png differ diff --git a/tests/select/no-data-text.spec.ts b/tests/select/no-data-text.spec.ts new file mode 100644 index 0000000..b5fb98e --- /dev/null +++ b/tests/select/no-data-text.spec.ts @@ -0,0 +1,16 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('空数据文本--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#no-data-text') + + const demo = page.locator('#no-data-text .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + // TODO: 功能有问题，待修复补充 + }) +}) diff --git a/tests/select/optimization.spec.ts b/tests/select/optimization.spec.ts new file mode 100644 index 0000000..aca22fb --- /dev/null +++ b/tests/select/optimization.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('自动清除不匹配的值--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#optimization') + + const demo = page.locator('#optimization .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('optimization.png') + }) +}) diff --git a/tests/select/optimization.spec.ts-snapshots/optimization-chromium-win32.png b/tests/select/optimization.spec.ts-snapshots/optimization-chromium-win32.png new file mode 100644 index 0000000..5013d40 Binary files /dev/null and b/tests/select/optimization.spec.ts-snapshots/optimization-chromium-win32.png differ diff --git a/tests/select/option-group.spec.ts b/tests/select/option-group.spec.ts new file mode 100644 index 0000000..e6c2d54 --- /dev/null +++ b/tests/select/option-group.spec.ts @@ -0,0 +1,59 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('分组 + 多选 + 面板可搜索--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#option-group') + + const demo = page.locator('#option-group .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await select.nth(0).locator('.tiny-input__suffix-inner').nth(0).click() + + await expect(wrap).toHaveScreenshot('group0.png') + }) + + test('单选分组 --UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#option-group') + + const demo = page.locator('#option-group .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await select.nth(1).locator('.tiny-input__suffix-inner').click() + + await expect(wrap).toHaveScreenshot('group1.png') + }) + + test('多选分组 --UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#option-group') + + const demo = page.locator('#option-group .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await select.nth(2).locator('.tiny-input__suffix-inner').click() + + await expect(wrap).toHaveScreenshot('group2.png') + }) + + test('分组 + 多选 + 可搜索--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#option-group') + + const demo = page.locator('#option-group .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await select.nth(3).locator('.tiny-input__suffix-inner').click() + + await expect(wrap).toHaveScreenshot('group3.png') + }) +}) diff --git a/tests/select/option-group.spec.ts-snapshots/group0-chromium-win32.png b/tests/select/option-group.spec.ts-snapshots/group0-chromium-win32.png new file mode 100644 index 0000000..a13a990 Binary files /dev/null and b/tests/select/option-group.spec.ts-snapshots/group0-chromium-win32.png differ diff --git a/tests/select/option-group.spec.ts-snapshots/group1-chromium-win32.png b/tests/select/option-group.spec.ts-snapshots/group1-chromium-win32.png new file mode 100644 index 0000000..81886a3 Binary files /dev/null and b/tests/select/option-group.spec.ts-snapshots/group1-chromium-win32.png differ diff --git a/tests/select/option-group.spec.ts-snapshots/group2-chromium-win32.png b/tests/select/option-group.spec.ts-snapshots/group2-chromium-win32.png new file mode 100644 index 0000000..70ae00f Binary files /dev/null and b/tests/select/option-group.spec.ts-snapshots/group2-chromium-win32.png differ diff --git a/tests/select/option-group.spec.ts-snapshots/group3-chromium-win32.png b/tests/select/option-group.spec.ts-snapshots/group3-chromium-win32.png new file mode 100644 index 0000000..f83be6e Binary files /dev/null and b/tests/select/option-group.spec.ts-snapshots/group3-chromium-win32.png differ diff --git a/tests/select/popup-style-position.spec.ts b/tests/select/popup-style-position.spec.ts new file mode 100644 index 0000000..7017ee0 --- /dev/null +++ b/tests/select/popup-style-position.spec.ts @@ -0,0 +1,18 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('弹框样式与定位--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#popup-style-position') + + const demo = page.locator('#popup-style-position .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('popup-style-position.png') + }) +}) diff --git a/tests/select/popup-style-position.spec.ts-snapshots/default-chromium-win32.png b/tests/select/popup-style-position.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..e8a0c4c Binary files /dev/null and b/tests/select/popup-style-position.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/popup-style-position.spec.ts-snapshots/popup-style-position-chromium-win32.png b/tests/select/popup-style-position.spec.ts-snapshots/popup-style-position-chromium-win32.png new file mode 100644 index 0000000..0071192 Binary files /dev/null and b/tests/select/popup-style-position.spec.ts-snapshots/popup-style-position-chromium-win32.png differ diff --git a/tests/select/remote-method.spec.ts b/tests/select/remote-method.spec.ts new file mode 100644 index 0000000..7e3b4c9 --- /dev/null +++ b/tests/select/remote-method.spec.ts @@ -0,0 +1,22 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('远程搜索--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#remote-method') + + const demo = page.locator('#remote-method .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).click() + await expect(wrap).toHaveScreenshot('unfilter.png') + + await select.nth(0).locator('.tiny-input__inner').fill(' ') + await select.nth(0).locator('.tiny-input__inner').press('Enter') + await expect(wrap).toHaveScreenshot('filter.png') + }) +}) diff --git a/tests/select/remote-method.spec.ts-snapshots/default-chromium-win32.png b/tests/select/remote-method.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..dc14d09 Binary files /dev/null and b/tests/select/remote-method.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/remote-method.spec.ts-snapshots/filter-chromium-win32.png b/tests/select/remote-method.spec.ts-snapshots/filter-chromium-win32.png new file mode 100644 index 0000000..dfb42a6 Binary files /dev/null and b/tests/select/remote-method.spec.ts-snapshots/filter-chromium-win32.png differ diff --git a/tests/select/remote-method.spec.ts-snapshots/unfilter-chromium-win32.png b/tests/select/remote-method.spec.ts-snapshots/unfilter-chromium-win32.png new file mode 100644 index 0000000..1f30f71 Binary files /dev/null and b/tests/select/remote-method.spec.ts-snapshots/unfilter-chromium-win32.png differ diff --git a/tests/select/s-drop-inherit-width.spec.ts-snapshots/auto-chromium-win32.png b/tests/select/s-drop-inherit-width.spec.ts-snapshots/auto-chromium-win32.png new file mode 100644 index 0000000..40012e3 Binary files /dev/null and b/tests/select/s-drop-inherit-width.spec.ts-snapshots/auto-chromium-win32.png differ diff --git a/tests/select/s-drop-inherit-width.spec.ts-snapshots/default-chromium-win32.png b/tests/select/s-drop-inherit-width.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..a490863 Binary files /dev/null and b/tests/select/s-drop-inherit-width.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/s-drop-inherit-width.spec.ts-snapshots/inherit-width-chromium-win32.png b/tests/select/s-drop-inherit-width.spec.ts-snapshots/inherit-width-chromium-win32.png new file mode 100644 index 0000000..f0b5ba5 Binary files /dev/null and b/tests/select/s-drop-inherit-width.spec.ts-snapshots/inherit-width-chromium-win32.png differ diff --git a/tests/select/searchable.spec.ts b/tests/select/searchable.spec.ts new file mode 100644 index 0000000..e1a765f --- /dev/null +++ b/tests/select/searchable.spec.ts @@ -0,0 +1,18 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('面板搜索--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#searchable') + + const demo = page.locator('#searchable .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).click() + await expect(wrap).toHaveScreenshot('unfilter.png') + }) +}) diff --git a/tests/select/searchable.spec.ts-snapshots/default-chromium-win32.png b/tests/select/searchable.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..8238c7a Binary files /dev/null and b/tests/select/searchable.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/searchable.spec.ts-snapshots/unfilter-chromium-win32.png b/tests/select/searchable.spec.ts-snapshots/unfilter-chromium-win32.png new file mode 100644 index 0000000..23b8303 Binary files /dev/null and b/tests/select/searchable.spec.ts-snapshots/unfilter-chromium-win32.png differ diff --git a/tests/select/show-alloption.spec.ts b/tests/select/show-alloption.spec.ts new file mode 100644 index 0000000..151bbd2 --- /dev/null +++ b/tests/select/show-alloption.spec.ts @@ -0,0 +1,17 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('不显示全选--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#show-alloption') + + const demo = page.locator('#show-alloption .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await select.nth(0).locator('.tiny-input__suffix-inner').click() + + await expect(wrap).toHaveScreenshot('show-alloption.png') + }) +}) diff --git a/tests/select/show-alloption.spec.ts-snapshots/show-alloption-chromium-win32.png b/tests/select/show-alloption.spec.ts-snapshots/show-alloption-chromium-win32.png new file mode 100644 index 0000000..27fec72 Binary files /dev/null and b/tests/select/show-alloption.spec.ts-snapshots/show-alloption-chromium-win32.png differ diff --git a/tests/select/size.spec.ts b/tests/select/size.spec.ts new file mode 100644 index 0000000..d11e98c --- /dev/null +++ b/tests/select/size.spec.ts @@ -0,0 +1,13 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('尺寸--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#size') + + const demo = page.locator('#size .pc-demo') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/size.spec.ts-snapshots/default-chromium-win32.png b/tests/select/size.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..800c100 Binary files /dev/null and b/tests/select/size.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/slot-default.spec.ts b/tests/select/slot-default.spec.ts new file mode 100644 index 0000000..655c3cb --- /dev/null +++ b/tests/select/slot-default.spec.ts @@ -0,0 +1,29 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('带标签和提示信息--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#slot-default') + + const demo = page.locator('#slot-default .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + + await select.nth(0).click() + await expect(demo).toHaveScreenshot('has-tag.png') + }) + + test('双行 --UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#slot-default') + + const demo = page.locator('#slot-default .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await select.nth(1).locator('.tiny-input__suffix-inner').click() + await expect(wrap).toHaveScreenshot('double.png') + }) +}) diff --git a/tests/select/slot-default.spec.ts-snapshots/default-chromium-win32.png b/tests/select/slot-default.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..b4cec86 Binary files /dev/null and b/tests/select/slot-default.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/slot-default.spec.ts-snapshots/double-chromium-win32.png b/tests/select/slot-default.spec.ts-snapshots/double-chromium-win32.png new file mode 100644 index 0000000..8450a03 Binary files /dev/null and b/tests/select/slot-default.spec.ts-snapshots/double-chromium-win32.png differ diff --git a/tests/select/slot-default.spec.ts-snapshots/has-tag-chromium-win32.png b/tests/select/slot-default.spec.ts-snapshots/has-tag-chromium-win32.png new file mode 100644 index 0000000..8750c22 Binary files /dev/null and b/tests/select/slot-default.spec.ts-snapshots/has-tag-chromium-win32.png differ diff --git a/tests/select/slot-empty.spec.ts b/tests/select/slot-empty.spec.ts new file mode 100644 index 0000000..dd14c61 --- /dev/null +++ b/tests/select/slot-empty.spec.ts @@ -0,0 +1,16 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('空数据插槽--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#slot-empty') + + const demo = page.locator('#slot-empty .pc-demo') + const select = demo.locator('.tiny-select') + const wrap = page.locator('.docs-tabs-wrap') + + await expect(demo).toBeInViewport() + await select.nth(0).click() + await expect(wrap).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/slot-empty.spec.ts-snapshots/default-chromium-win32.png b/tests/select/slot-empty.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..c3037c3 Binary files /dev/null and b/tests/select/slot-empty.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/slot-label.spec.ts b/tests/select/slot-label.spec.ts new file mode 100644 index 0000000..729391e --- /dev/null +++ b/tests/select/slot-label.spec.ts @@ -0,0 +1,14 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('标签插槽--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#slot-label') + + const demo = page.locator('#slot-label .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/slot-label.spec.ts-snapshots/default-chromium-win32.png b/tests/select/slot-label.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..d52352a Binary files /dev/null and b/tests/select/slot-label.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/slot-prefix.spec.ts b/tests/select/slot-prefix.spec.ts new file mode 100644 index 0000000..b877aa7 --- /dev/null +++ b/tests/select/slot-prefix.spec.ts @@ -0,0 +1,15 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('前缀插槽--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#slot-prefix') + + const demo = page.locator('#slot-prefix .pc-demo') + const select = demo.locator('.tiny-select') + + await expect(demo).toBeInViewport() + await select.nth(0).click() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/slot-prefix.spec.ts-snapshots/default-chromium-win32.png b/tests/select/slot-prefix.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..2a5cb0f Binary files /dev/null and b/tests/select/slot-prefix.spec.ts-snapshots/default-chromium-win32.png differ diff --git a/tests/select/tag-type.spec.ts b/tests/select/tag-type.spec.ts new file mode 100644 index 0000000..dbc505e --- /dev/null +++ b/tests/select/tag-type.spec.ts @@ -0,0 +1,13 @@ +import { expect, test } from '@playwright/test' + +test.describe('select 组件xdesign规范', () => { + test('标签类型设置--UI截图', async ({ page }) => { + page.on('pageerror', (exception) => expect(exception).toBeNull()) + await page.goto('select#tag-type') + + const demo = page.locator('#tag-type .pc-demo') + + await expect(demo).toBeInViewport() + await expect(demo).toHaveScreenshot('default.png') + }) +}) diff --git a/tests/select/tag-type.spec.ts-snapshots/default-chromium-win32.png b/tests/select/tag-type.spec.ts-snapshots/default-chromium-win32.png new file mode 100644 index 0000000..7152b45 Binary files /dev/null and b/tests/select/tag-type.spec.ts-snapshots/default-chromium-win32.png differ