====== Grabar y reproducir ====== La función de Grabación y Reproducción facilita el proceso de mapeo de los pasos de un diagrama UML existente con los pasos reales de una aplicación. Es una ayuda en el proceso de modelado y mapeado, que se debe utilizar con el resto de las herramientas de TAST. Selenium IDE es una extensión de Chrome o Firefox que le permite grabar, editar y ejecutar pruebas, también conocido como Selenium Recorder.\\ \\ =====Instalación===== Instale Selenium IDE desde la tienda web Chrome o Firefox. Selenium IDE registra múltiples localizadores para cada elemento con el que interactúa. Mediante el uso de la orden de marcha, puede reutilizar un caso de prueba dentro de otro. Al iniciar el IDE se le presentará un diálogo de bienvenida. Esto le dará acceso rápido a las siguientes opciones:\\ \\ {{ :en:selenium1.jpg?direct&600 |}} * Registrar una nueva prueba en un nuevo proyecto. * Abrir un proyecto existente. * Crear un nuevo proyecto. * Cerrar el IDE. Si es la primera vez que utiliza el IDE (o está iniciando un nuevo proyecto), seleccione la primera opción. Después de completar esta configuración, se abrirá una nueva ventana del navegador\\ \\ {{ :en:selenium2.jpg?direct&400 |}}\\ se cargará la URL base\\ \\ {{ :en:selenium3.jpg?direct&400 |}}\\ y se iniciará la grabación\\ \\ {{ :en:selenium4.jpg?direct&400 |}} =====Guardar tu trabajo===== Para guardar todo lo que acaba de hacer en el IDE, haga click en el icono de guardar en la esquina superior derecha del IDE.\\ \\ {{ :en:selenium5.jpg?direct&600 |}}\\ \\ Le pedirá que indique la ubicación y el nombre del lugar donde desea guardar el proyecto. El resultado final es un único archivo con extensión.side.\\ \\ {{ :en:selenium6.jpg?direct&600 |}}\\ Puede importar el archivo guardado del registro de Selenium IDE en el Tast Web.\\ \\ En la primera versión de Selenium Record sólo se pueden importar los pasos creados a la versión anterior.\\ El diagrama creado debe contener dos adaptadores Objeto de Usuario y un adaptador GUI. Cada nuevo comando importado del archivo Selenium Record se convertirá a la función Tast y creará e insertará un mensaje después del último mensaje del diagrama si procede. El botón de importación para la funcionalidad de Selenium Record se encuentra en la esquina superior derecha de Tast Web. Para iniciar la importación debe seleccionar el archivo record.side generado, Dominio, Proyecto, Carpeta y Diagrama.\\ \\ La siguiente versión de Selenium Record permitirá importar por primera vez el archivo record.side generado sin necesidad de crear previamente un diagrama de usuario.\\ \\ https://www.seleniumhq.org/selenium-ide/docs/en/introduction/getting-started/\\ \\ {{:en:input.png?nolink|}}\\ \\ =====Instrucciones para el uso del Selenium IDE en TAST===== ====Selenium IDE==== * Descargue la aplicación Selenium IDE desde este enlace (debería usar Chrome):\\ https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd/related\\ \\ * Instalar la extensión de Selenium IDE en Chrome.\\ \\ {{:en:10-pressinextensionseleniumide.jpg?nolink|}}\\ \\ * Abra Selenium IDE, para crear un TS:\\ \\ {{:en:11-chooseaseleniumproject.jpg?nolink|}}\\ \\ * Establezca la url de la página inicial que desea iniciar la grabación y pulse el botón REC para iniciar la grabación.\\ \\ {{:en:12-seleniumrecording.jpg?nolink|}}\\ \\ {{:en:11b-startrecordingaseleniumproject.jpg?nolink|}}\\ \\ * Inicie la navegación. Puede hacer una pausa y detenerse en cualquier momento. Su navegación se está grabando en el IDE mientras navega por las páginas y las opciones.\\ \\ {{:en:13-navigationpausesandstops.jpg?nolink|}}\\ \\ * Detener y guardar el TS:\\ \\ {{:en:14-stopandsave.jpg?nolink|}}\\ ====En TAST==== * En tu navegador haz click en el botón de grabar en Selenium IDE para empezar a hacer tu grabación de la navegación (según se describe en la sección: In Selenium IDE). * Una vez grabada la navegación, estás listo para importarla en TAST. En TAST en el menú de Modeling selecciona el botón de importación de Selenium IDE.\\ 1. Click en el botón de importar grabación de Selenium IDE.\\ 2. Selecciona el fichero con tu navegación y arrástralo a la zona de fichero.\\ 3. Acepta la creación del diagrama.\\ \\ {{:en:record_playback_example1.png?800|}}\\ \\ * Aparecerá un mensaje en color naranja informando que el diagrama se ha importado, y es necesario salvarlo. La grabación de Selenium se importará en TAST como un diagrama y podrás guardarlo.\\ \\ {{:en:record_playback_example2.png?800|}}\\ \\ * Ahora, ya es posible lanzar el diagrama siguiendo el procedimiento standard en TAST. * Adicionalmente, es necesario tener en cuenta el siguiente comportamiento de la aplicación: * Si el diagrama no existe, uno nuevo se creará. * Si el usuario o el objeto GUI no existe, uno nuevo se creará. Cuando un nuevo objeto GUI se crea, es creado con la URL de Selenium IDE y con el navegador Microsoft Edge por defecto. * En el caso que ya exista el adaptador GUI en el diagrama, no se creará otro adaptador nuevo y la URL no se actualiza. Los comandos de Selenium IDE son mapeados a este adaptador. * Los mensajes son mapeados al primer adaptador GUI HTML encontrado. Si no existe, es creado como el último objeto en el diagrama. * Los nuevos mensajes son creados siempre al final de los ya existentes. * Es compatible con diagramas ya creados que tienen diferent objetos y mensajes.\\ \\ **IMPORTANTE**: Si el mismo mensaje se importa de nuevo, se añadirán a los ya existentes en el diagrama.