El panel de VTS proporciona una interfaz de usuario cohesiva que usa Material Design para mostrar de manera eficaz información sobre los resultados de las pruebas, la generación de perfiles y la cobertura. El diseño del panel usa bibliotecas de JavaScript de código abierto, como Materialize CSS y jQueryUI, para procesar los datos que entregan los servlets de Java en Google App Engine.
Página principal del panel
La página principal del panel muestra una lista de paquetes de pruebas que un usuario agregó a sus favoritos.

Desde esta lista, los usuarios pueden hacer lo siguiente:
- Selecciona un paquete de pruebas para ver los resultados de ese paquete.
- Haz clic en MOSTRAR TODO para ver todos los nombres de las pruebas de VTS.
- Selecciona el ícono Editar para modificar la lista de favoritos.
Figura 2: Panel de VTS, edición de la página Favoritos.
Resultados de la prueba
En Resultados de pruebas, se muestra la información más reciente sobre el paquete de pruebas seleccionado, incluida una lista de puntos de perfilado, una tabla de resultados de casos de prueba en orden cronológico y un gráfico de pastel que muestra el desglose de los resultados de la ejecución más reciente (los usuarios pueden cargar datos más antiguos desplazándose hacia la derecha).

Los usuarios pueden filtrar los datos con consultas o modificando el tipo de prueba (antes del envío, después del envío o ambos). Las búsquedas admiten tokens generales y calificadores específicos del campo. Los campos de búsqueda admitidos son: ID de compilación del dispositivo, rama, nombre de destino, nombre del dispositivo y ID de compilación de prueba. Se especifican en el formato FIELD-ID="SEARCH QUERY". Las comillas se usan para tratar varias palabras como un solo token para que coincidan con los datos de las columnas.
Creación de perfiles de datos
Los usuarios pueden seleccionar un punto de perfil para acceder a una vista interactiva de los datos cuantitativos de ese punto en un gráfico de líneas o un histograma (consulta los ejemplos a continuación). De forma predeterminada, la vista muestra la información más reciente. Los usuarios pueden usar el selector de fecha para cargar ventanas de tiempo específicas.

Los gráficos de líneas muestran datos de una colección de valores de rendimiento no ordenados, lo que puede ser útil cuando una prueba de rendimiento produce un vector de valores de rendimiento que varían en función de otra variable (p.ej., la capacidad de procesamiento en comparación con el tamaño del mensaje).

Cobertura de pruebas
Los usuarios pueden ver la información de cobertura desde el vínculo del porcentaje de cobertura en los resultados de la prueba.

Para cada caso de prueba y archivo fuente, los usuarios pueden ver un elemento expandible que contiene código fuente codificado por colores según la cobertura que proporciona la prueba seleccionada:

- Las líneas no cubiertas se destacan en rojo.
- Las líneas cubiertas se destacan en verde.
- Las líneas no ejecutables no tienen color.
La información de cobertura se agrupa en secciones según cómo se proporcionó durante el tiempo de ejecución. Las pruebas pueden subir cobertura:
- Por función. Los encabezados de las secciones tienen el formato "Cobertura: FUNCTION-NAME".
- En total (se proporciona al final de la ejecución de la prueba). Solo hay un encabezado: "Cobertura: Todo".
El panel recupera el código fuente del cliente desde un servidor, que usa la API de REST de Gerrit de código abierto.
Supervisión y pruebas
El panel de VTS proporciona los siguientes monitores y pruebas de unidades.
- Cómo probar las alertas por correo electrónico Las alertas se configuran en un trabajo cron que se ejecuta en un intervalo fijo de dos (2) minutos. La tarea lee la tabla de estado de la VTS para determinar si se subieron datos nuevos a cada tabla. Para ello, se verifica si la marca de tiempo de carga de datos sin procesar de la prueba es más reciente que la marca de tiempo de la última actualización de estado. Si la marca de tiempo de carga es más reciente, la tarea consulta datos nuevos entre el momento actual y la última carga de datos sin procesar. Se determinan las fallas nuevas de los casos de prueba, las fallas continuas de los casos de prueba, las fallas transitorias de los casos de prueba, las correcciones de los casos de prueba y las pruebas inactivas. Luego, esta información se envía en formato de correo electrónico a los suscriptores de cada prueba.
- Estado del servicio web: Google Stackdriver se integra a Google App Engine para proporcionar una supervisión sencilla del panel de VTS. Las verificaciones de tiempo de actividad simples verifican que se pueda acceder a las páginas, mientras que se pueden crear otras pruebas para verificar la latencia en cada página, servlet o base de datos. Estas verificaciones garantizan que siempre se pueda acceder al panel (de lo contrario, se notificará a un administrador).
- Analytics. Para integrar una página del panel de VTS con Google Cloud Analytics, especifica un ID de Analytics válido en la configuración de la página (el archivo pom.xml). La integración proporciona un análisis más sólido del uso de la página, la interacción del usuario, la localidad, las estadísticas de la sesión, etc.