Dashboard

El Dashboard ofrece una vista consolidada del estado de sus pruebas mediante widgets configurables: tarjetas de métricas, gráficos y tablas.

Visión General

Imagen: Dashboard con múltiples widgets: tarjetas de métricas, gráfico de barras y tabla

Dashboards Múltiples

QANode admite múltiples dashboards con diferentes configuraciones de visibilidad:

Widgets

Tipos de Widget

Creando un Widget

El asistente de creación de widgets tiene 3 pasos:

Paso 1: Fuente de Datos

Defina de dónde provendrán los datos:

Query Builder (Recomendado):

Lógica de Filtros: Combine múltiples filtros con los operadores AND u OR.

Formato de Fecha en Agrupamiento:

SQL Directo:

Para consultas más complejas, utilice el modo SQL con el editor Monaco. Prefiera Query Builder para widgets simples y use SQL cuando necesite CTEs, joins, agregaciones condicionales o cálculos que serían difíciles de expresar en el constructor:

SELECT
  DATE("startedAt") AS dia,
  status,
  COUNT(*)::int AS total
FROM "Run"
WHERE "isSandbox" = false
  AND "startedAt" >= CURRENT_DATE - INTERVAL '30 days'
GROUP BY dia, status
ORDER BY dia;

El modo SQL requiere el permiso dashboard.sql.

El SQL también soporta CTEs (Common Table Expressions) con la cláusula WITH. Las consultas que modifican datos (INSERT, UPDATE, DELETE, DROP, etc.) siguen bloqueadas.

Paso 2: Visualización

Elija el tipo de gráfico y mapee los campos:

Paso 3: Apariencia

Formato Condicional (para tarjetas y tablas):

Tablas Con Progreso

En widgets de tabla, las columnas numéricas pueden mostrarse como barras de progreso. Esto es útil para acompañar:

• avance de proyectos;
• porcentaje de éxito;
• cobertura de escenarios;
• consumo de SLA;
• progreso de pipelines.

Cada columna de progreso puede tener color propio y valores mínimo/máximo. Campos textuales, IDs y fechas no se recomiendan para progreso.

Formato Condicional En Tablas

Las reglas de formato condicional permiten destacar filas o celdas según valores de la propia consulta.

Ejemplos:

Use formato condicional para llamar atención sobre problemas, pero evite aplicar demasiados colores al mismo tiempo.

Diseño del Dashboard

El dashboard utiliza una cuadrícula de 12 columnas responsiva:

Reorganizando Widgets

• Arrastrar un widget para reposicionarlo
• Redimensionar arrastrando la esquina inferior derecha
• La cuadrícula se ajusta automáticamente para evitar superposiciones
• Los tamaños predeterminados se optimizan por tipo: métricas empiezan menores, mientras gráficos y tablas empiezan mayores.

Ejemplos de Widgets

Tarjeta: Tasa de Éxito

Tabla: runs
Agregación: COUNT(*)
Filtro: status = "success" AND started_at >= hoy - 30 días

Gráfico de Barras: Ejecuciones por Día

Tabla: runs
Agrupamiento: started_at (solo fecha)
Agregación: COUNT(*)
Pivot: status
Tipo: Barras

Resultado: Barras apiladas con colores diferentes para éxito/fallo por día.

Tabla: Últimos Fallos

Tabla: runs
Filtro: status = "failed"
Columnas: nombre del flujo, fecha, duración, error
Ordenamiento: started_at DESC
Límite: 10

Auto-Refresh

Los widgets pueden configurarse para actualizarse automáticamente en intervalos definidos, manteniendo los datos siempre actualizados.

Consejos

• Comience simple — una tarjeta con el total de ejecuciones + un gráfico de barras diario
• Use formato condicional para destacar problemas (tasa inferior al 80% = rojo)
• Dashboards por equipo — cree dashboards con visibilidad por rol
• Use el modo pivot para crear gráficos con múltiples series sin SQL
• Limite los datos — las consultas grandes pueden afectar el rendimiento