{"id":2673,"date":"2023-08-17T12:28:49","date_gmt":"2023-08-17T10:28:49","guid":{"rendered":"https:\/\/orienteed.com\/?p=2673"},"modified":"2023-08-17T13:14:12","modified_gmt":"2023-08-17T11:14:12","slug":"sdk-valido-app-testing-ecommerce","status":"publish","type":"post","link":"https:\/\/orienteed.com\/es\/sdk-valido-app-testing-ecommerce\/","title":{"rendered":"Descubre el Nuevo SDK de Valido App y potencia la validaci\u00f3n visual de tu ecommerce"},"content":{"rendered":"\n

En el evolutivo mundo del desarrollo de software, la calidad y la eficiencia son fundamentales. Es por eso que en Orienteed, estamos entusiasmados de presentar una emocionante mejora para nuestra herramienta Valido<\/a>. Si eres un profesional que busca llevar tus pruebas al siguiente nivel, sigue leyendo para descubrir c\u00f3mo nuestro nuevo SDK puede revolucionar la forma en que te acercas a la validaci\u00f3n de tus aplicaciones de comercio electr\u00f3nico.<\/p>\n\n\n\n

La validaci\u00f3n visual ha demostrado ser una parte esencial del proceso de desarrollo de software, permitiendo a los equipos identificar r\u00e1pidamente problemas de dise\u00f1o, errores de presentaci\u00f3n y otros aspectos visuales cr\u00edticos. Hasta ahora, nuestros clientes han confiado en la interfaz intuitiva de la herramienta Valido Testing<\/a> para llevar a cabo estas pruebas.<\/p>\n\n\n\n

Sin embargo, para aquellos que buscan una mayor flexibilidad y la posibilidad de integrar estas pruebas en sus flujos de trabajo automatizados, hemos desarrollado el SDK de Valido.<\/p>\n\n\n\n

En esta entrada, te explicar\u00e9 c\u00f3mo el SDK de Valido App puede potenciar tus esfuerzos de validaci\u00f3n visual. Desde la creaci\u00f3n e integraci\u00f3n con tus pruebas autom\u00e1ticas.<\/p>\n\n\n\n

\u00a1Prep\u00e1rate para llevar tu proceso de validaci\u00f3n visual al siguiente nivel con el poderoso SDK de Valido!<\/p>\n\n\n\n

\"Valido<\/figure>\n\n\n\n

\u00bfQu\u00e9 es un SDK?<\/h2>\n\n\n\n

Un SDK (Software Development Kit, por sus siglas en ingl\u00e9s) es un conjunto de herramientas y recursos que facilitan la creaci\u00f3n y desarrollo de aplicaciones. Proporciona componentes predefinidos, documentaci\u00f3n y funciones clave para agilizar el proceso de programaci\u00f3n, permitiendo a los desarrolladores crear software de manera eficiente y r\u00e1pida. <\/p>\n\n\n\n

A continuaci\u00f3n te mostrar\u00e9 varios puntos clave por lo cuales El SDK de Valido es importante para la realizaci\u00f3n de pruebas en un ecommerce:<\/h3>\n\n\n\n
    \n
  1. Automatizaci\u00f3n eficiente<\/strong>: Los ecommerce suelen tener una gran cantidad de p\u00e1ginas, productos y variaciones. Gracias al SDK nos permite ahorrar recursos al ejecutar pruebas en todas estas \u00e1reas de manera consistente y r\u00e1pida.\u00a0<\/li>\n\n\n\n
  2. Detecci\u00f3n temprana de problemas<\/strong>: Las pruebas automatizadas a trav\u00e9s del SDK pueden detectar problemas de dise\u00f1o, elementos faltantes o errores de presentaci\u00f3n en etapas iniciales de desarrollo, lo que ayuda a abordar estos problemas antes de que lleguen a los usuarios finales.<\/li>\n\n\n\n
  3. Compatibilidad m\u00faltiple<\/strong>: La mayor\u00eda de ecommerce son puestos a prueba en diversos navegadores y dispositivos. El SDK puede realizar pruebas en diferentes configuraciones para asegurarse de que la experiencia sea coherente en todas las plataformas.<\/li>\n\n\n\n
  4. Ahorro de tiempo y recursos<\/strong>: La automatizaci\u00f3n mediante el SDK reduce la necesidad de realizar pruebas manuales repetitivas, lo que libera al equipo de pruebas para centrarse en aspectos m\u00e1s estrat\u00e9gicos y complejos.\u00a0<\/li>\n<\/ol>\n\n\n\n

    En resumen, el SDK de Valido proporciona a los ecommerce una soluci\u00f3n potente para garantizar la calidad visual y la experiencia de usuario en un entorno online altamente competitivo.<\/p>\n\n\n\n

    \u00bfQu\u00e9 necesitas para usar el SDK de Valido App?<\/h2>\n\n\n\n

    Para empezar a aprovechar el potencial del SDK de Valido es m\u00e1s sencillo de lo que piensas. Solo necesitar\u00e1s un par de elementos esenciales: credenciales AWS IAM y  tus propias credenciales de Valido. Adem\u00e1s aseg\u00farate de contar con un proyecto Java 11.<\/p>\n\n\n\n

    En esta gu\u00eda, te mostraremos una serie de pasos sencillos para realizar la configuraci\u00f3n y empezar a sacarle provecho al SDK de Valido.<\/p>\n\n\n\n

    Credenciales<\/h2>\n\n\n\n

    En primer lugar, necesitamos tener los dos tipos de credenciales necesarias para trabajar con el SDK as\u00ed que ponte en contacto con el equipo de Valido App<\/a> para conseguirlas en caso de que no las tengas.<\/p>\n\n\n\n

    Credenciales de AWS<\/h2>\n\n\n\n

    Las credenciales de AWS son necesarias para escribir datos en S3 y para acceder al repositorio S3 de Maven. Tienes tres formas de configurar estas credenciales:<\/p>\n\n\n\n

    – A\u00f1adirlas al archivo ~\/.aws\/config<\/em>. En caso de que no lo tengas, puedes crearlo:<\/p>\n\n\n\n

     [default]\n    aws_access_key_id= value from AWS access portal\n    aws_secret_access_key= value from AWS access portal<\/code><\/pre>\n\n\n\n
    – Estableciendo variables de entorno: AWS_ACCESS_KEY_ID y `AWS_SECRET_ACCESS_KEY`.<\/p>\n\n\n\n
    – Usando AWS CLI.
    \u2139 Puedes ir a     Proporcionar credenciales temporales al SDK de AWS para Java<\/a> para obtener m\u00e1s detalles sobre las credenciales IAM de AWS.<\/p>\n\n\n\n
    Credenciales de Valido App <\/h2>\n\n\n\n
    Para acceder a la API de Valido y enviar los resultados de la ejecuci\u00f3n, debes crear un archivo de propiedades de Java con la siguiente estructura:<\/p>\n\n\n\n
    username=myusername\npassword=supersecretpassword\nsecretHash=supersecrethash<\/code><\/pre>\n\n\n\n
    Por otro lado, tambi\u00e9n tienes la opci\u00f3n de a\u00f1adirlas mediante variables de entorno: VALIDO_USERNAME, VALIDO_PASSWORD y VALIDO_SECRETHASH.<\/p>\n\n\n\n
    Configuraci\u00f3n del proyecto<\/h2>\n\n\n\n
    El SDK de Valido est\u00e1 almacenado en el repositorio privado de Maven en S3, por eso necesitas la siguiente configuraci\u00f3n en el archivo POM de tu proyecto. En este .pom de ejemplo, las \u00fanicas etiquetas que te deben importar son:\u00a0 <repositories>, <distributionManagement>, <extensions> y el valido-framework<\/em> <dependency>.<\/p>\n\n\n\n
    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<project xmlns=\"http:\/\/maven.apache.org\/POM\/4.0.0\" xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n    xsi:schemaLocation=\"http:\/\/maven.apache.org\/POM\/4.0.0 https:\/\/maven.apache.org\/xsd\/maven-4.0.0.xsd\">\n    <modelVersion>4.0.0<\/modelVersion>\n\n    <groupId>com.orienteed.valido<\/groupId>\n    <artifactId>sdk-test<\/artifactId>\n    <packaging>jar<\/packaging>\n    <version>0.1.0<\/version>\n\n    <repositories>\n        <repository>\n            <id>s3.release<\/id>\n            <name>Orienteed S3 Maven Release Repo<\/name>\n            <url>s3:\/\/maven-repo.orienteed.com\/release<\/url>\n        <\/repository>\n        <repository>\n            <id>s3.snapshot<\/id>\n            <name>Orienteed S3 Maven Snapshot Repo<\/name>\n            <url>s3:\/\/maven-repo.orienteed.com\/snapshot<\/url>\n        <\/repository>\n    <\/repositories>\n       \n    <distributionManagement>\n        <snapshotRepository>\n            <id>s3.snapshot<\/id>\n            <url>s3:\/\/maven-repo.orienteed.com\/snapshot<\/url>\n        <\/snapshotRepository>\n        <repository>\n            <id>s3.release<\/id>\n            <url>s3:\/\/maven-repo.orienteed.com\/release<\/url>\n        <\/repository>\n    <\/distributionManagement>\n   \n    <dependencies>\n        <dependency>\n            <groupId>com.orienteed.valido<\/groupId>\n            <artifactId>valido-framework<\/artifactId>\n            <version>0.13.1-SNAPSHOT<\/version>\n        <\/dependency>\n    <\/dependencies>\n   \n    <build>\n        <plugins>\n            <plugin>\n                <artifactId>maven-compiler-plugin<\/artifactId>\n                <version>3.6.1<\/version>\n                <configuration>\n                    <source>11<\/source>\n                    <target>11<\/target>\n                    <fork>true<\/fork>\n                    <encoding>UTF-8<\/encoding>\n                <\/configuration>\n            <\/plugin>\n            <plugin>\n                <artifactId>maven-surefire-plugin<\/artifactId>\n                <version>2.22.2<\/version>\n            <\/plugin>\n        <\/plugins>\n        <extensions>\n            <extension>\n                <groupId>com.allogy.maven.wagon<\/groupId>\n                <artifactId>maven-s3-wagon<\/artifactId>\n                <version>1.2.0<\/version>\n            <\/extension>\n        <\/extensions>\n    <\/build>\n\n<\/project><\/code><\/pre>\n\n\n\n
    Creando una prueba con el SDK de Valido App<\/h2>\n\n\n\n
    Configurar las propiedades del flow<\/h3>\n\n\n\n
    Primero, antes de empezar con el c\u00f3digo, necesitamos crear un archivo Java .properties para cada flujo. Para Valido un flow <\/em>es un test.<\/p>\n\n\n\n
    env=pro\nsecretsPath=location\/of\/valido-credentials.properties\nregion=ES\nresolution=DESKTOP\ndevice=1400x800\nos=windows\nbrowser=chrome\ndriverPath=location\/of\/driver<\/code><\/pre>\n\n\n\n
    – `env` El entorno de Valido al que va dirigido.<\/p>\n\n\n\n
    – `secretsPath` La ubicaci\u00f3n del archivo de credenciales de Valido.<\/p>\n\n\n\n
    – `region` Debe ser un c\u00f3digo de pa\u00eds ISO de dos letras.<\/p>\n\n\n\n
    – `resolution` La resoluci\u00f3n viene determinada por el dispositivo: DESKTOP, MOBILE, TABLET.<\/p>\n\n\n\n
    – `device` Puedes especificar un ID de dispositivo o una resoluci\u00f3n con el formato *ancho x alto*.<\/p>\n\n\n\n
    – `os` Sistema operativo para la prueba de ejecuci\u00f3n.<\/p>\n\n\n\n
    – `browser` Especifica el navegador donde se ejecutar\u00e1 el test. *chrome, firefox,safari…*<\/p>\n\n\n\n
    – `driverPath` La ubicaci\u00f3n del driver del navegador que se utilizar\u00e1 para ejecutar el test.<\/p>\n\n\n\n
    Es posible que para tus proyectos esta configuraci\u00f3n pueda ser de car\u00e1cter gen\u00e9rico, por lo que para facilitar el proceso puedes establecerlas tambi\u00e9n como variables de entorno. Para establecerlas como variables de entorno deben seguir el siguiente formato: VALIDO_(<\/em>PROPERTY_KEY)<\/em><\/strong>, todo en may\u00fasculas.<\/p>\n\n\n\n
    <\/div>
    \n
    \n
    \n
    <\/i><\/span><\/div>\n\n\n\n
    Suscr\u00edbete a nuestro newsletter.<\/h2>\n\n\n\n
    Recibe las \u00faltimas novedades sobre soluciones digitales, tendencias de la industria, art\u00edculos de expertos y pr\u00f3ximos eventos.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    <\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
    Implementaci\u00f3n de una prueba<\/h2>\n\n\n\n
    Dir\u00edgete a la aplicaci\u00f3n Valido y haz clic en Valido Lab<\/em> [beta] situado en la barra lateral izquierda.En esta secci\u00f3n debes dar un nombre a tu test y seleccionar la marca u organizaci\u00f3n, en la que estar\u00e1 este test, y pulsa sobre el bot\u00f3n crear<\/em>. La aplicaci\u00f3n devuelve un *flow ID<\/em><\/strong>*, debes guardarlo, porque lo necesitar\u00e1s para referenciar este flow<\/em> dentro de nuestro proyecto.<\/p>\n\n\n\n
    \"Valido<\/figure>\n\n\n\n
    Ahora si quieres implementar el SDK en tu test, debes:<\/h3>\n\n\n\n
    – Extender la clase ValidoCore<\/em>. <\/p>\n\n\n\n
    – Pasar el ID del flujo y la ruta de los archivos de propiedades al constructor.<\/p>\n\n\n\n
    package com.orienteed.valido.cores;\n\nimport static org.junit.jupiter.api.Assertions.assertTrue;\n\nimport java.io.IOException;\nimport java.net.URISyntaxException;\n\nimport org.junit.jupiter.api.Test;\n\nimport com.orienteed.valido.api.ValidoAPIException;\n\npublic class SdkExecutor {\n\n    String flowId = \"00000xx0-x000-00xx-0000-0x0x0x0d0xx0\";\n    String path = \"src\/test\/resources\/valido\/chrome-flow-specs.properties\";\n\n    @Test\n    public void test1() throws IOException, ValidoAPIException, URISyntaxException {\n        new SdkFlow(flowId, path).run();\n    }  \n}<\/code><\/pre>\n\n\n\n
    Para poder acceder\u00a0 al driver, solo tienes que hacer uso del m\u00e9todo getDriver()<\/em>. En caso de querer establecer uno, tambien existe el metodo setDriver()<\/em>.<\/h3>\n\n\n\n
    package com.orienteed.valido.cores;\n\nimport java.io.IOException;\nimport java.net.URISyntaxException;\n\nimport com.orienteed.valido.api.ValidoAPIException;\n\npublic class SdkFlow extends ValidoCore {\n\n    public SdkFlow(String flowId, String path) throws IOException, ValidoAPIException, URISyntaxException {\n        super(flowId, path);\n    }\n\n    @Override\n    public void flow() throws IOException, ValidoAPIException {\n        getDriver().get(\"www.valido.ai\");\n        compare(\"Home page\");\n    }\n}<\/code><\/pre>\n\n\n\n
    Ahora ya puedes lanzar tu primera prueba y ver los resultados en Valido App.<\/p>\n\n\n\n
    Integraci\u00f3n con sistemas CI\/CD<\/h2>\n\n\n\n
    Para realizar la integraci\u00f3n con una plataforma como puede ser Jenkins, en este caso es tan simple como establecer en la configuraci\u00f3n de nuestro job las credenciales, siguiendo las reglas de seguridad que est\u00e9n establecidas en tu organizaci\u00f3n y asegurate de que los ficheros .properties<\/em> tienen los par\u00e1metros requeridos. Estos ficheros son mandatorios para el SDK de Valido.<\/p>\n\n\n\n
    Conclusi\u00f3n<\/h2>\n\n\n\n
    En resumen, el nuevo SDK de Valido App ha llegado para transformar la manera en que abordamos la validaci\u00f3n visual en el desarrollo de software. Desde su capacidad para generar pruebas de validaci\u00f3n visual mediante c\u00f3digo hasta su integraci\u00f3n perfecta con herramientas de automatizaci\u00f3n como Jenkins, este SDK es una herramienta poderosa que empodera a los equipos de desarrollo a garantizar una experiencia de usuario impecable.<\/p>\n\n\n\n
    La sinergia entre la facilidad de uso de Valido y la versatilidad del SDK permite a los desarrolladores concentrarse en la creatividad y la innovaci\u00f3n, mientras se aseguran que la apariencia y la funcionalidad de sus aplicaciones est\u00e9n siempre en su mejor forma. Ya sea que est\u00e9s desarrollando una aplicaci\u00f3n web, una aplicaci\u00f3n m\u00f3vil, el SDK de Valido est\u00e1 listo para acompa\u00f1arte en tu viaje hacia la excelencia visual de tu ecommerce.<\/p>\n\n\n\n
    As\u00ed que, \u00bfest\u00e1s listo para dar el salto y explorar el potencial del SDK de Valido? No dudes en comenzar hoy mismo y experimentar de primera mano c\u00f3mo esta nueva herramienta puede mejorar tus flujos de trabajo de validaci\u00f3n visual.<\/p>\n\n\n\n
    En Orienteed, estamos emocionados por la perspectiva de ver c\u00f3mo nuestros clientes aprovechan al m\u00e1ximo esta innovaci\u00f3n en sus procesos de desarrollo. <\/p>\n\n\n\n
    \u00a1\u00danete a nosotros en esta nueva era de validaci\u00f3n visual potenciada por la tecnolog\u00eda de Valido App! Cont\u00e1ctanos aqu\u00ed.<\/a><\/h3>\n","protected":false},"excerpt":{"rendered":"
    Descubre c\u00f3mo el SDK de Valido App puede potenciar tus esfuerzos de validaci\u00f3n visual en ecommerce. Desde la creaci\u00f3n e integraci\u00f3n de pruebas autom\u00e1ticas.<\/p>\n","protected":false},"author":9,"featured_media":2676,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[156],"tags":[133,209,208,96],"class_list":["post-2673","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-valido","tag-qa","tag-sdk","tag-testing","tag-valido"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t