Desglosando la complejidad en las pruebas

Rate this content
Bookmark

Aprende sobre las razones más comunes de la complejidad en las pruebas, cómo se manifiesta y cómo lidiar con esa complejidad para producir pruebas elegantes incluso para los sistemas más complejos.

This talk has been presented at TestJS Summit 2022, check out the latest edition of this JavaScript Conference.

FAQ

La complejidad en las pruebas se refiere a la cualidad o estado de ser difícil de escribir, entender y mantener una prueba, afectando tanto al sistema que se está probando como a las pruebas que se están escribiendo.

Para abordar la complejidad, Artem sugiere establecer una estrategia clara de pruebas, comenzar probando los caminos más críticos, adoptar la filosofía de probar como el usuario, invertir en una buena configuración de pruebas y utilizar la testabilidad del sistema como una verificación implícita de la calidad del diseño del código.

Artem recomienda comenzar probando las rutas más críticas para el usuario, como los flujos de registro o de pago en un producto de comercio electrónico, para ponerse en el camino correcto.

Una buena configuración de pruebas crea un entorno donde cualquier prueba necesaria puede ejecutarse sin problemas, ayudando a mitigar la complejidad y facilitando la simulación de solicitudes HTTP, bases de datos de prueba y otros efectos secundarios del código.

Simplificar las afirmaciones ayuda a reducir la complejidad y la repetitividad, haciendo que las pruebas sean más comprensibles y fáciles de mantener, lo cual es crucial especialmente cuando se enfrentan problemas críticos que requieren una rápida comprensión y resolución.

Un mal diseño o una mala arquitectura del código pueden hacer que sea realmente difícil realizar pruebas efectivas, ya que la testabilidad del sistema es una prueba implícita de su calidad. Mejorar la calidad del código conduce directamente a pruebas más eficientes y manejables.

Artem sugiere mantener la estructura de las pruebas plana, reducir la repetición en la fase de acción, utilizar afirmaciones explícitas y simples, y dividir las pruebas en archivos separados para facilitar la gestión y el mantenimiento.

Artem Zakharchenko
Artem Zakharchenko
15 min
03 Nov, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La charla de hoy analiza la complejidad en las pruebas y cómo lidiar efectivamente con ella. El orador enfatiza la importancia de probar rutas críticas orientadas al usuario y modelar las pruebas desde la perspectiva del usuario. También resalta la importancia de crear una configuración de pruebas que permita que cualquier prueba se ejecute sin problemas y la testabilidad implícita de un sistema bien diseñado. La charla explora el impacto de elegir el entorno de pruebas adecuado, el papel de la configuración de pruebas en la mitigación de la complejidad y la importancia de la estructura y las expectativas de las pruebas. El orador proporciona consejos prácticos para abordar la complejidad en las pruebas, como mantener las pruebas planas, utilizar utilidades auxiliares y dividir las pruebas en archivos separados.
Available in English: Dissecting Complexity in Tests

1. Introducción a la Complejidad en las Pruebas

Short description:

Hoy, me gustaría hablar sobre la complejidad en las pruebas. La complejidad está destinada a ocurrir, pero es cómo elegimos lidiar con ella lo que importa. La complejidad en las pruebas puede provenir del sistema que se está probando o de las propias pruebas. Al enfrentar la complejidad del sistema, comience probando las rutas más críticas para el usuario. En cuanto a las pruebas, modele desde la perspectiva del usuario e invierta lo suficiente en la configuración de las pruebas.

Hola a todos. Mi nombre es Artem y soy ingeniero de software en Kotlinbox. Hoy me gustaría hablar sobre la complejidad en las pruebas, pero antes de comenzar, permítanme hacerles una pregunta simple. ¿Alguna vez han sentido que escribir una prueba para una funcionalidad requeriría más tiempo y esfuerzo que la propia funcionalidad? Bueno, al igual que yo, ustedes también lo han sentido. Entonces, es probable que estuvieran lidiando con una o tal vez varias formas en las que la complejidad puede manifestarse en su base de código.

Pero no deberían sentirse mal al respecto, porque no importa qué tan buenos ingenieros seamos y qué código increíble escribamos, la complejidad está destinada a ocurrir. Está bien. La complejidad en sí misma no es el problema. Lo que importa es cómo elegimos lidiar o no lidiar con cómo se manifiesta. Y aunque la complejidad puede ser un tema amplio, para el propósito de la charla de hoy, me gustaría referirme a ella como una cualidad o estado de ser difícil de escribir, entender y mantener una prueba. Y cuando se trata de la complejidad en las pruebas, se puede dividir en dos grupos principales. Es la complejidad que proviene del sistema que estamos probando, y esto puede ser cualquier código. Un componente de React, un controlador de ruta en el backend o una biblioteca de JavaScript. Y la complejidad que proviene de las pruebas que estamos escribiendo.

Así que comencemos desde el sistema. Y una de las formas más comunes en las que las personas se encuentran con la complejidad, proveniente del código que prueban, es que no saben qué probar. Estoy bastante seguro de que han estado en esta situación. Abren un archivo existente y parece que está haciendo todo lo posible en el universo, y no tienen ni idea de cómo abordar eso en las pruebas. Bueno, en realidad hay una gran regla que pueden seguir en estas situaciones. Es, cuando tengan dudas, comiencen probando las rutas más críticas para el usuario. Entonces, si están construyendo un producto de comercio electrónico, comenzar una estrategia de pruebas desde un flujo de registro o un flujo de pago tiene mucho sentido. Y si están desarrollando herramientas internas o bibliotecas, entonces comiencen desde esos flujos felices que los usuarios esperan, y eso los pondrá en el camino correcto.

Y luego, cuando sepan qué probar, el siguiente problema más grande, el próximo desafío, es cómo probar eso. Y creo que muy a menudo, cuando nos sentimos luchando con cómo abordar las pruebas, es porque podemos estar pasando por alto algún tipo de filosofía de pruebas. Y uno de los enfoques más útiles que he adoptado a lo largo de los años es probar como el usuario. Lo que significa es que cuando escriban una prueba, traten de modelarla desde la perspectiva del usuario. Entonces, las acciones de prueba que realicen emularán las acciones que ese usuario haría con su software. Y las afirmaciones que escriban realmente reflejarán las expectativas del usuario como resultado de sus acciones. Y luego, otra cosa que ayuda enormemente es cuando invierten lo suficiente en la configuración de las pruebas. Y siento que esto se pasa por alto con demasiada frecuencia y es una lástima, porque la configuración de las pruebas es quizás una de las fases más importantes que trata con la complejidad.

2. Complejidad en las Pruebas: Propósito y Testabilidad

Short description:

El objetivo de esta fase es crear un universo donde cualquier prueba pueda ejecutarse sin problemas. Cada prueba debe tener un propósito, que es describir la intención detrás del sistema. Probar la testabilidad de un sistema es una prueba implícita en sí misma. Los sistemas mal diseñados son difíciles de probar, mientras que los sistemas bien diseñados facilitan las pruebas.

Debido a que el objetivo de esta fase es crear este universo, esta caja, donde cualquier prueba puede ejecutarse, o cualquier prueba que desee escribir puede ejecutarse sin problemas. Y hablaré sobre la configuración de las pruebas un poco más adelante en la charla.

Bien, cuando sabes qué probar y cómo probar, es posible que te encuentres con otro problema que es escribir demasiadas pruebas. Y puede sonar como algo bueno al principio, pero en realidad no lo es porque cada prueba debe tener un propósito. Y a menudo parecemos olvidar el propósito detrás de las pruebas en general.

Y escribimos pruebas no para obtener cobertura de código o para que CI pase, aunque queremos eso. En realidad, escribimos pruebas por una sola razón. Y es que escribimos pruebas para describir la intención detrás del sistema. Piénsalo. Cada vez que escribes una pieza de lógica en tu código, tienes alguna intención. Quieres que ese código haga algo. Pero a menos que tengas una prueba automatizada para validar esa intención, no tienes ninguna prueba de que tu código funcione como se espera.

Entonces, la próxima vez que te enfrentes a una prueba, hazte una pregunta. ¿Lo que estoy testing está realmente relacionado con la intención detrás de este código? Porque si no lo está, es probable que puedas eliminar esta prueba y aún no perder valor en tu configuración de pruebas.

Y luego, la otra cosa es que, bueno, el mundo real es mucho más complejo que eso. Y a veces hay sistemas objetivamente complejos, ¿verdad? ¿O no? Porque una cosa que me encanta de las pruebas es que la testabilidad del sistema es una prueba implícita en sí misma.

Ahora, lo que esto significa es que cuando tienes sistemas mal diseñados, mal arquitecturados, como consecuencia, serán realmente difíciles de probar. Y lo contrario también es cierto. Permíteme darte algunos ejemplos de cómo se manifiesta esto.

Entonces, en esta función obtener usuario, obtenemos el usuario de la database. Pero también obtenemos todas las publicaciones del usuario. Y esto parece que no pertenece aquí. Porque ahora, para probar correctamente esta función, también necesitamos simular todo lo relacionado con las publicaciones. Y esto es un desafío. Lo que tal vez sería el enfoque adecuado aquí sería dividir esta función en dos y probarlas por separado, lo que sería mucho más fácil.

Otro ejemplo está relacionado con las dependencias que nuestro código introduce. Como este controlador de carrito de compras. Puedes ver que en el constructor, creamos una nueva conexión de database. Tal vez eso no sea una buena idea porque para probar este controlador ahora, necesitamos simular implícitamente este constructor de database de alguna manera. ¿Por qué no simplemente pasarlo como argumento al constructor, hacer inyección de dependencias y así permitirnos probar, por ejemplo, contra la database de prueba durante las pruebas, lo que haría toda esta experiencia mucho más fácil.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Escalando con Remix y Micro Frontends
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Escalando con Remix y Micro Frontends
Top Content
This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.
Solicitudes de Red con Cypress
TestJS Summit 2021TestJS Summit 2021
33 min
Solicitudes de Red con Cypress
Top Content
Cecilia Martinez, a technical account manager at Cypress, discusses network requests in Cypress and demonstrates commands like cydot request and SCI.INTERCEPT. She also explains dynamic matching and aliasing, network stubbing, and the pros and cons of using real server responses versus stubbing. The talk covers logging request responses, testing front-end and backend API, handling list length and DOM traversal, lazy loading, and provides resources for beginners to learn Cypress.
Testing Pyramid Makes Little Sense, What We Can Use Instead
TestJS Summit 2021TestJS Summit 2021
38 min
Testing Pyramid Makes Little Sense, What We Can Use Instead
Top Content
Featured Video
Gleb Bahmutov
Roman Sandler
2 authors
The testing pyramid - the canonical shape of tests that defined what types of tests we need to write to make sure the app works - is ... obsolete. In this presentation, Roman Sandler and Gleb Bahmutov argue what the testing shape works better for today's web applications.
Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Haciendo JavaScript en WebAssembly Rápido
JSNation Live 2021JSNation Live 2021
29 min
Haciendo JavaScript en WebAssembly Rápido
Top Content
WebAssembly enables optimizing JavaScript performance for different environments by deploying the JavaScript engine as a portable WebAssembly module. By making JavaScript on WebAssembly fast, instances can be created for each request, reducing latency and security risks. Initialization and runtime phases can be improved with tools like Wiser and snapshotting, resulting in faster startup times. Optimizing JavaScript performance in WebAssembly can be achieved through techniques like ahead-of-time compilation and inline caching. WebAssembly usage is growing outside the web, offering benefits like isolation and portability. Build sizes and snapshotting in WebAssembly depend on the application, and more information can be found on the Mozilla Hacks website and Bike Reliance site.

Workshops on related topic

Diseñando Pruebas Efectivas con la Biblioteca de Pruebas de React
React Summit 2023React Summit 2023
151 min
Diseñando Pruebas Efectivas con la Biblioteca de Pruebas de React
Top Content
Featured Workshop
Josh Justice
Josh Justice
La Biblioteca de Pruebas de React es un gran marco para las pruebas de componentes de React porque responde muchas preguntas por ti, por lo que no necesitas preocuparte por esas preguntas. Pero eso no significa que las pruebas sean fáciles. Todavía hay muchas preguntas que tienes que resolver por ti mismo: ¿Cuántas pruebas de componentes debes escribir vs pruebas de extremo a extremo o pruebas de unidad de nivel inferior? ¿Cómo puedes probar una cierta línea de código que es difícil de probar? ¿Y qué se supone que debes hacer con esa persistente advertencia de act()?
En esta masterclass de tres horas, presentaremos la Biblioteca de Pruebas de React junto con un modelo mental de cómo pensar en el diseño de tus pruebas de componentes. Este modelo mental te ayudará a ver cómo probar cada bit de lógica, si debes o no simular dependencias, y ayudará a mejorar el diseño de tus componentes. Te irás con las herramientas, técnicas y principios que necesitas para implementar pruebas de componentes de bajo costo y alto valor.
Tabla de contenidos- Los diferentes tipos de pruebas de aplicaciones de React, y dónde encajan las pruebas de componentes- Un modelo mental para pensar en las entradas y salidas de los componentes que pruebas- Opciones para seleccionar elementos DOM para verificar e interactuar con ellos- El valor de los mocks y por qué no deben evitarse- Los desafíos con la asincronía en las pruebas de RTL y cómo manejarlos
Requisitos previos- Familiaridad con la construcción de aplicaciones con React- Experiencia básica escribiendo pruebas automatizadas con Jest u otro marco de pruebas unitarias- No necesitas ninguna experiencia con la Biblioteca de Pruebas de React- Configuración de la máquina: Node LTS, Yarn
Master Patrones de JavaScript
JSNation 2024JSNation 2024
145 min
Master Patrones de JavaScript
Featured Workshop
Adrian Hajdin
Adrian Hajdin
Durante este masterclass, los participantes revisarán los patrones esenciales de JavaScript que todo desarrollador debe conocer. A través de ejercicios prácticos, ejemplos del mundo real y discusiones interactivas, los asistentes profundizarán su comprensión de las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables. Al final del masterclass, los participantes ganarán confianza en su capacidad para escribir código JavaScript de alta calidad que perdure en el tiempo.
Puntos Cubiertos:
1. Introducción a los Patrones de JavaScript2. Patrones Fundamentales3. Patrones de Creación de Objetos4. Patrones de Comportamiento5. Patrones Arquitectónicos6. Ejercicios Prácticos y Estudios de Caso
Cómo Ayudará a los Desarrolladores:
- Obtener una comprensión profunda de los patrones de JavaScript y sus aplicaciones en escenarios del mundo real- Aprender las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables- Mejorar las habilidades de resolución de problemas y la legibilidad del código- Mejorar la colaboración y comunicación dentro de los equipos de desarrollo- Acelerar el crecimiento profesional y las oportunidades de avance en la industria del software
Cómo empezar con Cypress
TestJS Summit 2022TestJS Summit 2022
146 min
Cómo empezar con Cypress
Featured WorkshopFree
Filip Hric
Filip Hric
La web ha evolucionado. Finalmente, también lo ha hecho el testing. Cypress es una herramienta de testing moderna que responde a las necesidades de testing de las aplicaciones web modernas. Ha ganado mucha popularidad en los últimos años, obteniendo reconocimiento a nivel mundial. Si has estado esperando aprender Cypress, ¡no esperes más! Filip Hric te guiará a través de los primeros pasos sobre cómo empezar a usar Cypress y configurar tu propio proyecto. La buena noticia es que aprender Cypress es increíblemente fácil. Escribirás tu primer test en poco tiempo y luego descubrirás cómo escribir un test de extremo a extremo completo para una aplicación web moderna. Aprenderás conceptos fundamentales como la capacidad de reintentar. Descubre cómo trabajar e interactuar con tu aplicación y aprende cómo combinar pruebas de API y de UI. A lo largo de todo este masterclass, escribiremos código y realizaremos ejercicios prácticos. Saldrás con una experiencia práctica que podrás aplicar a tu propio proyecto.
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.
Detox 101: Cómo escribir pruebas de extremo a extremo estables para su aplicación React Native
React Summit 2022React Summit 2022
117 min
Detox 101: Cómo escribir pruebas de extremo a extremo estables para su aplicación React Native
Top Content
WorkshopFree
Yevheniia Hlovatska
Yevheniia Hlovatska
A diferencia de las pruebas unitarias, las pruebas de extremo a extremo buscan interactuar con su aplicación tal como lo haría un usuario real. Y como todos sabemos, puede ser bastante desafiante. Especialmente cuando hablamos de aplicaciones móviles.
Las pruebas dependen de muchas condiciones y se consideran lentas e inestables. Por otro lado, las pruebas de extremo a extremo pueden dar la mayor confianza de que su aplicación está funcionando. Y si se hace correctamente, puede convertirse en una herramienta increíble para aumentar la velocidad del desarrollador.
Detox es un marco de pruebas de extremo a extremo en caja gris para aplicaciones móviles. Desarrollado por Wix para resolver el problema de la lentitud e inestabilidad y utilizado por React Native en sí como su herramienta de pruebas E2E.
Únete a mí en esta masterclass para aprender cómo hacer que tus pruebas de extremo a extremo móviles con Detox sean excelentes.
Prerrequisitos- iOS/Android: MacOS Catalina o más reciente- Solo Android: Linux- Instalar antes de la masterclass
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
React Day Berlin 2022React Day Berlin 2022
86 min
Uso de CodeMirror para construir un editor de JavaScript con Linting y AutoCompletado
Top Content
WorkshopFree
Hussien Khayoon
Kahvi Patel
2 authors
Usar una biblioteca puede parecer fácil a primera vista, pero ¿cómo eliges la biblioteca correcta? ¿Cómo actualizas una existente? ¿Y cómo te abres camino a través de la documentación para encontrar lo que quieres?
En esta masterclass, discutiremos todos estos puntos finos mientras pasamos por un ejemplo general de construcción de un editor de código usando CodeMirror en React. Todo mientras compartimos algunas de las sutilezas que nuestro equipo aprendió sobre el uso de esta biblioteca y algunos problemas que encontramos.