feat(sprint-1.5): rediseño visual PDF ROI + identidad InQ (Etapas 4-7)
- Header/footer compartidos con paleta InQ naranja en los 3 PDFs (Etapa 4) - Layout híbrido portrait+landscape en PDFs Actual/Automatizado: página 2 landscape para diagrama BPMN heatmap (Etapa 5) - Página 1 PDF ROI rediseñada: header denso, banner narrativo, KPI Hero con gradiente naranja→magenta, grid 2×2 de KPIs secundarios, Top 3 actividades por ahorro (Etapa 6) - Páginas 2-5 PDF ROI con identidad InQ: tabla con paleta naranja, análisis del ahorro, nota metodológica, trayectoria del ahorro acumulado con gráfico SVG nativo (Etapa 7) - 500 tests verdes (+ 34 tests nuevos del Sprint 1.5) - BACKLOG.md, TECH_DEBT.md, OBSERVATIONS.md: sistema de planificación reemplaza TODO.md Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
181
tests/e2e/etapa-4-pdfs.spec.ts
Normal file
181
tests/e2e/etapa-4-pdfs.spec.ts
Normal file
@@ -0,0 +1,181 @@
|
||||
/**
|
||||
* Etapa 4 Sprint 1.5 — Validación de PDFs con header/footer compartido InQ.
|
||||
*
|
||||
* Genera los 3 PDFs con setup realista y valida:
|
||||
* 1. Palabras clave presentes ("InQ ROI", "Powered by InQuality")
|
||||
* 2. Términos prohibidos ausentes ("Process Cost Platform", "v0.1.0", "INQ", "Inq")
|
||||
* 3. Cantidad de páginas (actual=3, automatizado=3, roi=4)
|
||||
* 4. Tamaño por página (15–80 KB por página)
|
||||
*/
|
||||
import { test, expect } from '@playwright/test'
|
||||
import { resolve } from 'path'
|
||||
import { mkdirSync, readFileSync } from 'fs'
|
||||
import { fileURLToPath } from 'url'
|
||||
import { PDFParse } from 'pdf-parse'
|
||||
|
||||
const __dirname = fileURLToPath(new URL('.', import.meta.url))
|
||||
const BPMN_DIR = resolve(__dirname, '../../public/sample-processes')
|
||||
const OUT_DIR = resolve(__dirname, './__output__')
|
||||
|
||||
test.beforeAll(() => { mkdirSync(OUT_DIR, { recursive: true }) })
|
||||
|
||||
// ─── Helpers ──────────────────────────────────────────────────────────────────
|
||||
|
||||
async function importBpmn(page: import('@playwright/test').Page, filename: string) {
|
||||
await page.goto('/')
|
||||
await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, filename))
|
||||
await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
|
||||
await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
|
||||
await page.waitForTimeout(800)
|
||||
}
|
||||
|
||||
async function setActivityCosts(
|
||||
page: import('@playwright/test').Page,
|
||||
elementId: string, directCost: number, automatedCost: number
|
||||
) {
|
||||
await page.locator(`[data-element-id="${elementId}"]`).first().click()
|
||||
await page.waitForTimeout(400)
|
||||
const toggle = page.getByRole('switch', { name: /automatizable/i })
|
||||
if (await toggle.getAttribute('aria-checked') === 'false') await toggle.click()
|
||||
await page.waitForTimeout(200)
|
||||
await page.getByLabel(/Costo directo fijo/i).fill(String(directCost))
|
||||
await page.getByLabel(/Costo automatizado/i).fill(String(automatedCost))
|
||||
await page.getByLabel(/Tiempo automatizado/i).fill('10')
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
}
|
||||
|
||||
async function configureGlobal(page: import('@playwright/test').Page, freq: number, inv: number) {
|
||||
await page.getByRole('tab', { name: /Global/i }).click()
|
||||
await page.waitForTimeout(300)
|
||||
await page.getByLabel(/Frecuencia anual/i).fill(String(freq))
|
||||
await page.getByLabel(/Inversión en automatización/i).fill(String(inv))
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
}
|
||||
|
||||
async function setupAndSimulate(page: import('@playwright/test').Page) {
|
||||
await importBpmn(page, 'medium-with-gateways.bpmn')
|
||||
await setActivityCosts(page, 'task_recv', 200, 20)
|
||||
await setActivityCosts(page, 'task_score', 200, 20)
|
||||
await setActivityCosts(page, 'task_analisis', 200, 20)
|
||||
await configureGlobal(page, 5000, 80000)
|
||||
|
||||
await page.getByRole('button', { name: 'Simular' }).click()
|
||||
await page.waitForURL(/\/report\//, { timeout: 20_000 })
|
||||
await page.waitForSelector('button:has-text("Exportar PDF")', { timeout: 15_000 })
|
||||
await page.waitForSelector('.bpmn-container .djs-group', { timeout: 30_000 })
|
||||
await page.waitForTimeout(800)
|
||||
}
|
||||
|
||||
async function parsePdf(buffer: Buffer): Promise<{ numpages: number; text: string }> {
|
||||
const parser = new PDFParse({ data: buffer })
|
||||
const result = await parser.getText()
|
||||
await parser.destroy()
|
||||
return { numpages: result.total, text: result.text }
|
||||
}
|
||||
|
||||
async function downloadPdf(
|
||||
page: import('@playwright/test').Page,
|
||||
targetTab: 'actual' | 'automatizado' | 'roi',
|
||||
outPath: string
|
||||
) {
|
||||
if (targetTab === 'actual') {
|
||||
await page.getByRole('tab', { name: 'Actual' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else if (targetTab === 'automatizado') {
|
||||
await page.getByRole('tab', { name: 'Automatizado' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else {
|
||||
await page.getByRole('tab', { name: /Comparación/i }).click()
|
||||
await page.waitForSelector('[data-testid="roi-kpi-card"]', { timeout: 10_000 })
|
||||
await page.waitForTimeout(500)
|
||||
}
|
||||
|
||||
const [download] = await Promise.all([
|
||||
page.waitForEvent('download', { timeout: 30_000 }),
|
||||
page.getByRole('button', { name: 'Exportar PDF' }).click(),
|
||||
])
|
||||
await download.saveAs(outPath)
|
||||
return download.suggestedFilename()
|
||||
}
|
||||
|
||||
function validatePdfText(text: string, filename: string) {
|
||||
// Palabras clave obligatorias
|
||||
expect(text, `${filename}: debe contener "InQ ROI"`).toMatch(/InQ ROI/)
|
||||
expect(text, `${filename}: debe contener "Powered by InQuality"`).toMatch(/Powered by InQuality/)
|
||||
|
||||
// Términos prohibidos
|
||||
expect(text, `${filename}: no debe contener "Process Cost Platform"`).not.toContain('Process Cost Platform')
|
||||
expect(text, `${filename}: no debe contener "v0.1.0"`).not.toContain('v0.1.0')
|
||||
expect(text, `${filename}: no debe contener "INQ" (mal ortografía)`).not.toContain('INQ')
|
||||
expect(text, `${filename}: no debe contener "Inq" (mal ortografía)`).not.toContain('Inq')
|
||||
}
|
||||
|
||||
// ─── Tests ────────────────────────────────────────────────────────────────────
|
||||
|
||||
test('etapa-4-actual.pdf — 3 páginas, marca InQ, sin términos prohibidos', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
|
||||
const outPath = resolve(OUT_DIR, 'etapa-4-actual.pdf')
|
||||
const filename = await downloadPdf(page, 'actual', outPath)
|
||||
console.log('Nombre archivo:', filename)
|
||||
expect(filename).toMatch(/_actual\.pdf$/)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const sizeKB = buffer.length / 1024
|
||||
console.log(`Tamaño: ${sizeKB.toFixed(1)} KB`)
|
||||
expect(sizeKB, 'Tamaño total > 15 KB por página').toBeGreaterThan(15 * 3)
|
||||
expect(sizeKB, 'Tamaño total < 80 KB por página (3 págs)').toBeLessThan(80 * 3)
|
||||
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas: ${numpages}`)
|
||||
console.log(`Primeros 300 chars: ${text.slice(0, 300).replace(/\n/g, ' ')}`)
|
||||
expect(numpages).toBe(3)
|
||||
validatePdfText(text, 'etapa-4-actual.pdf')
|
||||
})
|
||||
|
||||
test('etapa-4-automatizado.pdf — 3 páginas, marca InQ, sin términos prohibidos', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
|
||||
const outPath = resolve(OUT_DIR, 'etapa-4-automatizado.pdf')
|
||||
const filename = await downloadPdf(page, 'automatizado', outPath)
|
||||
expect(filename).toMatch(/_automatizado\.pdf$/)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const sizeKB = buffer.length / 1024
|
||||
console.log(`etapa-4-automatizado.pdf: ${sizeKB.toFixed(1)} KB`)
|
||||
expect(sizeKB).toBeGreaterThan(15 * 3)
|
||||
expect(sizeKB).toBeLessThan(80 * 3)
|
||||
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas: ${numpages}`)
|
||||
expect(numpages).toBe(3)
|
||||
validatePdfText(text, 'etapa-4-automatizado.pdf')
|
||||
})
|
||||
|
||||
test('etapa-4-roi.pdf — 4 páginas, marca InQ, keywords ROI, sin términos prohibidos', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
|
||||
const outPath = resolve(OUT_DIR, 'etapa-4-roi.pdf')
|
||||
const filename = await downloadPdf(page, 'roi', outPath)
|
||||
expect(filename).toMatch(/_roi\.pdf$/)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const sizeKB = buffer.length / 1024
|
||||
console.log(`etapa-4-roi.pdf: ${sizeKB.toFixed(1)} KB`)
|
||||
// ROI PDF no tiene imagen BPMN embebida → tamaño por página es menor (~8-12 KB texto puro)
|
||||
expect(sizeKB, 'ROI PDF debe tener contenido mínimo (4 páginas texto)').toBeGreaterThan(20)
|
||||
expect(sizeKB, 'ROI PDF no debe ser irrazonablemente grande').toBeLessThan(300)
|
||||
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas: ${numpages}`)
|
||||
console.log(`Primeros 400 chars: ${text.slice(0, 400).replace(/\n/g, ' ')}`)
|
||||
expect(numpages).toBe(4)
|
||||
validatePdfText(text, 'etapa-4-roi.pdf')
|
||||
|
||||
// Keywords específicos del PDF de ROI
|
||||
expect(text).toMatch(/Payback|payback/)
|
||||
expect(text).toMatch(/ahorro|Ahorro/)
|
||||
expect(text).toContain('USD')
|
||||
})
|
||||
180
tests/e2e/etapa-5-pdfs.spec.ts
Normal file
180
tests/e2e/etapa-5-pdfs.spec.ts
Normal file
@@ -0,0 +1,180 @@
|
||||
/**
|
||||
* Etapa 5 Sprint 1.5 — Validación de PDFs con layout híbrido portrait+landscape.
|
||||
*
|
||||
* Validaciones mandatorias:
|
||||
* 1. Páginas: actual=3, automatizado=3, roi=4
|
||||
* 2. Orientación: actual/auto = portrait/LANDSCAPE/portrait; roi = portrait×4
|
||||
* 3. "InQ ROI" y "Powered by InQuality" en todas las páginas
|
||||
* 4. Diagrama BPMN en página 2 del actual (verificado por tamaño PDF y texto)
|
||||
* 5. Tests previos ≥ 469
|
||||
* 6. Sin regresiones de marca
|
||||
*/
|
||||
import { test, expect } from '@playwright/test'
|
||||
import { resolve } from 'path'
|
||||
import { mkdirSync, readFileSync } from 'fs'
|
||||
import { fileURLToPath } from 'url'
|
||||
import { PDFParse } from 'pdf-parse'
|
||||
import { getDocument } from 'pdfjs-dist/legacy/build/pdf.mjs'
|
||||
|
||||
const __dirname = fileURLToPath(new URL('.', import.meta.url))
|
||||
const BPMN_DIR = resolve(__dirname, '../../public/sample-processes')
|
||||
const OUT_DIR = resolve(__dirname, './__output__')
|
||||
|
||||
test.beforeAll(() => { mkdirSync(OUT_DIR, { recursive: true }) })
|
||||
|
||||
// ─── Helpers ──────────────────────────────────────────────────────────────────
|
||||
|
||||
async function parsePdf(buffer: Buffer): Promise<{ numpages: number; text: string }> {
|
||||
const parser = new PDFParse({ data: buffer })
|
||||
const result = await parser.getText()
|
||||
await parser.destroy()
|
||||
return { numpages: result.total, text: result.text }
|
||||
}
|
||||
|
||||
async function getPageOrientations(buffer: Buffer): Promise<Array<'portrait' | 'landscape'>> {
|
||||
const uint8 = new Uint8Array(buffer)
|
||||
const pdf = await getDocument({ data: uint8 }).promise
|
||||
const orientations: Array<'portrait' | 'landscape'> = []
|
||||
for (let i = 1; i <= pdf.numPages; i++) {
|
||||
const page = await pdf.getPage(i)
|
||||
const viewport = page.getViewport({ scale: 1 })
|
||||
orientations.push(viewport.width > viewport.height ? 'landscape' : 'portrait')
|
||||
}
|
||||
return orientations
|
||||
}
|
||||
|
||||
async function importBpmn(page: import('@playwright/test').Page, filename: string) {
|
||||
await page.goto('/')
|
||||
await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, filename))
|
||||
await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
|
||||
await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
|
||||
await page.waitForTimeout(800)
|
||||
}
|
||||
|
||||
async function setActivityCosts(
|
||||
page: import('@playwright/test').Page,
|
||||
elementId: string, directCost: number, automatedCost: number
|
||||
) {
|
||||
await page.locator(`[data-element-id="${elementId}"]`).first().click()
|
||||
await page.waitForTimeout(400)
|
||||
const toggle = page.getByRole('switch', { name: /automatizable/i })
|
||||
if (await toggle.getAttribute('aria-checked') === 'false') await toggle.click()
|
||||
await page.waitForTimeout(200)
|
||||
await page.getByLabel(/Costo directo fijo/i).fill(String(directCost))
|
||||
await page.getByLabel(/Costo automatizado/i).fill(String(automatedCost))
|
||||
await page.getByLabel(/Tiempo automatizado/i).fill('10')
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
}
|
||||
|
||||
async function configureGlobal(page: import('@playwright/test').Page, freq: number, inv: number) {
|
||||
await page.getByRole('tab', { name: /Global/i }).click()
|
||||
await page.waitForTimeout(300)
|
||||
await page.getByLabel(/Frecuencia anual/i).fill(String(freq))
|
||||
await page.getByLabel(/Inversión en automatización/i).fill(String(inv))
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
}
|
||||
|
||||
async function setupAndSimulate(page: import('@playwright/test').Page) {
|
||||
await importBpmn(page, 'medium-with-gateways.bpmn')
|
||||
await setActivityCosts(page, 'task_recv', 200, 20)
|
||||
await setActivityCosts(page, 'task_score', 200, 20)
|
||||
await setActivityCosts(page, 'task_analisis', 200, 20)
|
||||
await configureGlobal(page, 5000, 80000)
|
||||
await page.getByRole('button', { name: 'Simular' }).click()
|
||||
await page.waitForURL(/\/report\//, { timeout: 20_000 })
|
||||
await page.waitForSelector('button:has-text("Exportar PDF")', { timeout: 15_000 })
|
||||
await page.waitForSelector('.bpmn-container .djs-group', { timeout: 30_000 })
|
||||
await page.waitForTimeout(800)
|
||||
}
|
||||
|
||||
async function downloadPdf(
|
||||
page: import('@playwright/test').Page,
|
||||
targetTab: 'actual' | 'automatizado' | 'roi',
|
||||
outPath: string
|
||||
) {
|
||||
if (targetTab === 'actual') {
|
||||
await page.getByRole('tab', { name: 'Actual' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else if (targetTab === 'automatizado') {
|
||||
await page.getByRole('tab', { name: 'Automatizado' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else {
|
||||
await page.getByRole('tab', { name: /Comparación/i }).click()
|
||||
await page.waitForSelector('[data-testid="roi-kpi-card"]', { timeout: 10_000 })
|
||||
await page.waitForTimeout(500)
|
||||
}
|
||||
const [download] = await Promise.all([
|
||||
page.waitForEvent('download', { timeout: 30_000 }),
|
||||
page.getByRole('button', { name: 'Exportar PDF' }).click(),
|
||||
])
|
||||
await download.saveAs(outPath)
|
||||
return download.suggestedFilename()
|
||||
}
|
||||
|
||||
function validateBrandStrings(text: string, filename: string) {
|
||||
expect(text, `${filename}: debe contener "InQ ROI"`).toMatch(/InQ ROI/)
|
||||
expect(text, `${filename}: debe contener "Powered by InQuality"`).toMatch(/Powered by InQuality/)
|
||||
expect(text, `${filename}: no debe contener "Process Cost Platform"`).not.toContain('Process Cost Platform')
|
||||
expect(text, `${filename}: no debe contener "v0.1.0"`).not.toContain('v0.1.0')
|
||||
}
|
||||
|
||||
// ─── Tests ─────────────────────────────────────────────────────────────────────
|
||||
|
||||
test('etapa-5-actual.pdf — 4 págs, portrait-landscape-portrait-portrait, marca InQ', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
const outPath = resolve(OUT_DIR, 'etapa-5-actual.pdf')
|
||||
const filename = await downloadPdf(page, 'actual', outPath)
|
||||
console.log('Nombre:', filename)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const sizeKB = buffer.length / 1024
|
||||
console.log(`Tamaño: ${sizeKB.toFixed(1)} KB`)
|
||||
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas: ${numpages}`)
|
||||
console.log(`Texto primeros 200: ${text.slice(0, 200).replace(/\n/g, ' ')}`)
|
||||
expect(numpages).toBe(4)
|
||||
validateBrandStrings(text, 'etapa-5-actual.pdf')
|
||||
|
||||
// Validar orientaciones con pdfjs
|
||||
const orientations = await getPageOrientations(buffer)
|
||||
console.log('Orientaciones:', orientations)
|
||||
expect(orientations).toEqual(['portrait', 'landscape', 'portrait', 'portrait'])
|
||||
|
||||
// La página 2 (landscape) debe ser más ancha que alta en dimensiones reales
|
||||
expect(orientations[1]).toBe('landscape')
|
||||
})
|
||||
|
||||
test('etapa-5-automatizado.pdf — 4 págs, portrait-landscape-portrait-portrait, marca InQ', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
const outPath = resolve(OUT_DIR, 'etapa-5-automatizado.pdf')
|
||||
await downloadPdf(page, 'automatizado', outPath)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas automatizado: ${numpages}`)
|
||||
expect(numpages).toBe(4)
|
||||
validateBrandStrings(text, 'etapa-5-automatizado.pdf')
|
||||
|
||||
const orientations = await getPageOrientations(buffer)
|
||||
console.log('Orientaciones automatizado:', orientations)
|
||||
expect(orientations).toEqual(['portrait', 'landscape', 'portrait', 'portrait'])
|
||||
})
|
||||
|
||||
test('etapa-5-roi.pdf — 5 págs todas portrait, sin regresiones', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
const outPath = resolve(OUT_DIR, 'etapa-5-roi.pdf')
|
||||
await downloadPdf(page, 'roi', outPath)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas ROI: ${numpages}`)
|
||||
expect(numpages).toBe(5)
|
||||
validateBrandStrings(text, 'etapa-5-roi.pdf')
|
||||
|
||||
const orientations = await getPageOrientations(buffer)
|
||||
console.log('Orientaciones ROI:', orientations)
|
||||
expect(orientations).toEqual(['portrait', 'portrait', 'portrait', 'portrait', 'portrait'])
|
||||
})
|
||||
177
tests/e2e/etapa-6-pdfs.spec.ts
Normal file
177
tests/e2e/etapa-6-pdfs.spec.ts
Normal file
@@ -0,0 +1,177 @@
|
||||
/**
|
||||
* Etapa 6 Sprint 1.5 — PDF ROI: Rediseño de página 1 con identidad InQ.
|
||||
*
|
||||
* Validaciones mandatorias:
|
||||
* 1. PDF ROI tiene 5 páginas, todas portrait
|
||||
* 2. Footer en todas las páginas: "InQ ROI", "Powered by InQuality", paginación "X de 5"
|
||||
* 3. Página 1 contiene: "ANÁLISIS DE RETORNO DE INVERSIÓN", "AHORRO PROYECTADO A",
|
||||
* "TOP 3 ACTIVIDADES POR AHORRO", "UN PRODUCTO DE", "InQuality"
|
||||
* 4. Página 1 contiene KPI Hero con cifra de ahorro acumulado (USD)
|
||||
* 5. PDFs Actual y Automatizado sin cambios: 4 páginas, ['portrait','landscape','portrait','portrait']
|
||||
* 6. Sin regresiones de marca
|
||||
* 7. Tests previos >= 483
|
||||
*/
|
||||
import { test, expect } from '@playwright/test'
|
||||
import { resolve } from 'path'
|
||||
import { mkdirSync, readFileSync } from 'fs'
|
||||
import { fileURLToPath } from 'url'
|
||||
import { PDFParse } from 'pdf-parse'
|
||||
import { getDocument } from 'pdfjs-dist/legacy/build/pdf.mjs'
|
||||
|
||||
const __dirname = fileURLToPath(new URL('.', import.meta.url))
|
||||
const BPMN_DIR = resolve(__dirname, '../../public/sample-processes')
|
||||
const OUT_DIR = resolve(__dirname, './__output__')
|
||||
|
||||
test.beforeAll(() => { mkdirSync(OUT_DIR, { recursive: true }) })
|
||||
|
||||
// ─── Helpers ──────────────────────────────────────────────────────────────────
|
||||
|
||||
async function parsePdf(buffer: Buffer): Promise<{ numpages: number; text: string }> {
|
||||
const parser = new PDFParse({ data: buffer })
|
||||
const result = await parser.getText()
|
||||
await parser.destroy()
|
||||
return { numpages: result.total, text: result.text }
|
||||
}
|
||||
|
||||
async function getPageOrientations(buffer: Buffer): Promise<Array<'portrait' | 'landscape'>> {
|
||||
const uint8 = new Uint8Array(buffer)
|
||||
const pdf = await getDocument({ data: uint8 }).promise
|
||||
const orientations: Array<'portrait' | 'landscape'> = []
|
||||
for (let i = 1; i <= pdf.numPages; i++) {
|
||||
const page = await pdf.getPage(i)
|
||||
const viewport = page.getViewport({ scale: 1 })
|
||||
orientations.push(viewport.width > viewport.height ? 'landscape' : 'portrait')
|
||||
}
|
||||
return orientations
|
||||
}
|
||||
|
||||
async function importBpmn(page: import('@playwright/test').Page, filename: string) {
|
||||
await page.goto('/')
|
||||
await page.locator('#bpmn-file-input').setInputFiles(resolve(BPMN_DIR, filename))
|
||||
await page.waitForURL(/\/workspace\//, { timeout: 15_000 })
|
||||
await page.waitForSelector('button:has-text("Simular")', { timeout: 10_000 })
|
||||
await page.waitForTimeout(800)
|
||||
}
|
||||
|
||||
async function setActivityCosts(
|
||||
page: import('@playwright/test').Page,
|
||||
elementId: string, directCost: number, automatedCost: number
|
||||
) {
|
||||
await page.locator(`[data-element-id="${elementId}"]`).first().click()
|
||||
await page.waitForTimeout(400)
|
||||
const toggle = page.getByRole('switch', { name: /automatizable/i })
|
||||
if (await toggle.getAttribute('aria-checked') === 'false') await toggle.click()
|
||||
await page.waitForTimeout(200)
|
||||
await page.getByLabel(/Costo directo fijo/i).fill(String(directCost))
|
||||
await page.getByLabel(/Costo automatizado/i).fill(String(automatedCost))
|
||||
await page.getByLabel(/Tiempo automatizado/i).fill('10')
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
}
|
||||
|
||||
async function configureGlobal(page: import('@playwright/test').Page, freq: number, inv: number) {
|
||||
await page.getByRole('tab', { name: /Global/i }).click()
|
||||
await page.waitForTimeout(300)
|
||||
await page.getByLabel(/Frecuencia anual/i).fill(String(freq))
|
||||
await page.getByLabel(/Inversión en automatización/i).fill(String(inv))
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
}
|
||||
|
||||
async function setupAndSimulate(page: import('@playwright/test').Page) {
|
||||
await importBpmn(page, 'medium-with-gateways.bpmn')
|
||||
await setActivityCosts(page, 'task_recv', 200, 20)
|
||||
await setActivityCosts(page, 'task_score', 200, 20)
|
||||
await setActivityCosts(page, 'task_analisis', 200, 20)
|
||||
await configureGlobal(page, 5000, 80000)
|
||||
await page.getByRole('button', { name: 'Simular' }).click()
|
||||
await page.waitForURL(/\/report\//, { timeout: 20_000 })
|
||||
await page.waitForSelector('button:has-text("Exportar PDF")', { timeout: 15_000 })
|
||||
await page.waitForSelector('.bpmn-container .djs-group', { timeout: 30_000 })
|
||||
await page.waitForTimeout(800)
|
||||
}
|
||||
|
||||
async function downloadPdf(
|
||||
page: import('@playwright/test').Page,
|
||||
targetTab: 'actual' | 'automatizado' | 'roi',
|
||||
outPath: string
|
||||
) {
|
||||
if (targetTab === 'actual') {
|
||||
await page.getByRole('tab', { name: 'Actual' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else if (targetTab === 'automatizado') {
|
||||
await page.getByRole('tab', { name: 'Automatizado' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else {
|
||||
await page.getByRole('tab', { name: /Comparación/i }).click()
|
||||
await page.waitForSelector('[data-testid="roi-kpi-card"]', { timeout: 10_000 })
|
||||
await page.waitForTimeout(500)
|
||||
}
|
||||
const [download] = await Promise.all([
|
||||
page.waitForEvent('download', { timeout: 30_000 }),
|
||||
page.getByRole('button', { name: 'Exportar PDF' }).click(),
|
||||
])
|
||||
await download.saveAs(outPath)
|
||||
return download.suggestedFilename()
|
||||
}
|
||||
|
||||
function validateBrandStrings(text: string, filename: string) {
|
||||
expect(text, `${filename}: debe contener "InQ ROI"`).toMatch(/InQ ROI/)
|
||||
expect(text, `${filename}: debe contener "Powered by InQuality"`).toMatch(/Powered by InQuality/)
|
||||
expect(text, `${filename}: no debe contener "Process Cost Platform"`).not.toContain('Process Cost Platform')
|
||||
expect(text, `${filename}: no debe contener "v0.1.0"`).not.toContain('v0.1.0')
|
||||
}
|
||||
|
||||
// ─── Tests ─────────────────────────────────────────────────────────────────────
|
||||
|
||||
test('etapa-6-roi.pdf — 5 páginas, todas portrait, página 1 rediseñada', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
const outPath = resolve(OUT_DIR, 'etapa-6-roi.pdf')
|
||||
await downloadPdf(page, 'roi', outPath)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const sizeKB = buffer.length / 1024
|
||||
console.log(`Tamaño ROI: ${sizeKB.toFixed(1)} KB`)
|
||||
expect(sizeKB, 'PDF ROI debe tener > 20 KB con imagen de gradiente').toBeGreaterThan(20)
|
||||
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas ROI: ${numpages}`)
|
||||
console.log(`Texto primeros 400: ${text.slice(0, 400).replace(/\n/g, ' ')}`)
|
||||
expect(numpages).toBe(5)
|
||||
|
||||
validateBrandStrings(text, 'etapa-6-roi.pdf')
|
||||
|
||||
// Validaciones de contenido de página 1
|
||||
expect(text, 'Debe contener cabecera del análisis').toMatch(/ANÁLISIS DE RETORNO DE INVERSIÓN/)
|
||||
expect(text, 'Debe contener label del KPI Hero').toMatch(/AHORRO PROYECTADO A/)
|
||||
expect(text, 'Debe contener título del Top3').toMatch(/TOP 3 ACTIVIDADES POR AHORRO/)
|
||||
expect(text, 'Debe contener "UN PRODUCTO DE"').toMatch(/UN PRODUCTO DE/)
|
||||
expect(text, 'Debe contener "InQuality"').toMatch(/InQuality/)
|
||||
|
||||
// Orientaciones
|
||||
const orientations = await getPageOrientations(buffer)
|
||||
console.log('Orientaciones ROI:', orientations)
|
||||
expect(orientations).toEqual(['portrait', 'portrait', 'portrait', 'portrait', 'portrait'])
|
||||
})
|
||||
|
||||
test('etapa-6: PDFs Actual y Automatizado sin cambios (4 págs, landscape en p.2)', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
|
||||
const actualPath = resolve(OUT_DIR, 'etapa-6-actual.pdf')
|
||||
const autoPath = resolve(OUT_DIR, 'etapa-6-automatizado.pdf')
|
||||
await downloadPdf(page, 'actual', actualPath)
|
||||
await downloadPdf(page, 'automatizado', autoPath)
|
||||
|
||||
for (const [path, label] of [[actualPath, 'actual'], [autoPath, 'automatizado']] as const) {
|
||||
const buffer = readFileSync(path)
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas ${label}: ${numpages}`)
|
||||
expect(numpages, `${label}: debe tener 4 páginas`).toBe(4)
|
||||
validateBrandStrings(text, `etapa-6-${label}.pdf`)
|
||||
|
||||
const orientations = await getPageOrientations(buffer)
|
||||
console.log(`Orientaciones ${label}:`, orientations)
|
||||
expect(orientations, `${label}: layout portrait-landscape-portrait-portrait`)
|
||||
.toEqual(['portrait', 'landscape', 'portrait', 'portrait'])
|
||||
}
|
||||
})
|
||||
157
tests/e2e/etapa-7-pdfs.spec.ts
Normal file
157
tests/e2e/etapa-7-pdfs.spec.ts
Normal file
@@ -0,0 +1,157 @@
|
||||
/**
|
||||
* Etapa 7 Sprint 1.5 — PDF ROI páginas 2-5 con identidad InQ.
|
||||
*
|
||||
* Validaciones mandatorias:
|
||||
* 1. PDF ROI: 5 páginas, todas portrait
|
||||
* 2. Página 5: "TRAYECTORIA DEL AHORRO ACUMULADO" presente (gráfico real, no placeholder)
|
||||
* 3. Página 3: "COMPOSICIÓN DEL AHORRO", "TRAYECTORIA DEL AHORRO ACUMULADO" (uppercase)
|
||||
* 4. Página 4: "NOTA METODOLOGICA" (sin caracteres Unicode)
|
||||
* 5. Tamaño ROI > 30 KB (gráfico SVG + imagen gradiente)
|
||||
* 6. Sin regresiones de marca: "InQ ROI", "Powered by InQuality"
|
||||
* 7. PDFs Actual y Automatizado sin cambios: 4 páginas, ['portrait','landscape','portrait','portrait']
|
||||
* 8. Tests previos >= 500
|
||||
*/
|
||||
import { test, expect } from '@playwright/test'
|
||||
import { resolve } from 'path'
|
||||
import { mkdirSync, readFileSync } from 'fs'
|
||||
import { fileURLToPath } from 'url'
|
||||
import { PDFParse } from 'pdf-parse'
|
||||
import { getDocument } from 'pdfjs-dist/legacy/build/pdf.mjs'
|
||||
|
||||
const __dirname = fileURLToPath(new URL('.', import.meta.url))
|
||||
const BPMN_DIR = resolve(__dirname, '../../public/sample-processes')
|
||||
const OUT_DIR = resolve(__dirname, './__output__')
|
||||
|
||||
test.beforeAll(() => { mkdirSync(OUT_DIR, { recursive: true }) })
|
||||
|
||||
// ─── Helpers ──────────────────────────────────────────────────────────────────
|
||||
|
||||
async function parsePdf(buffer: Buffer): Promise<{ numpages: number; text: string }> {
|
||||
const parser = new PDFParse({ data: buffer })
|
||||
const result = await parser.getText()
|
||||
await parser.destroy()
|
||||
return { numpages: result.total, text: result.text }
|
||||
}
|
||||
|
||||
async function getPageOrientations(buffer: Buffer): Promise<Array<'portrait' | 'landscape'>> {
|
||||
const uint8 = new Uint8Array(buffer)
|
||||
const pdf = await getDocument({ data: uint8 }).promise
|
||||
const orientations: Array<'portrait' | 'landscape'> = []
|
||||
for (let i = 1; i <= pdf.numPages; i++) {
|
||||
const page = await pdf.getPage(i)
|
||||
const viewport = page.getViewport({ scale: 1 })
|
||||
orientations.push(viewport.width > viewport.height ? 'landscape' : 'portrait')
|
||||
}
|
||||
return orientations
|
||||
}
|
||||
|
||||
async function setupAndSimulate(page: import('@playwright/test').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(800)
|
||||
|
||||
for (const [id, cost, auto] of [['task_recv', 200, 20], ['task_score', 200, 20], ['task_analisis', 200, 20]] as [string, number, number][]) {
|
||||
await page.locator(`[data-element-id="${id}"]`).first().click()
|
||||
await page.waitForTimeout(400)
|
||||
const toggle = page.getByRole('switch', { name: /automatizable/i })
|
||||
if (await toggle.getAttribute('aria-checked') === 'false') await toggle.click()
|
||||
await page.waitForTimeout(200)
|
||||
await page.getByLabel(/Costo directo fijo/i).fill(String(cost))
|
||||
await page.getByLabel(/Costo automatizado/i).fill(String(auto))
|
||||
await page.getByLabel(/Tiempo automatizado/i).fill('10')
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
}
|
||||
|
||||
await page.getByRole('tab', { name: /Global/i }).click()
|
||||
await page.waitForTimeout(300)
|
||||
await page.getByLabel(/Frecuencia anual/i).fill('5000')
|
||||
await page.getByLabel(/Inversión en automatización/i).fill('80000')
|
||||
await page.getByRole('button', { name: /Guardar/i }).click()
|
||||
await page.waitForTimeout(400)
|
||||
|
||||
await page.getByRole('button', { name: 'Simular' }).click()
|
||||
await page.waitForURL(/\/report\//, { timeout: 20_000 })
|
||||
await page.waitForSelector('button:has-text("Exportar PDF")', { timeout: 15_000 })
|
||||
await page.waitForSelector('.bpmn-container .djs-group', { timeout: 30_000 })
|
||||
await page.waitForTimeout(800)
|
||||
}
|
||||
|
||||
async function downloadPdf(page: import('@playwright/test').Page, tab: 'actual' | 'automatizado' | 'roi', outPath: string) {
|
||||
if (tab === 'actual') {
|
||||
await page.getByRole('tab', { name: 'Actual' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else if (tab === 'automatizado') {
|
||||
await page.getByRole('tab', { name: 'Automatizado' }).click()
|
||||
await page.waitForTimeout(400)
|
||||
} else {
|
||||
await page.getByRole('tab', { name: /Comparación/i }).click()
|
||||
await page.waitForSelector('[data-testid="roi-kpi-card"]', { timeout: 10_000 })
|
||||
await page.waitForTimeout(500)
|
||||
}
|
||||
const [download] = await Promise.all([
|
||||
page.waitForEvent('download', { timeout: 30_000 }),
|
||||
page.getByRole('button', { name: 'Exportar PDF' }).click(),
|
||||
])
|
||||
await download.saveAs(outPath)
|
||||
}
|
||||
|
||||
// ─── Tests ─────────────────────────────────────────────────────────────────────
|
||||
|
||||
test('etapa-7-roi.pdf — 5 págs, gráfico SVG real p.5, paleta InQ p.2-4', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
const outPath = resolve(OUT_DIR, 'etapa-7-roi.pdf')
|
||||
await downloadPdf(page, 'roi', outPath)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const sizeKB = buffer.length / 1024
|
||||
console.log(`Tamaño ROI: ${sizeKB.toFixed(1)} KB`)
|
||||
expect(sizeKB, 'PDF ROI debe superar 30 KB').toBeGreaterThan(30)
|
||||
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas: ${numpages}`)
|
||||
console.log(`Texto primeros 600: ${text.slice(0, 600).replace(/\n/g, ' ')}`)
|
||||
expect(numpages).toBe(5)
|
||||
|
||||
// Marcas globales
|
||||
expect(text).toMatch(/InQ ROI/)
|
||||
expect(text).toMatch(/Powered by InQuality/)
|
||||
expect(text).not.toContain('Process Cost Platform')
|
||||
expect(text).not.toContain('v0.1.0')
|
||||
|
||||
// Página 5: gráfico real (no placeholder)
|
||||
expect(text, 'p.5 debe tener título del gráfico').toMatch(/TRAYECTORIA DEL AHORRO ACUMULADO/)
|
||||
expect(text, 'p.5 no debe tener texto placeholder de Etapa 6').not.toContain('próxima versión del reporte')
|
||||
|
||||
// Página 3: títulos uppercase InQ
|
||||
expect(text, 'p.3 debe tener sección COMPOSICIÓN').toMatch(/COMPOSICIÓN DEL AHORRO|COMPOSICION DEL AHORRO/)
|
||||
|
||||
// Página 4: nota metodológica
|
||||
expect(text, 'p.4 debe tener nota metodológica').toMatch(/NOTA METODOLOGICA|NOTA METODOLÓGICA/)
|
||||
|
||||
const orientations = await getPageOrientations(buffer)
|
||||
console.log('Orientaciones ROI:', orientations)
|
||||
expect(orientations).toEqual(['portrait', 'portrait', 'portrait', 'portrait', 'portrait'])
|
||||
})
|
||||
|
||||
test('etapa-7: PDFs Actual y Automatizado intactos (no-regresión)', async ({ page }) => {
|
||||
await setupAndSimulate(page)
|
||||
|
||||
for (const [tab, label] of [['actual', 'actual'], ['automatizado', 'automatizado']] as ['actual' | 'automatizado', string][]) {
|
||||
const outPath = resolve(OUT_DIR, `etapa-7-${label}.pdf`)
|
||||
await downloadPdf(page, tab, outPath)
|
||||
|
||||
const buffer = readFileSync(outPath)
|
||||
const { numpages, text } = await parsePdf(buffer)
|
||||
console.log(`Páginas ${label}: ${numpages}`)
|
||||
expect(numpages, `${label}: 4 páginas`).toBe(4)
|
||||
expect(text).toMatch(/InQ ROI/)
|
||||
expect(text).toMatch(/Powered by InQuality/)
|
||||
|
||||
const orientations = await getPageOrientations(buffer)
|
||||
console.log(`Orientaciones ${label}:`, orientations)
|
||||
expect(orientations).toEqual(['portrait', 'landscape', 'portrait', 'portrait'])
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user