Files
svgedit/tests/e2e/se-components.spec.js
JFH fa380402e1 increase test coverage
extend test coverage
2025-12-07 10:56:29 +01:00

51 lines
1.7 KiB
JavaScript

import { test, expect } from './fixtures.js'
import { visitAndApproveStorage } from './helpers.js'
test.describe('Editor web components', () => {
test.beforeEach(async ({ page }) => {
await visitAndApproveStorage(page)
})
test('se-button clicks', async ({ page }) => {
await page.exposeFunction('onSeButton', () => {})
await page.evaluate(() => {
const el = document.createElement('se-button')
el.id = 'playwright-se-button'
el.style.display = 'inline-block'
el.addEventListener('click', window.onSeButton)
document.body.append(el)
})
const button = page.locator('#playwright-se-button')
await expect(button).toHaveCount(1)
await button.click()
})
test('se-flying-button clicks', async ({ page }) => {
await page.exposeFunction('onSeFlying', () => {})
await page.evaluate(() => {
const el = document.createElement('se-flying-button')
el.id = 'playwright-se-flying'
el.style.display = 'inline-block'
el.addEventListener('click', window.onSeFlying)
document.body.append(el)
})
const button = page.locator('#playwright-se-flying')
await expect(button).toHaveCount(1)
await button.evaluate(el => el.click())
})
test('se-explorer-button clicks', async ({ page }) => {
await page.exposeFunction('onSeExplorer', () => {})
await page.evaluate(() => {
const el = document.createElement('se-explorer-button')
el.id = 'playwright-se-explorer'
el.style.display = 'inline-block'
el.addEventListener('click', window.onSeExplorer)
document.body.append(el)
})
const button = page.locator('#playwright-se-explorer')
await expect(button).toHaveCount(1)
await button.evaluate(el => el.click())
})
})