66 lines
2.8 KiB
TypeScript
66 lines
2.8 KiB
TypeScript
/**
|
|
* Screenshots de validación visual — Etapa 1 Sprint 1.5.
|
|
*
|
|
* Captura 3 vistas que muestran la identidad InQ aplicada:
|
|
* 1. workspace.png — CTAs naranjas, Simular button, tabs
|
|
* 2. report-tabs.png — tab activo naranja en el reporte
|
|
* 3. switch-on.png — switch de automatización en estado ON naranja
|
|
*
|
|
* Estos screenshots son evidencia de que el cambio de --primary a naranja
|
|
* se ve correctamente en la aplicación real.
|
|
*/
|
|
import { test } from '@playwright/test'
|
|
import { resolve } from 'path'
|
|
import { mkdirSync } from 'fs'
|
|
import { fileURLToPath } from 'url'
|
|
|
|
const __dirname = fileURLToPath(new URL('.', import.meta.url))
|
|
const BPMN_DIR = resolve(__dirname, '../../public/sample-processes')
|
|
const OUT_DIR = resolve(__dirname, '../screenshots/etapa-1')
|
|
|
|
test.beforeAll(() => { mkdirSync(OUT_DIR, { recursive: true }) })
|
|
|
|
test('screenshot workspace — CTAs naranjas visibles', async ({ page }) => {
|
|
await page.goto('/')
|
|
await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, 'simple-linear.bpmn'))
|
|
await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
|
|
await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
|
|
await page.waitForTimeout(1_000)
|
|
|
|
await page.screenshot({ path: resolve(OUT_DIR, 'workspace.png'), fullPage: false })
|
|
})
|
|
|
|
test('screenshot switch ON — switch de automatización naranja', async ({ page }) => {
|
|
await page.goto('/')
|
|
await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, 'simple-linear.bpmn'))
|
|
await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
|
|
await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
|
|
await page.waitForTimeout(1_500)
|
|
|
|
// Hacer click en el primer task del BPMN para abrir el ActivityPanel
|
|
await page.locator('[data-element-id="task1"]').first().click()
|
|
await page.waitForTimeout(500)
|
|
|
|
// Encender el switch de automatización
|
|
const toggle = page.getByRole('switch', { name: /automatizable/i })
|
|
await toggle.click()
|
|
await page.waitForTimeout(300)
|
|
|
|
await page.screenshot({ path: resolve(OUT_DIR, 'switch-on.png'), fullPage: false })
|
|
})
|
|
|
|
test('screenshot report-tabs — tab activo naranja', async ({ page }) => {
|
|
await page.goto('/')
|
|
await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, 'medium-with-gateways.bpmn'))
|
|
await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
|
|
await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
|
|
await page.waitForTimeout(1_500)
|
|
|
|
const simBtn = page.getByRole('button', { name: 'Simular' })
|
|
await simBtn.click()
|
|
await page.waitForURL(/\/report\//, { timeout: 20_000 })
|
|
await page.waitForSelector('button:has-text("Exportar PDF")', { timeout: 20_000 })
|
|
|
|
await page.screenshot({ path: resolve(OUT_DIR, 'report-tabs.png'), fullPage: false })
|
|
})
|