Cómo utilizar Selenium IDE con scripts & Comandos (afirmar, verificar)

Tabla de contenido:

Anonim

Usaremos el sitio web de Mercury Tours como nuestra aplicación web bajo prueba. Es un sistema de reserva de vuelos en línea que contiene todos los elementos que necesitamos para este tutorial. Su URL es http://demo.guru99.com/test/newtours/, y esta será nuestra URL base.

Crear un guión grabando

Creemos ahora nuestro primer script de prueba en Selenium IDE utilizando el método más común: mediante grabación. Luego, ejecutaremos nuestro script usando la función de reproducción.

Paso 1

  • Inicie Firefox y Selenium IDE.
  • Escriba el valor de nuestra URL base: http://demo.guru99.com/test/newtours/.
  • Active el botón Grabar (si aún no está activado de forma predeterminada).
Paso 2

En Firefox, vaya a http://demo.guru99.com/test/newtours/. Firefox debería llevarlo a una página similar a la que se muestra a continuación.

Paso 3
  • Haga clic con el botón derecho en cualquier espacio en blanco dentro de la página, como en el logotipo de Mercury Tours en la esquina superior izquierda. Esto abrirá el menú contextual de Selenium IDE. Nota: No haga clic en ningún objeto o imagen con hipervínculos.
  • Seleccione la opción "Mostrar comandos disponibles".
  • Luego, seleccione "assertTitle exact: Welcome: Mercury Tours". Este es un comando que asegura que el título de la página sea correcto.
Paso 4
  • En el cuadro de texto "Nombre de usuario" de Mercury Tours, escriba un nombre de usuario no válido, "invalidUNN".
  • En el cuadro de texto "Contraseña", escriba una contraseña no válida, "invalidPWD".
Paso 5
  • Haga clic en el botón "Iniciar sesión". Firefox debería llevarte a esta página.
Paso 6

Desactive el botón de grabación para detener la grabación. Su secuencia de comandos ahora debería verse como la que se muestra a continuación.

Paso 7

Ahora que hemos terminado con nuestro script de prueba, lo guardaremos en un caso de prueba. En el menú Archivo, seleccione "Guardar caso de prueba". Alternativamente, puede simplemente presionar Ctrl + S.

Paso 8
  • Elija la ubicación deseada y luego nombre el caso de prueba como "Invalid_login".
  • Haga clic en el botón "Guardar".
Paso 9.

Observe que el archivo se guardó como HTML.

Paso 10.

Vuelva a Selenium IDE y haga clic en el botón Reproducir para ejecutar todo el script. Selenium IDE debería poder replicar todo sin problemas.

Introducción a los comandos de selenio - Selenese

  • Los comandos seleneses pueden tener hasta un máximo de dos parámetros: objetivo y valor.
  • Los parámetros no son necesarios todo el tiempo. Depende de cuántos necesitará el comando.

3 tipos de comandos

Comportamiento

Estos son comandos que interactúan directamente con los elementos de la página.

Ejemplo: el comando "hacer clic" es una acción porque interactúas directamente con el elemento en el que estás haciendo clic.

El comando "escribir" también es una acción porque está poniendo valores en un cuadro de texto, y el cuadro de texto se los muestra a cambio. Existe una interacción bidireccional entre usted y el cuadro de texto.

Accessors

Son comandos que le permiten almacenar valores en una variable.

Ejemplo: el comando "storeTitle" es un descriptor de acceso porque solo "lee" el título de la página y lo guarda en una variable. No interactúa con ningún elemento de la página.

Afirmaciones

Son comandos que verifican si se cumple una determinada condición.

3 tipos de afirmaciones

  • Afirmar . Cuando falla un comando de "aserción", la prueba se detiene inmediatamente.
  • Verificar . Cuando falla un comando de "verificación", Selenium IDE registra esta falla y continúa con la ejecución de la prueba.
  • Espere . Antes de pasar al siguiente comando, los comandos "waitFor" primero esperarán a que se cumpla una determinada condición.
    • Si la condición se vuelve verdadera dentro del período de espera, el paso pasa.
    • Si la condición no se cumple, el paso falla. La falla se registra y la ejecución de la prueba pasa al siguiente comando.
    • De forma predeterminada, el valor de tiempo de espera se establece en 30 segundos. Puede cambiar esto en el cuadro de diálogo Opciones de Selenium IDE en la pestaña General.

Afirmar frente a verificar

Comandos comunes

Mando Número de parámetros Descripción
abierto 0 - 2

Abre una página usando una URL.

click / clickAndWait 1

Hace clic en un elemento específico.

type / typeKeys 2

Escribe una secuencia de caracteres.

verifyTitle / assertTitle 1

Compara el título de la página real con un valor esperado.

verifyTextPresent 1

Comprueba si se encuentra un determinado texto dentro de la página.

verifyElementPresent 1

Comprueba la presencia de un determinado elemento.

verifyTable 2

Compara el contenido de una tabla con los valores esperados.

waitForPageToLoad 1

Pausa la ejecución hasta que la página se carga por completo.

waitForElementPresent 1

Pausa la ejecución hasta que el elemento especificado esté presente.

Cree un script manualmente con Firebug

Ahora, recrearemos el mismo caso de prueba manualmente, escribiendo los comandos. Esta vez, necesitaremos usar Firebug.

Paso 1
  • Abra Firefox y Selenium IDE.
  • Escriba la URL base (http://demo.guru99.com/test/newtours/).
  • El botón de grabación debe estar APAGADO.
Paso 2: haga clic en la línea en blanco superior del Editor.

Escriba "abrir" en el cuadro de texto Comando y presione Entrar.

Paso 3
  • Navegue Firefox a nuestra URL base y active Firebug
  • En el panel del editor de Selenium IDE, seleccione la segunda línea (la línea debajo del comando "abrir") y cree el segundo comando escribiendo "assertTitle" en el cuadro Comando.
  • No dude en utilizar la función de autocompletar.
Paso 4
  • En Firebug, expanda la etiqueta para mostrar la etiqueta .</li> <li>Haga clic en el valor de la etiqueta <title> (que es "Bienvenido: Mercury Tours") y péguelo en el campo Destino del Editor.</li> </ul> </td> </tr> <tr> <td><strong>Paso 5</strong> <ul> <li>Para crear el tercer comando, haga clic en la tercera línea en blanco en el Editor y escriba "escribir" en el cuadro de texto Comando.</li> <li>En Firebug, haga clic en el botón "Inspeccionar".</li> </ul> </td> </tr> <tr> <td>Haga clic en el cuadro de texto Nombre de usuario. Tenga en cuenta que Firebug le muestra automáticamente el código HTML para ese elemento.</td> </tr> <tr> <td><strong>Paso 6</strong> <p>Observe que el cuadro de texto Nombre de usuario no tiene una ID, pero tiene un atributo NAME. Por lo tanto, usaremos su NOMBRE como localizador. Copie el valor de NOMBRE y péguelo en el campo Destino en Selenium IDE.</p> <p>Aún en el cuadro de texto Destino, prefijo "userName" con "name =", lo que indica que Selenium IDE debe apuntar a un elemento cuyo atributo NAME es "userName".</p> <p>Escriba "invalidUN" en el cuadro de texto Valor de Selenium IDE. Su secuencia de comandos de prueba ahora debería verse como la imagen a continuación. Hemos terminado con el tercer comando. Nota: En lugar de UN inválido, puede ingresar cualquier otra cadena de texto. Pero Selenium IDE distingue entre mayúsculas y minúsculas y usted escribe valores / atributos exactamente como en la aplicación.</p> </td> </tr> <tr> <td><strong>Paso 7</strong> <ul> <li>Para crear el cuarto comando, ingrese "tipo" en el cuadro de texto Comando.</li> <li>Nuevamente, use el botón "Inspeccionar" de Firebug para obtener el localizador del cuadro de texto "Contraseña".</li> </ul> <ul> <li> <p>Pegue el atributo NAME ("contraseña") en el campo Destino y anteponga "name ="</p> </li> <li> <p>Escriba "invalidPW" en el campo Valor en Selenium IDE. Su secuencia de comandos de prueba ahora debería verse como la imagen a continuación.</p> </li> </ul> </td> </tr> <tr> <td><strong>Paso 8</strong> <ul> <li>Para el quinto comando, escriba "clickAndWait" en el cuadro de texto Comando en Selenium IDE.</li> <li>Utilice el botón "Inspeccionar" de Firebug para obtener el localizador del botón "Iniciar sesión".</li> </ul> <ul> <li>Pegue el valor del atributo NAME ("inicio de sesión") en el cuadro de texto Destino y anteponga "name =".</li> <li>Su secuencia de comandos de prueba ahora debería verse como la imagen a continuación.</li> </ul> </td> </tr> </tbody> </table> <p><strong>Paso 9:</strong> Guarde el caso de prueba de la misma manera que lo hicimos en la sección anterior.</p> <a id="menu-6"></a> <h2>Uso del botón Buscar</h2> <p><strong>El botón Buscar en Selenium IDE se usa para verificar si lo que pusimos en el cuadro de texto Destino es de hecho el elemento de interfaz de usuario correcto.</strong></p> <p>Usemos el caso de prueba Invalid_login que creamos en las secciones anteriores. Haga clic en cualquier comando con una entrada de Destino, digamos, el tercer comando.</p> <p>Haga clic en el botón Buscar. Observe que el cuadro de texto Nombre de usuario dentro de la página Mercury Tours se resalta por un segundo.</p> <p>Esto indica que Selenium IDE pudo detectar y acceder correctamente al elemento esperado. Si el botón Buscar resaltó un elemento diferente o ningún elemento en absoluto, entonces debe haber algo mal en su secuencia de comandos.</p> <a id="menu-7"></a> <h2>Ejecutar comando</h2> <p><strong>Esto le permite ejecutar cualquier comando sin ejecutar todo el caso de prueba</strong> . Simplemente haga clic en la línea que desea ejecutar y luego haga clic en "Acciones> Ejecutar este comando" en la barra de menú o simplemente presione "X" en su teclado.</p> <p><strong>Paso 1.</strong> Asegúrese de que su navegador esté en la página de inicio de Mercury Tours. Haga clic en el comando que desea ejecutar. En este ejemplo, haga clic en la línea "type | userName | invalidUN".</p> <p><strong>Paso 2.</strong> Presione "X" en su teclado.</p> <p><strong>Paso 3.</strong> Observe que el cuadro de texto para el nombre de usuario se completa con el texto "invalidUN"</p> <p><strong>La ejecución de comandos de esta manera depende en gran medida de la página que Firefox está mostrando actualmente</strong> . Esto significa que si prueba el ejemplo anterior con la página de inicio de Google mostrada en lugar de la de Mercury Tours, su paso fallará porque no hay un cuadro de texto con un atributo "userName" dentro de la página de inicio de Google.</p> <a id="menu-8"></a> <h2>Punto de partida</h2> <p><strong>Un punto de inicio es un indicador que le dice a Selenium IDE qué líneas comenzará la ejecución</strong> . <strong>Su tecla de método abreviado es "S".</strong></p> <p>En el ejemplo anterior, la reproducción comenzará en la tercera línea (escriba | contraseña | invalidPW). <strong>Solo puede tener un punto de inicio en un único script de prueba.</strong></p> <p>El punto de inicio es similar a Ejecutar comando en el sentido de que dependen de la página que se muestra actualmente. El punto de inicio fallará si está en la página incorrecta.</p> <a id="menu-9"></a> <h2>Puntos de interrupción</h2> <p>Los puntos de interrupción son indicadores que le dicen a Selenium IDE dónde pausar automáticamente la prueba. <strong>La tecla de método abreviado es "B".</strong></p> <p>El resaltado amarillo significa que el paso actual está pendiente. Esto prueba que Selenium IDE ha detenido la ejecución en ese paso. <strong>Puede tener varios puntos de interrupción en un caso de prueba.</strong></p> <a id="menu-10"></a> <h2>Paso</h2> <p>Le permite ejecutar comandos sucesivos uno a la vez después de pausar el caso de prueba. Usemos el escenario de la sección anterior "Puntos de interrupción".</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Antes de hacer clic en "Paso".</strong></p> <p>El caso de prueba se detiene en la línea "clickAndWait | login".</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Después de hacer clic en "Paso".</strong></p> <p>La línea "clickAndWait | login" se ejecuta y se detiene en el siguiente comando (verifyTitle | Sign-on: Mercury Tours).</p> <p>Observe que la siguiente línea está en pausa aunque no haya ningún punto de interrupción allí. Este es el propósito principal de la función Paso: ejecuta los comandos siguientes uno a la vez para darle más tiempo para inspeccionar el resultado después de cada paso.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Aspectos importantes a tener en cuenta al utilizar otros formatos en la vista de código fuente</h2> <p><strong>Selenium IDE funciona bien solo con HTML; otros formatos todavía están en modo experimental</strong> . <strong>NO</strong> es <strong>recomendable</strong> crear o editar pruebas usando otros formatos en la vista de código fuente porque todavía se necesita mucho trabajo para que sea estable. A continuación se muestran los errores conocidos a partir de la versión 1.9.1.</p> <ul> <li>No podrá realizar la reproducción ni volver a la vista de tabla a menos que vuelva a HTML.</li> <li>La única forma de agregar comandos de forma segura en el código fuente es registrándolos.</li> <li>Cuando modifica el código fuente manualmente, todo se perderá cuando cambie a otro formato.</li> <li>Aunque puede guardar su caso de prueba mientras está en la Vista de código fuente, Selenium IDE no podrá abrirlo.</li> </ul> <p><strong>La forma recomendada de convertir las pruebas de Selenese es utilizar la opción "Exportar caso de prueba como ..." en el menú Archivo, y no a través de la Vista de origen.</strong></p> <a id="menu-12"></a> <h2>Resumen</h2> <ul> <li>Los scripts de prueba se pueden crear registrando o escribiendo los comandos y parámetros manualmente.</li> <li>Al crear scripts manualmente, se usa Firebug para obtener el localizador.</li> <li>El botón Buscar se utiliza para comprobar que el comando puede acceder al elemento correcto.</li> <li>La Vista de tabla muestra una secuencia de comandos de prueba en forma tabular, mientras que la Vista de origen lo muestra en formato HTML.</li> <li>Cambiar la vista de código fuente a un formato que no sea HTML es todavía experimental.</li> <li>No utilice la vista de código fuente para crear pruebas en otros formatos. En su lugar, utilice las funciones de exportación.</li> <li>Los parámetros no son necesarios todo el tiempo. Depende del comando.</li> <li>Hay tres tipos de comandos:</li> <ul> <li>Acciones: interactúa directamente con los elementos de la página.</li> <li>Accesores: "lee" la propiedad de un elemento y la almacena en una variable.</li> <li>Afirmaciones: compara un valor real con uno esperado.</li> </ul> <li>Las afirmaciones tienen tres tipos:</li> <ul> <li>Afirmar: si falla, los pasos posteriores ya no se ejecutan</li> <li>Verificar: si falla, los pasos siguientes aún se ejecutan.</li> <li>WaitFor: pasa si la condición especificada se cumple dentro del período de tiempo de espera; de lo contrario, fallará</li> </ul> <li>Los comandos más comunes son:</li> <ul> <li>abierto</li> <li>click / clickAndWait</li> <li>type / typeKeys</li> <li>verifyTitle / assertTitle</li> <li>verifyTextPresent</li> <li>verifyElementPresent</li> <li>verifyTable</li> <li>waitForPageToLoad</li> <li>waitForElementPresent</li> </ul> </ul> </div> </article> <div id="container-5533149ee6411a5f99b370c693e87966"></div> </div> </div> </div> </div> </div> <aside class="col-lg-4 sidebar sidebar--right"> <div class="widget widget-popular-posts"> <h2 class="widget-title">Entradas Populares</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222609-what-is-endurance-testing-in-software-testing-with-example" title="¿Qué son las pruebas de resistencia en las pruebas de software? (con ejemplo)" rel="bookmark"><img src="https://cdn.css-code.org/6879435/what_is_endurance_testing_in_software_testing_with_example.png.webp" loading="lazy" alt="¿Qué son las pruebas de resistencia en las pruebas de software? (con ejemplo)" title="¿Qué son las pruebas de resistencia en las pruebas de software? (con ejemplo)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222609-what-is-endurance-testing-in-software-testing-with-example" title="¿Qué son las pruebas de resistencia en las pruebas de software? (con ejemplo)" rel="bookmark">¿Qué son las pruebas de resistencia en las pruebas de software? (con ejemplo) 2024</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222611-reliability-testing-tutorial-what-is-methods-tools-example" title="Tutorial de pruebas de confiabilidad: qué es, métodos, herramientas, ejemplo" rel="bookmark"><img src="https://cdn.css-code.org/3438217/reliability_testing_tutorial_what_is-_methods-_tools-_example.png.webp" loading="lazy" alt="Tutorial de pruebas de confiabilidad: qué es, métodos, herramientas, ejemplo" title="Tutorial de pruebas de confiabilidad: qué es, métodos, herramientas, ejemplo" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222611-reliability-testing-tutorial-what-is-methods-tools-example" title="Tutorial de pruebas de confiabilidad: qué es, métodos, herramientas, ejemplo" rel="bookmark">Tutorial de pruebas de confiabilidad: qué es, métodos, herramientas, ejemplo 2024</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222612-10-best-performance-testing-tools-load-testing-tools-2021" title="10 MEJORES herramientas de prueba de rendimiento - Herramientas de prueba de carga (2021)" rel="bookmark"><img src="https://cdn.css-code.org/6544403/10_best_performance_testing_tools_load_testing_tools_2021.png.webp" loading="lazy" alt="10 MEJORES herramientas de prueba de rendimiento - Herramientas de prueba de carga (2021)" title="10 MEJORES herramientas de prueba de rendimiento - Herramientas de prueba de carga (2021)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222612-10-best-performance-testing-tools-load-testing-tools-2021" title="10 MEJORES herramientas de prueba de rendimiento - Herramientas de prueba de carga (2021)" rel="bookmark">10 MEJORES herramientas de prueba de rendimiento - Herramientas de prueba de carga (2021) 2024</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Los mejores comentarios de la mes</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225729-15-best-jenkins-alternatives-and-competitors-open-sourcepaid" title="15 mejores alternativas y amperios de Jenkins Competidores (código abierto / pago)" rel="bookmark">15 mejores alternativas y amperios de Jenkins Competidores (código abierto / pago)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225730-top-10-best-domain-registrars-in-2021-how-to-buy-a-domain" title="Los 10 MEJORES registradores de dominios en 2021 (Cómo comprar un dominio)" rel="bookmark">Los 10 MEJORES registradores de dominios en 2021 (Cómo comprar un dominio)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225735-25-best-favicon-generators-in-2021" title="25 MEJORES generadores Favicon en 2021" rel="bookmark">25 MEJORES generadores Favicon en 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225736-20-best-web-analytics-tools-to-track-your-website-performance" title="Las 20 mejores herramientas de análisis web para realizar un seguimiento del rendimiento de su sitio web" rel="bookmark">Las 20 mejores herramientas de análisis web para realizar un seguimiento del rendimiento de su sitio web</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225737-difference-between-domain-name-and-web-hosting" title="Diferencia entre nombre de dominio y alojamiento web" rel="bookmark">Diferencia entre nombre de dominio y alojamiento web</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225738-difference-between-blog-and-website" title="Diferencia entre blog y sitio web" rel="bookmark">Diferencia entre blog y sitio web</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225739-19-best-wordpress-hosting-providers-in-2021" title="19 MEJORES proveedores de alojamiento de WordPress en 2021" rel="bookmark">19 MEJORES proveedores de alojamiento de WordPress en 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225740-20-best-cms-content-management-system-in-2021" title="20+ Mejor CMS (Sistema de Gestión de Contenidos) en 2021" rel="bookmark">20+ Mejor CMS (Sistema de Gestión de Contenidos) en 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225741-wix-vs-squarespace-must-know-differences-2021" title="Wix vs.Squarespace: Debes conocer las diferencias (2021)" rel="bookmark">Wix vs.Squarespace: Debes conocer las diferencias (2021)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225742-25-best-wysiwyg-html-editors-freepaid" title="25 mejores editores de HTML WYSIWYG (gratis / de pago)" rel="bookmark">25 mejores editores de HTML WYSIWYG (gratis / de pago)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225743-22-best-free-image-hosting-sites-in-2021" title="Los 22 mejores sitios de alojamiento de imágenes GRATUITOS en 2021" rel="bookmark">Los 22 mejores sitios de alojamiento de imágenes GRATUITOS en 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225744-10-best-gmail-alternative-in-2021" title="10 MEJORES Alternativas de Gmail en 2021" rel="bookmark">10 MEJORES Alternativas de Gmail en 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225745-10-best-free-email-account-and-service-providers-in-2021" title="Los 10 mejores proveedores de servicios y cuentas de correo electrónico gratuitos en 2021" rel="bookmark">Los 10 mejores proveedores de servicios y cuentas de correo electrónico gratuitos en 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225746-25-best-landing-page-builder-tools-in-2021-freepaid" title="25 MEJORES herramientas de creación de páginas de destino en 2021 (gratis / de pago)" rel="bookmark">25 MEJORES herramientas de creación de páginas de destino en 2021 (gratis / de pago)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225747-25-best-grammar-checker-tools-in-2021-free-and-paid" title="25 MEJORES herramientas de corrección gramatical en 2021 (gratis y de pago)" rel="bookmark">25 MEJORES herramientas de corrección gramatical en 2021 (gratis y de pago)</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Artículos Más Populares</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225154-python-lambda-functions-with-examples" title="Funciones de Python Lambda con EJEMPLOS" rel="bookmark"><img src="https://cdn.css-code.org/3070854/python_lambda_functions_with_examples.png.webp" loading="lazy" alt="Funciones de Python Lambda con EJEMPLOS" title="Funciones de Python Lambda con EJEMPLOS" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225154-python-lambda-functions-with-examples" title="Funciones de Python Lambda con EJEMPLOS" rel="bookmark">Funciones de Python Lambda con EJEMPLOS 2024</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225155-python-round-function-with-examples" title="Función python round () con EJEMPLOS" rel="bookmark"><img src="https://cdn.css-code.org/3603793/python_round_function_with_examples.jpg.webp" loading="lazy" alt="Función python round () con EJEMPLOS" title="Función python round () con EJEMPLOS" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225155-python-round-function-with-examples" title="Función python round () con EJEMPLOS" rel="bookmark">Función python round () con EJEMPLOS 2024</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225156-python-range-function-float-list-for-loop-examples" title="Python range () Función: Float, List, For loop Ejemplos" rel="bookmark"><img src="https://cdn.css-code.org/1573624/python_range_function_float-_list-_for_loop_examples.png.webp" loading="lazy" alt="Python range () Función: Float, List, For loop Ejemplos" title="Python range () Función: Float, List, For loop Ejemplos" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225156-python-range-function-float-list-for-loop-examples" title="Python range () Función: Float, List, For loop Ejemplos" rel="bookmark">Python range () Función: Float, List, For loop Ejemplos 2024</a></h3> </div> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer footer--dark"> <div class="container"> <div class="footer__widgets"> <div class="row"> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Entradas Populares</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004254-22-cutting-clipping-paths" title="# 22: Cortar trazados de recorte - Trucos CSS" rel="bookmark"># 22: Cortar trazados de recorte - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004255-23-conditional-stylesheets" title="# 23: Hojas de estilo condicionales - Trucos CSS" rel="bookmark"># 23: Hojas de estilo condicionales - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004256-24-rounded-corners" title="# 24: Esquinas redondeadas - Trucos CSS" rel="bookmark"># 24: Esquinas redondeadas - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004257-200-scroll-to-zoom" title="# 200: Desplácese hasta Zoom - Trucos CSS" rel="bookmark"># 200: Desplácese hasta Zoom - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004259-25-designing-for-wordpress-part-one" title="# 25: Diseño para Wordpress: Primera parte - Trucos CSS" rel="bookmark"># 25: Diseño para Wordpress: Primera parte - Trucos CSS</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">La Elección Del Editor</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224367-how-to-create-credit-memo-in-sap" title="Cómo crear una nota de crédito en SAP" rel="bookmark">Cómo crear una nota de crédito en SAP</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224370-schedule-line-category-determination-tutorial-sap-vov6" title="Tutorial de determinación de categoría de línea de programación: SAP VOV6" rel="bookmark">Tutorial de determinación de categoría de línea de programación: SAP VOV6</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224371-how-to-create-sales-document-type-in-sap" title="Cómo crear un tipo de documento de ventas en SAP" rel="bookmark">Cómo crear un tipo de documento de ventas en SAP</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224372-how-to-create-item-proposal-va51-in-sap" title="Cómo crear una propuesta de artículo VA51 en SAP" rel="bookmark">Cómo crear una propuesta de artículo VA51 en SAP</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8224373-sap-sales-document-tutorial-va01-va02-va03" title="Tutorial de documentos de ventas de SAP: VA01, VA02, VA03" rel="bookmark">Tutorial de documentos de ventas de SAP: VA01, VA02, VA03</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Artículos Más Populares</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002909-column-width" title="Ancho de columna - Trucos CSS" rel="bookmark">Ancho de columna - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002910-column-span" title="Intervalo de columnas - Trucos CSS" rel="bookmark">Intervalo de columnas - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002912-counter-increment" title="Contraincremento - Trucos CSS" rel="bookmark">Contraincremento - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002913-counter-reset" title="Contador de reinicio - Trucos CSS" rel="bookmark">Contador de reinicio - Trucos CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002914-content" title="Contenido - Trucos CSS" rel="bookmark">Contenido - Trucos CSS</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright css-code.org, 2024 Diciembre | <a href="https://css-code.org/about-site" title="Acerca del sitio">Acerca del sitio</a> | <a href="https://css-code.org/contacts" title="Contactos">Contactos</a> | <a href="https://css-code.org/privacy-policy" title="Política de privacidad">Política de privacidad</a>. </p> </div> </div> </footer> <link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body> </html>