{"id":69605,"date":"2023-10-12T10:33:52","date_gmt":"2023-10-12T10:33:52","guid":{"rendered":"https:\/\/www.zaptest.com\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest"},"modified":"2023-10-12T10:33:52","modified_gmt":"2023-10-12T10:33:52","slug":"automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest","status":"publish","type":"post","link":"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest","title":{"rendered":"Automatizaci\u00f3n \u00e1gil de pruebas DevOps &#8211; El enfoque de automatizaci\u00f3n basado en maquetas de ZAPTEST"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">ZAPTEST ayuda a los desarrolladores a automatizar sus maquetas lo antes posible. Esta funci\u00f3n permite a los equipos adoptar un enfoque Agile\/DevOps durante el  <\/span><span style=\"font-weight: 400;\">fase de dise\u00f1o, lo que les permite empezar de la forma en que pretenden continuar.<\/span><\/p>\n<p>&nbsp;<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #b90000;color:#b90000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #b90000;color:#b90000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#La_importancia_de_las_maquetas\" >La importancia de las maquetas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#Automatizacion_basada_en_maquetas_de_ZAPTEST\" >Automatizaci\u00f3n basada en maquetas de ZAPTEST<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#Paso_1_De_la_maqueta_al_script_de_prueba\" >Paso 1: De la maqueta al script de prueba<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#Paso_2_Anadir_objetos_al_script\" >Paso 2: A\u00f1adir objetos al script<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#Paso_3_Ejecutar_el_script\" >Paso 3: Ejecutar el script<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#1_Generar_documentacion\" >1. Generar documentaci\u00f3n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#2_Ejecucion_paralela\" >2. Ejecuci\u00f3n paralela<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.zaptest.com\/es\/automatizacion-agil-de-pruebas-devops-el-enfoque-de-automatizacion-basado-en-maquetas-de-zaptest\/#Reflexiones_finales\" >Reflexiones finales<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"La_importancia_de_las_maquetas\"><\/span><strong>La importancia de las maquetas<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Las maquetas son una parte esencial de un buen dise\u00f1o UI\/UX. Son mucho m\u00e1s que el siguiente paso de los wireframes. En cambio, ofrecen a desarrolladores y dise\u00f1adores una forma de conceptualizar su producto y convertirlo en algo tangible.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">El uso de maquetas durante las fases de desarrollo permite incorporar los comentarios r\u00e1pidamente. Estas representaciones de alta definici\u00f3n de su producto final ofrecen suficiente realismo como para que pueda hacerse una idea del aspecto de su futura aplicaci\u00f3n.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Las maquetas tambi\u00e9n son una buena forma de que las partes interesadas o los inversores vean si el producto cumple sus expectativas. Y lo que es m\u00e1s importante, si recibes comentarios que te obligan a hacer cambios, es sencillo incorporar estas nuevas opiniones a tu maqueta mucho antes de haber comprometido una l\u00ednea de c\u00f3digo.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Automatizacion_basada_en_maquetas_de_ZAPTEST\"><\/span><strong>Automatizaci\u00f3n basada en maquetas de ZAPTEST<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Una vez que hayas entregado una maqueta con la que todos est\u00e9n contentos, puedes pasar al siguiente paso. Sin embargo, un verdadero enfoque Agile\/DevOps implica la realizaci\u00f3n de pruebas automatizadas lo antes posible. Ahora bien, te preguntar\u00e1s: \u00ab\u00bfc\u00f3mo puedo automatizar las pruebas cuando apenas estoy en la fase de dise\u00f1o?\u00bb. En ZAPTEST, entendemos que las pruebas continuas deben comenzar lo antes posible, por lo que ofrecemos automatizaci\u00f3n basada en maquetas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En este art\u00edculo, le mostraremos c\u00f3mo puede generar scripts de prueba y documentaci\u00f3n a partir de su maqueta y probarla en paralelo en diferentes sistemas operativos.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Paso_1_De_la_maqueta_al_script_de_prueba\"><\/span><strong>Paso 1: De la maqueta al script de prueba<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Puede dise\u00f1ar maquetas de varias maneras. Puedes dibujarlos a mano o utilizar herramientas de dise\u00f1o populares como Figma o Placeit. Sea cual sea el m\u00e9todo que prefiera, tome su producto final y utilice la funci\u00f3n GUI de escaneado de ZAPTESTs para importarlo a nuestra plataforma.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La funci\u00f3n de escaneado de GUI detecta cualquier texto en su maqueta y crea autom\u00e1ticamente objetos relacionados. Adem\u00e1s, el anclaje autom\u00e1tico establece relaciones entre los campos de texto de la maqueta y las etiquetas del script. El resultado es que si mueves un texto espec\u00edfico por la pantalla, todos los elementos relacionados lo seguir\u00e1n autom\u00e1ticamente. Por ejemplo, si tiene una maqueta de una pantalla de inicio de sesi\u00f3n, puede conectar un objeto \u00abNombre de usuario\u00bb a un campo de texto.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Adem\u00e1s, durante esta etapa, puede cambiar los valores por defecto de los nombres de los objetos para garantizar la m\u00e1xima claridad. Esta funci\u00f3n es especialmente \u00fatil si tiene muchos botones diferentes en su maqueta.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Como resultado de este proceso, todos los objetos se almacenan y organizan en el Explorador de Repositorios.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Paso_2_Anadir_objetos_al_script\"><\/span><strong>Paso 2: A\u00f1adir objetos al script<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Una vez que hayas importado y etiquetado tu maqueta, es hora de convertirla en un script de prueba.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para definir un paso en el script de ZAPTEST, basta con localizar el objeto en el Mapa GUI o en el Repositorio de Objetos y hacer doble clic sobre \u00e9l. O puedes arrastrar y soltar objetos en un lugar espec\u00edfico de tu gui\u00f3n. ZAPTEST sugerir\u00e1 una lista de operaciones a elegir para el paso.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Lo primero que debe hacer es a\u00f1adir un paso de validaci\u00f3n que verifique que la p\u00e1gina de destino existe. A continuaci\u00f3n, debe seleccionar \u00abTIPO\u00bb y a\u00f1adir cada elemento de su maqueta (es decir, un \u00abnombre de usuario\u00bb conectado y un campo de texto).  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, puede a\u00f1adir \u00abCLICK\u00bb para cualquier bot\u00f3n en su maqueta que sus usuarios puedan seleccionar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por \u00faltimo, cuando su aplicaci\u00f3n est\u00e9 lista para ser probada, elija el navegador que desee, seleccione LAUNCH y escriba la direcci\u00f3n de la aplicaci\u00f3n. Ahora, puede ejecutar su script contra la aplicaci\u00f3n.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Paso_3_Ejecutar_el_script\"><\/span><strong>Paso 3: Ejecutar el script  <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">La automatizaci\u00f3n de pruebas de maquetas de ZAPTEST es tan potente que el script se ejecuta a la primera sin necesidad de realizar ninguna modificaci\u00f3n. Ahora puede probar su maqueta desde el navegador y hacerse una idea real de la experiencia de usuario de su aplicaci\u00f3n, todo ello sin escribir ning\u00fan c\u00f3digo.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Una vez que la secuencia de comandos est\u00e1 lista, puede a\u00f1adirse a su canal CI\/CD y utilizarse en su marco de pruebas continuas.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Obviamente, esta funci\u00f3n ahorra mucho tiempo. Y lo que es m\u00e1s, tambi\u00e9n significa que los empleados de dise\u00f1o no t\u00e9cnicos pueden transformar sus ideas en aplicaciones funcionales en cuesti\u00f3n de minutos: se acabaron las esperas para poner en marcha las ideas.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sin embargo, el ahorro de tiempo no acaba ah\u00ed; la automatizaci\u00f3n de maquetas de ZAPTEST tambi\u00e9n permite crear documentaci\u00f3n.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Generar_documentacion\"><\/span><strong>1. Generar documentaci\u00f3n<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">ZAPTEST le permite generar documentaci\u00f3n de pruebas con s\u00f3lo pulsar un bot\u00f3n. La documentaci\u00f3n se divide en pasos detallados con una secci\u00f3n de resultados esperados. Lo mejor es que puedes convertir estos documentos a una gran variedad de formatos, como Word, PDF, HTML, XML y CSV. Adem\u00e1s, tambi\u00e9n puede exportar a Micro Focus ALM, Rally (o CA Agile Center), Jira, o Azure DevOps, y muchos otros. Las opciones son infinitas.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Ejecucion_paralela\"><\/span><strong>2. Ejecuci\u00f3n paralela<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">El paso final para nuestra automatizaci\u00f3n de pruebas basada en maquetas implica el uso de ZAPTEST M-RUN. Nuestras potentes herramientas de automatizaci\u00f3n de pruebas de software permiten a los usuarios ejecutar varias secuencias de comandos al mismo tiempo en varias plataformas diferentes. Los usuarios acceden a las aplicaciones a trav\u00e9s de distintos dispositivos y sistemas operativos, por lo que es imprescindible realizar pruebas en cada una de estas propiedades.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Algunas de las plataformas con las que ZAPTEST M-RUN le permite realizar pruebas son Android, iOS, Mac, Linux y Windows. Puede conectar ZAPTEST a dispositivos f\u00edsicos del mundo real y utilizar nuestra plataforma para ejecutar la prueba y gestionar los resultados. Este proceso tambi\u00e9n se basa en la implementaci\u00f3n de ZAPTEST 1SCRIPT, que facilita las pruebas y la ejecuci\u00f3n en diferentes plataformas sin la carga de cambiar el c\u00f3digo de automatizaci\u00f3n para adaptarlo a cada propiedad por separado.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La vista remota en directo permite supervisar las pruebas en paralelo. Una vez finalizada la prueba, puede revisar los resultados de cada dispositivo individual. Estos datos ayudan a garantizar que la aplicaci\u00f3n funcione sin problemas en los distintos dispositivos que utilizan los usuarios.  <\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Reflexiones_finales\"><\/span><strong>Reflexiones finales<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Como sabe cualquier desarrollador de software, las pruebas suelen llegar demasiado tarde. La realizaci\u00f3n de pruebas en una fase posterior del ciclo de desarrollo del software puede revelar problemas que deber\u00edan haberse detectado antes, lo que conlleva costosas reescrituras del c\u00f3digo. Sin embargo, tambi\u00e9n puede hacerse demasiado tarde y provocar grandes retrasos durante el ciclo de vida de desarrollo del software (SDLC).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los dise\u00f1os de maquetas son una gran manera de identificar los problemas de interfaz de usuario \/ UX temprano. Sin embargo, para los equipos Agile\/DevOps, tambi\u00e9n son una oportunidad para implementar pruebas continuas lo antes posible. Gracias a la tecnolog\u00eda de visi\u00f3n por ordenador de ZAPTEST, ahora puedes importar tus maquetas dibujadas a mano o generadas por ordenador, convertirlas en c\u00f3digo y probarlas con los distintos dispositivos que utilizan tus interlocutores.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">A partir de ah\u00ed, puede generar documentaci\u00f3n y resultados de pruebas que aumenten los comentarios sobre la interfaz de usuario y la interfaz de usuario y usuario, garantizando que su aplicaci\u00f3n tenga el mejor comienzo.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; ZAPTEST ayuda a los desarrolladores a automatizar sus maquetas lo antes posible. Esta funci\u00f3n permite a los equipos adoptar un enfoque Agile\/DevOps durante el fase de dise\u00f1o, lo que les permite empezar de la forma en que pretenden continuar. &nbsp; La importancia de las maquetas &nbsp; Las maquetas son una parte esencial de un [&hellip;]<\/p>\n","protected":false},"author":14624,"featured_media":16179,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"La automatizaci\u00f3n de pruebas basada en maquetas de ZAPTEST para Agile DevOps","_seopress_titles_desc":"Descubra c\u00f3mo el enfoque de automatizaci\u00f3n de pruebas basado en maquetas de ZAPTEST ayuda a los equipos \u00e1giles de DevOps a colaborar e infundir agilidad en el ciclo de desarrollo de software.","_seopress_robots_index":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","footnotes":"","beyondwords_generate_audio":"","beyondwords_integration_method":"","beyondwords_project_id":"","beyondwords_content_id":"","beyondwords_preview_token":"","beyondwords_player_content":"","beyondwords_player_style":"","beyondwords_language_code":"","beyondwords_language_id":"","beyondwords_title_voice_id":"","beyondwords_body_voice_id":"","beyondwords_summary_voice_id":"","beyondwords_error_message":"","beyondwords_disabled":"","beyondwords_delete_content":"","beyondwords_podcast_id":"","beyondwords_hash":"","publish_post_to_speechkit":"","speechkit_hash":"","speechkit_generate_audio":"","speechkit_project_id":"","speechkit_podcast_id":"","speechkit_error_message":"","speechkit_disabled":"","speechkit_access_key":"","speechkit_error":"","speechkit_info":"","speechkit_response":"","speechkit_retries":"","speechkit_status":"","speechkit_updated_at":"","_speechkit_link":"","_speechkit_text":""},"categories":[391],"tags":[],"class_list":["post-69605","post","type-post","status-publish","format-standard","has-post-thumbnail","category-guias"],"acf":{"short_name":"ZAPTEST para Agile DevOps"},"_links":{"self":[{"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/posts\/69605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/users\/14624"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/comments?post=69605"}],"version-history":[{"count":0,"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/posts\/69605\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/media\/16179"}],"wp:attachment":[{"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/media?parent=69605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/categories?post=69605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zaptest.com\/es\/wp-json\/wp\/v2\/tags?post=69605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}