ZoomTI++ Pruebas de Aceptación Versión 1.5 ZoomTI++ - Pruebas de Aceptación Tabla de Contenido Tabla de Contenido .................................................................................................................... 2 1. Introducción ........................................................................................................................... 3 2. Plantilla .................................................................................................................................. 4 3. Resultados pruebas de aceptación ........................................................................................ 5 3.1 Test Carga Diagrama ....................................................................................................... 5 3.2 Test Layout Circular ......................................................................................................... 6 3.3 Test Layout Matricial ........................................................................................................ 8 3.4 Test Desplazamiento Multi-Touch....................................................................................10 3.5 Test Zoom-In ...................................................................................................................12 3.6 Test Zoom-Out ................................................................................................................15 3.7 Test Zoom Semántico......................................................................................................18 3.8 Test Nodos y Aristas .......................................................................................................20 3.9 Test Double-Tap Zoom ....................................................................................................23 3.10 Test volver a Zoom inicial ..............................................................................................26 3.11 Test volver un nivel ........................................................................................................29 3.12 Test Carga Diagrama usando botón ..............................................................................33 Referencias...............................................................................................................................36 2 ZoomTI++ - Pruebas de Aceptación 1. Introducción El presente documento consigna las diferentes pruebas de aceptación aplicadas a los requerimientos de ZoomTI++. El objetivo de dichas pruebas es el de evaluar la funcionalidad de los requerimientos [1] en escenarios controlados de éxito y de fallo, para asegurar que el comportamiento sea el esperado en cualquier etapa de ejecución del producto final. Se presenta inicialmente la plantilla sobre la cual fueron diseñadas las pruebas, la sección siguiente presenta la especificación y los resultados de ejecución de las mismas. Las imágenes de la sección resultados obtenidos en la plantilla, son en gran parte extraídas del video explicativo de ZoomTI++ [2] 3 ZoomTI++ - Pruebas de Aceptación 2. Plantilla FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): Tomado de la especificación de requerimientos [1] Descripción Requerimiento(s): Tomado de la especificación de requerimientos [1] Objetivo de la prueba: Descripción breve de que se busca probar Descripción de la prueba: Descripción breve del procedimiento que se va a seguir, sin entrar en detalle PRECONDICIONES 1 Condiciones que deben estar en juego antes de ejecutar la prueba 2 3 PASOS DE LA PRUEBA 1 Descripción detallada de los procedimientos a seguir para la aplicación de la prueba, se recomienda apoyarse de imágenes 2 3 RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN Descripción del resultado mostrado en la imagen para destacar los elementos que se deben verificar RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Observaciones encontradas a realizar la prueba Resultado de la Prueba: Aprobada o Fallada 4 ZoomTI++ - Pruebas de Aceptación 3. Resultados pruebas de aceptación 3.1 Test Carga Diagrama FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 1 - 2 - 15 1 - El framework debe permitir realizar la lectura de un archivo con formato JSON, el cual haga uso de la especificación expuesta en el manual de plataforma. Descripción Requerimiento(s): 2 - El framework debe permitir visualizar en pantalla el diagrama cargado previamente. 15 - El framework debe guardar la geometría de primitivas gráficas y los datos expuestos en el diagrama. Objetivo de la prueba: Descripción de la prueba: Validar las funcionalidades de carga especificaciones del modelo (diagramas). de Se realiza una guía de la manera en la que se debe cargar un diagrama previamente conocido y verificando que el resultado en pantalla sea igual al esperado. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework Al ejecutar, debe aparecer la pantalla de selección de archivo, ver imagen. 2 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 5 ZoomTI++ - Pruebas de Aceptación 4 Clic en Abrir/Open RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN La imagen muestra la pantalla normal de ejecución de ZoomTI++, con un nivel de Zoom estándar, adicionalmente muestra el diagrama del ejemplo “exampleEcoreDiagram.json”. Los paquetes son de color verde, con los letreros en el centro y una arista uniendo el paquete de la izquierda con el de la derecha (ver direccionalidad). RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Se muestra la pantalla de selección de archivo, relacionado al paso 2 Al cargar el diagrama indicado por el paso 3, se muestra el resultado en pantalla el cual coincide con la descripción presentada en resultados esperados. Resultado de la Prueba: Aprobada 3.2 Test Layout Circular FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 18 Descripción Requerimiento(s): 18 - El framework debe organizar los elementos de 6 ZoomTI++ - Pruebas de Aceptación grafos con layouts circulares. Objetivo de la prueba: Validar la aplicación del layout circular Descripción de la prueba: Se realiza una guía para mostrarle al usuario la manera en la cual debe aplicar el layout en cuestión. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” “exampleUseCaseDiagramAndCommunication.json” 4 Tocar en Abrir/Open 5 En el diagrama que se muestra en pantalla, realizar Double Tap (Doble contacto de forma rápida) en el interior del rectángulo “ATM”, sin tocar uno de los elementos azules. y seleccionar el archivo El diagrama mostrado en pantalla, después de realizar el paso 5, debe ser similar a la imagen: 6 Haciendo uso de la mano, tocar el botón “Circle Layout”, ver imagen: 7 7 ZoomTI++ - Pruebas de Aceptación RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN La imagen muestra la disposición de los elementos después de aplicar el layout. Se puede observar que el elemento con menor identificador en el grupo, es ubicado en el centro y en la derecha, desde ese punto a distancias equidistantes son ubicados los demás elementos, siguiendo las manecillas del reloj. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Se muestra la pantalla obtenida al realizar los pasos previos al número 5. Al realizar el paso 6 se obtienen los resultados mostrados en la imagen. Los elementos son organizados en forma circular y al igual que en la imagen de los resultados esperados, conservan las relaciones entre ellos (representadas por aristas). Resultado de la Prueba: Aprobada 3.3 Test Layout Matricial FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 22 Descripción Requerimiento(s): 22 - El framework debe organizar nodos que pertenezcan a un contenedor o a un grupo de nodos por medio del layout matricial. 8 ZoomTI++ - Pruebas de Aceptación Objetivo de la prueba: Validar la aplicación del layout matricial Descripción de la prueba: Se realiza una guía para mostrarle al usuario la manera en la cual debe aplicar el layout en cuestión. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” “exampleUseCaseDiagramAndCommunication.json” 4 Tocar en Abrir/Open 5 En el diagrama que se muestra en pantalla, realizar Double Tap (Doble contacto de forma rápida) en el interior del rectángulo “ATM”, sin tocar uno de los elementos azules. y seleccionar el archivo El diagrama mostrado en pantalla, después de realizar el paso 5, debe ser similar a la imagen: 6 Haciendo uso de la mano, tocar el botón “Matrix Layout”, ver imagen: 7 RESULTADOS ESPERADOS 9 ZoomTI++ - Pruebas de Aceptación DESCRIPCIÓN IMAGEN La imagen muestra la disposición de los elementos después de aplicar el layout. Se puede observar que el elemento con menor identificador en el grupo, es ubicado en la parte superior izquierda, aumentando los identificadores, los elementos son ubicados en la misma fila hasta completar las especificadas por el diagrama) en este caso, cuatro columnas y 3 filas). RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Se muestra la pantalla obtenida al realizar los pasos previos al número 5. Al realizar el paso 6 se obtienen los resultados mostrados en la imagen. Los elementos son organizados en forma de tabla y al igual que en la imagen de los resultados esperados, conservan las relaciones entre ellos (representadas por aristas). Además de usar el número de filas y columnas especificadas como se indicó previamente. Resultado de la Prueba: Aprobada 3.4 Test Desplazamiento Multi-Touch FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 5 Descripción Requerimiento(s): 5- El framework debe permitir desplazamiento (eje vertical y eje horizontal) en el diagrama, a través de la interacción con la pantalla Multi-Touch. Objetivo de la prueba: Validar el reconocimiento del gesto multi-touch para 10 ZoomTI++ - Pruebas de Aceptación drag (tocar la superficie), sin liberar el punto del contacto, desplazar el punto de contacto para navegar en el diagrama. Descripción de la prueba: Se realiza una guía para mostrarle al usuario la manera en la cual puede verificar que el gesto drag funcione correctamente. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open En el diagrama que se muestra en pantalla, realizar Tap (Contacto en la pantalla) en la parte que indica la imagen, y NO liberar el punto. 5 Arrastrar el dedo que está en contacto en la dirección derecha hasta el punto que indica la imagen y soltar. 6 11 ZoomTI++ - Pruebas de Aceptación RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN La imagen muestra la vista que debe observar el usuario después de liberar el punto de contacto. Al comenzar el contacto en un punto y terminar en la parte derecha, la pantalla debió desplazarse en la misma dirección; generando que la imagen que originalmente se encontraba centrada se vea en la parte derecha y cortando una cantidad de la misma. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Se muestra la pantalla obtenida al realizar el paso número 5. La imagen representa el resultado parcial al alcanzar el paso número 6 (Sin haber liberado el punto de contacto). La imagen final representa el estado después de liberar el dedo. El resultado es similar al esperado. Resultado de la Prueba: Aprobada 3.5 Test Zoom-In 12 ZoomTI++ - Pruebas de Aceptación FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 3 Descripción Requerimiento(s): 3 - El framework debe permitir realizar Zoom-In en el diagrama, a través de la interacción con la pantalla Multi-Touch. Objetivo de la prueba: Validar el reconocimiento del gesto multi-touch para spread (posicionar dos dedos y alejarlos), para visualizar los cambios en el zoom. Descripción de la prueba: Se realiza una guía para mostrarle al usuario la manera en la cual puede verificar que el gesto spread funcione de la manera esperada. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open En el diagrama que se muestra en pantalla, realizar Double Tap en el elemento izquierdo. Después de que finalice la animación, ubicar los dedos de la manera que indica la imagen. 5 6 Sin liberar los dedos, alejarlos de manera que se acerquen al borde de la imagen, como lo indica la imagen. 13 ZoomTI++ - Pruebas de Aceptación RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN Al liberar los dedos la imagen muestra el resultado esperado. Se debió realizar zoom en el centro de ambos dedos. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Se muestra la posición de los dedos al recrear lo indicado en el paso 5. Muestra la posición intermedia al alejar los dedos como se indica en el paso 6. 14 ZoomTI++ - Pruebas de Aceptación La imagen final representa el estado después de liberar los dedos. El nivel de zoom esperado vs el real es similar. Resultado de la Prueba: Aprobada 3.6 Test Zoom-Out FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 4 Descripción Requerimiento(s): 4 - El framework debe permitir realizar Zoom-Out en el diagrama, a través de la interacción con la pantalla Multi-Touch. Objetivo de la prueba: Validar el reconocimiento del gesto multi-touch para pinch (posicionar dos dedos y acercarlos), para visualizar los cambios en el zoom. Descripción de la prueba: Se realiza una guía para mostrarle al usuario la manera en la cual puede verificar que el gesto pinch funcione de la manera esperada. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open 5 En el diagrama que se muestra en pantalla, realizar Double Tap en el elemento izquierdo. Después de que finalice la animación, realizar de nuevo Double Tap, esta vez sobre el elemento naranja izquierdo. Alcanzando el resultado que muestra la imagen. 15 ZoomTI++ - Pruebas de Aceptación Ubicar los dedos de la forma que lo indica la imagen. 6 Acercar los dedos de la manera que lo sugiere la imagen. 7 RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN Al liberar los dedos la imagen muestra el resultado esperado. Se debió alejar el nivel de zoom en un valor relacionado a la distancia recorrida por los dedos. 16 ZoomTI++ - Pruebas de Aceptación RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Se muestra el estado de la pantalla al ejecutar el paso 5. Ubicación de los dedos al ejecutar el paso 6. Ubicación de los dedos al acercar los dedos. La imagen final representa el nuevo valor de zoom después de realizar las labores de alejamiento. Es coincidente con el resultado esperado. Resultado de la Prueba: Aprobada 17 ZoomTI++ - Pruebas de Aceptación 3.7 Test Zoom Semántico FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 16 - 17 - 27 16 - El framework debe permitir visualizar información distinta del diagrama, dependiendo del nivel de zoom algunos elementos deben mostrarse u ocultarse. Descripción Requerimiento(s): 17 - El framework debe cambiar la distribución en pantalla de los elementos del diagrama, de acuerdo al nivel de zoom. 27 - El framework debe permitir cambiar la representación visual de elementos dependiendo del nivel de zoom. Objetivo de la prueba: Validar la aplicación de zoom semántico, el cual permite variar la información en pantalla según el nivel de zoom. Descripción de la prueba: Se realiza una guía para mostrarle al usuario la información que debe visualizar en dos niveles de zoom diferentes, verificando la variación de la representación. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open 5 En el diagrama que se muestra en pantalla, se puede visualizar dos paquetes, de dichos paquetes solamente es visible el nombre, tal como lo muestra la imagen. 18 ZoomTI++ - Pruebas de Aceptación Al realizar Double Tap sobre el paquete de la izquierda, el nivel de zoom aumenta de forma automática hasta alcanzar el nivel de detalle que muestra la imagen. 6 RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN La imagen superior muestra el nombre de los paquetes, la segunda imagen al variar el nivel de zoom reubica en pantalla la información del paquete, altera la representación del mismo (de forma de L a forma cuadrada) y finalmente muestra la aparición de las clases interiores (las cuales no son visibles en el nivel de zoom inicial). RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN 19 ZoomTI++ - Pruebas de Aceptación Las imágenes obtenidas en la aplicación de los pasos son similares a las esperadas. Efectivamente hay variación de la información. Resultado de la Prueba: Aprobada 3.8 Test Nodos y Aristas FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 23 - 24 6 - El framework debe permitir al programador crear nodos y aristas por medio de primitivas gráficas en forma vectorial (líneas, rectángulos, óvalos, imágenes y texto). 7 - El framework debe permitir al programador crear y aplicar transformaciones en elementos básicos de grafos (nodos y aristas). 8 - El framework debe manejar nodos que tengan la propiedad de anclas. Descripción Requerimiento(s): 9 - El framework debe manejar aristas y nodos contenedores. 10 - El framework debe manejar nodos que tengan la propiedad de realizar grupos de nodos. 11 - El framework debe manejar transformaciones geométricas aplicadas a nodos y aristas. 12 - El framework debe manejar transformaciones geométricas teniendo en cuenta como la 20 ZoomTI++ - Pruebas de Aceptación transformación puede aplicar a un nodo o arista contenedor. 13 - El framework debe manejar transformaciones geométricas teniendo en cuenta como la transformación puede aplicar a nodos que tienen la propiedad de anclas. 14 - El framework debe manejar transformaciones geométricas teniendo en cuenta como la transformación puede aplicar si es un grupo de nodos. 23 - El framework debe organizar nodos que pertenezcan a un contenedor o a un grupo de nodos por medio del layout padre (con respecto a la posición medida desde el origen del nodo padre). 24 - El framework debe organizar los nodos contenidos dentro de una arista con layout de coordenadas (que los hijos se acomoden por medio de coordenadas y distancia de una arista). Objetivo de la prueba: Validar las funcionalidades estructurales de nodos y aristas; contenedores, creación de formas, transformaciones. Descripción de la prueba: Se realiza una guía con pasos básicos a seguir, se cargan modelos y se presentan los elementos que hay que observar para ser evaluados. PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleStateDiagram.json” 4 Tocar en Abrir/Open 5 En el diagrama que se muestra en pantalla, se puede observar 4 nodos (2 en forma de elipses, 2 en forma de rectángulos curvos) y las aristas que conectan. 21 ZoomTI++ - Pruebas de Aceptación Al realizar Double Tap sobre el estado de la izquierda, el nivel de zoom aumenta de forma automática hasta alcanzar el nivel de detalle que muestra la imagen. 6 7 A partir de las imágenes mostradas analizar los resultados según se describe en la sección de resultados esperados. RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN En la imagen se puede observar que se crearon aristas (4 visibles) y nodos (2 en forma de rectángulo curvo y 2 en forma de elipse). Adicionalmente, al conectar los nodos con aristas, se puede observar en funcionamiento la propiedad de anclas. 22 ZoomTI++ - Pruebas de Aceptación En la imagen se puede observar la manera en la que las transformaciones fueron aplicadas tanto a nodos (el tamaño de los nodos naranjas es originalmente igual al de los nodos azules) como a aristas (la orientación de las mismas, grosor, color, etc. Dichas transformaciones son aplicadas a nodos con propiedad de anclas porque como se puede observar, poseen aristas llegando y saliendo de ellos. Finalmente estos elementos contenidos son ubicados en posiciones relativas al nodo padre, haciendo referencia al layout padre e hijo. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Al momento de recrear los pasos de las pruebas se puede observar la recreación del resultado esperado, respetando la forma y conexiones de los diferentes tipos de nodos. Esto ayuda a comprobar que la propiedad de que algunos nodos son anclas está siendo cumplida. Al realizar los pasos finales, se puede observar la manera en la que los nodos y aristas contenedores fueron sometidos de igual manera a transformaciones y siguen conservando su propiedad de trabajar como anclas. Los nodos y aristas interiores están ubicados en posiciones relativas al nodo padre, respaldando la teoría que indica acerca del uso del layout padre e hijo. Resultado de la Prueba: Aprobada 3.9 Test Double-Tap Zoom 23 ZoomTI++ - Pruebas de Aceptación FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 34 - 35 34 - El framework debe permitir hacer Zoom-In en un nodo específico, realizando doble clic en la pantalla Multi-Touch. Descripción Requerimiento(s): 35 - El framework debe permitir hacer Zoom-Out de un nodo específico, realizando doble clic en la pantalla Multi-Touch. Objetivo de la prueba: Descripción de la prueba: Validar las funcionalidades del funcionamiento del gesto Double Tap Se realiza una guía con pasos básicos a seguir, mostrando los resultados esperados después de aplicar de manera predeterminada el gesto Double Tap en sus dos modalidades (Zoom-In - Zoom-Out) PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open En el diagrama que se muestra en pantalla, se puede observar el nivel de zoom estándar, ubicar el dedo y realizar Double Tap (doble contacto de forma rápida) en el punto que indica la imagen. 5 24 ZoomTI++ - Pruebas de Aceptación Después de observar los resultados, repetir la aplicación del Double Tap, como lo indica la siguiente imagen. 6 7 A partir de las imágenes mostradas analizar los resultados según se describe en la sección de resultados esperados. RESULTADOS ESPERADOS DESCRIPCIÓN Al aplicar por primera vez detecta el elemento que se punto de contacto y modifica lograr que la representación ocupe toda la pantalla. IMAGEN el gesto, el sistema encuentra debajo del el nivel de Zoom para máxima del elemento Para el ejemplo que se encuentra en evaluación, debe observarse similar a la imagen adjunta. Al momento de repetir la aplicación del gesto, el nivel de zoom se encuentra en el nivel máximo del nodo en cuestión, por esta razón, detecta que se debe retornar al nivel anterior, ahora el valor de zoom se encuentra centrado al elemento que tenía el énfasis. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN 25 ZoomTI++ - Pruebas de Aceptación Al aplicar los pasos de la prueba, efectivamente a realizar el gesto de manera inicial se enfoca la vista de forma similar a la representada en la imagen de resultados esperados. Al repetir la aplicación del gesto, el nivel de zoom se reduce hasta la imagen representada, efectivamente se vuelve al nivel de zoom inicial pero esta vez centrado sobre el nodo que tenía zoom. Resultado de la Prueba: Aprobada 3.10 Test volver a Zoom inicial FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 36 Descripción Requerimiento(s): 36 - El framework debe permitir volver al nivel de Zoom inicial, a través del uso de un botón. Objetivo de la prueba: Validar el funcionamiento del botón “View Full Model” Descripción de la prueba: Se realiza una guía con pasos básicos a seguir, mostrando los resultados esperados después de usar el botón “View Full Model” PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open 5 En el diagrama que se muestra en pantalla, se puede observar el nivel de zoom estándar, ubicar el dedo y 26 ZoomTI++ - Pruebas de Aceptación realizar Double Tap (doble contacto de forma rápida) en el punto que indica la imagen. Repetir la aplicación del Double Tap, como lo indica la siguiente imagen. 6 Realizar tap en el botón “View Full Model” como se muestra en la imagen a continuación: 7 8 A partir de las imágenes mostradas analizar los resultados según se describe en la sección de resultados esperados. RESULTADOS ESPERADOS 27 ZoomTI++ - Pruebas de Aceptación DESCRIPCIÓN IMAGEN Al aplicar por primera vez el gesto double tap en el nodo Washing Machine, el sistema debería mostrar una imagen parecida a la mostrada. Al volver a hacer double tap sobre el nodo Centrifuge, el sistema acerca el mismo y muestra una imagen parecida a la mostrada. Al hacer el gesto tap en el botón “View Full Model”, el sistema debe volver a un nivel de zoom alejado y centrado, para poder así visualizar el modelo en su totalidad. Se debería ver una imagen parecida a la mostrada. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Para la primera imagen esperada, el resultado como ya se ha verificado es efectivamente el 28 ZoomTI++ - Pruebas de Aceptación mostrado en el framework. Al continuar con el gesto de double tap en el Nodo interior , se confirma el resultado esperado con el real Aplicando el paso 7, se muestra el modelo en su totalidad, como era esperado después de realizar cada uno de los pasos mencionados, cumpliendo así la funcionalidad del botón “View Full Model” Resultado de la Prueba: Aprobada 3.11 Test volver un nivel FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 37 Descripción Requerimiento(s): 37 - El framework debe permitir volver al nivel de Zoom del nodo padre, a través del uso de un botón. Objetivo de la prueba: Validar el funcionamiento del botón “Go Back one level” Descripción de la prueba: Se realiza una guía con pasos básicos a seguir, mostrando los resultados esperados después de usar el botón “Go back one level” PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 29 ZoomTI++ - Pruebas de Aceptación 1 Ejecutar el framework 2 Al ejecutar, debe aparecer la pantalla de selección de archivo 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open En el diagrama que se muestra en pantalla, se puede observar el nivel de zoom estándar, ubicar el dedo y realizar Double Tap (doble contacto de forma rápida) en el punto que indica la imagen. 5 Repetir la aplicación del Double Tap, como lo indica la siguiente imagen. 6 7 Realizar tap en el botón “Go back one level” como se muestra en la imagen a continuación: 30 ZoomTI++ - Pruebas de Aceptación 8 A partir de las imágenes mostradas analizar los resultados según se describe en la sección de resultados esperados. RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN Al aplicar por primera vez el gesto double tap en el nodo Washing Machine, el sistema debería mostrar una imagen parecida a la mostrada. Al volver a hacer double tap sobre el nodo “Centrifuge”, el sistema acerca el mismo y muestra una imagen parecida a la mostrada. 31 ZoomTI++ - Pruebas de Aceptación Al hacer el gesto tap en el botón “Go back one level”, el sistema debe volver a un nivel de zoom atrás es decir, al de su contenedor, como se muestra en la imagen. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Para la primera imagen esperada, el resultado como ya se ha verificado es efectivamente el mostrado en el framework. Al continuar con el gesto de double tap en el Nodo interior , se confirma el resultado esperado con el real Aplicando el paso 7, se muestra el contenedor del nodo Centrifuge tal como se esperaba, por lo cual el funcionamiento del botón “Go back one level” es aprobado. Resultado de la Prueba: Aprobada 32 ZoomTI++ - Pruebas de Aceptación 3.12 Test Carga Diagrama usando botón FORMATO DE PRUEBA DE ACEPTACIÓN Núm. Requerimiento(s): 38 Descripción Requerimiento(s): 38 - El framework debe permitir realizar la lectura de un nuevo archivo con formato .JSON, a través del uso de un botón. Objetivo de la prueba: Validar las funcionalidades de carga de especificaciones del modelo (diagramas), usando el botón “Load Another Model” Descripción de la prueba: Se realiza una guía de la manera en la que se debe cargar un diagrama previamente conocido y verificando que el resultado en pantalla sea igual al esperado a su vez, sin cerrar el framework, y usando el botón “Load Another Model” cargar un nuevo diagrama PRECONDICIONES 1 Contar con la carpeta de ejemplos en el equipo que ejecutará la prueba (viene incluida en el repositorio de ZoomTI++). 2 El framework no se debe encontrar en ejecución. PASOS DE LA PRUEBA 1 Ejecutar el framework Al ejecutar, debe aparecer la pantalla de selección de archivo, ver imagen. 2 3 Buscar la carpeta “Examples” y seleccionar el archivo “exampleEcoreDiagram.json” 4 Tocar en Abrir/Open 5 Hacer tap en el botón “Load Another Model” 6 Al hacerlo debe aparecer la pantalla de selección de archivo como se muestra a continuación. 33 ZoomTI++ - Pruebas de Aceptación 7 Buscar la carpeta “Examples” y seleccionar el archivo “exampleStateDiagram.json” 8 Clic en Abrir/Open RESULTADOS ESPERADOS DESCRIPCIÓN IMAGEN Al abrir el ejemplo “exampleEcoreDiagram.json” se debe observar un diagrama como el mostrado en la imagen. Al usar el botón “Load another model” y haber cargado el archivo “exampleStateDiagram.json” se debe mostrar un diagrama como el de la siguiente imagen. RESULTADOS OBTENIDOS DESCRIPCIÓN IMAGEN Se muestra la pantalla de selección de 34 ZoomTI++ - Pruebas de Aceptación archivo en donde se escoge el archivo “exampleEcoreDiagram.json” Al cargar el archivo se muestra el siguiente diagrama. Lo que produce con gran nivel de similitud lo descrito en los resultados esperados. Se muestra la pantalla de selección de archivo, al hacer tap en el botón “Load Another Model” en donde se escoge el archivo “exampleStateDiagram.json” Al cargar el archivo se muestra el siguiente diagrama. Al ser los resultados esperados acordes a los reales, la prueba es aceptada. Resultado de la Prueba: Aprobada 35 ZoomTI++ - Pruebas de Aceptación Referencias 1. E. Montenegro, D. Rico, “Especificación de Requerimientos”, Pontificia Universidad Javeriana: http://pegasus.javeriana.edu.co/~CIS1510AP01/documents/Especificaci%C3%B3n%20de%20Re querimientos.xlsx [Último acceso: 23-Mayo-2015]. 2. E. Montenegro, D. Rico, “ZoomTI++”, Pontificia Universidad Javeriana: https://www.youtube.com/watch?v=eBo0PRWQQcg video explicativo [Última reproducción: 18Junio-2015]. 36