Overtesting: por qué ocurre y cómo evitarlo

Rate this content
Bookmark

Overtesting es un problema común con las suites de pruebas unitarias. Es cuando tienes demasiadas pruebas que se rompen con frecuencia y requieren mucho tiempo para mantenerlas en verde. Aquí tienes una nueva perspectiva sobre por qué ocurre esto y cómo puedes evitarlo.

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

FAQ

La sobreresponsabilidad se refiere a tener una cantidad excesiva de pruebas que a menudo son redundantes o innecesarias, lo que puede llevar a invertir demasiado tiempo en mantener y corregir las suites de prueba en lugar de mejorar el código de la aplicación.

El problema principal no es la falta de pruebas, sino la sobreresponsabilidad. Muchos equipos pasan hasta el 75% de su tiempo corrigiendo y manteniendo pruebas en lugar de dedicarse a añadir nuevas funcionalidades o corregir errores en el código de la aplicación.

Solo se necesita que una prueba automatizada falle para que la integración continua (CI) indique un fallo, lo cual es suficiente para levantar una bandera y prevenir que una solicitud de extracción se fusione si hay un problema.

Una forma de reducir el tiempo gastado es mediante la división de pruebas grandes en varias más pequeñas y menos frágiles, enfocándose en aspectos clave del código que son más propensos a cambios, lo que resulta en pruebas más robustas y menos propensas a fallos frecuentes.

Una buena práctica de pruebas ayuda a mantener la calidad y robustez del software, reduce el tiempo y esfuerzo en encontrar y corregir errores, y mejora la productividad del equipo al disminuir el tiempo necesario para el mantenimiento de las pruebas.

Si el mantenimiento de las pruebas consume demasiado tiempo, es recomendable revisar y posiblemente refactorizar las suites de prueba, identificar redundancias, y aplicar técnicas como la división de pruebas grandes en varias más pequeñas y enfocadas para hacerlas menos frágiles y más eficientes.

Daniel Irvine
Daniel Irvine
7 min
03 Nov, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Esta charla trata sobre el overteting, una técnica para mejorar las suites de pruebas y la eficiencia de las pruebas. Aborda el problema común de pasar demasiado tiempo manteniendo las suites de pruebas. El objetivo es mantener una cobertura del 100% mientras se gasta igual o menos tiempo en las suites de pruebas. La charla sugiere dividir las pruebas en unidades funcionales, usar el objeto expect para gestionar las expectativas y priorizar la facilidad de las pruebas y el tiempo invertido.

1. Introducción a la sobreresponsabilidad

Short description:

Hola, esta es una charla sobre la sobreresponsabilidad, que es una técnica simple para mejorar tus suites de prueba y tu competencia en pruebas. Está dirigida a desarrolladores y equipos de control de calidad que deseen discutir estrategias de prueba. El problema común es pasar demasiado tiempo manteniendo las suites de prueba. El objetivo es pasar igual o menos tiempo en las suites de prueba mientras se mantiene una cobertura del 100%. La pregunta clave es cuántas pruebas automatizadas son necesarias para que CI falle. La sobreresponsabilidad ocurre cuando hay demasiadas pruebas que proporcionan la misma información.

Hola, esta es una charla sobre la sobreresponsabilidad, que es una técnica muy, probablemente puedas entender de qué se trata por el nombre, pero es una técnica simple que puedes usar para mejorar tus suites de prueba, mejorar tu competencia en pruebas, por lo que es un modelo para pensar en tus pruebas, realmente. Y esta charla está dirigida a desarrolladores, pero también es útil para ingenieros de control de calidad, equipos de control de calidad que deseen discutir con sus desarrolladores sus estrategias de prueba, sus ideas de prueba.

Entonces, la pregunta clave sobre la sobreresponsabilidad, y esto puede ser muy obvio, pero ¿cuánto tiempo pasas manteniendo tus suites de prueba en comparación con el código de tu aplicación? Muchos de mis clientes con los que he trabajado, su problema no es la falta de pruebas, no están probando muy pocas de sus casos de uso, en realidad están probando mucho. Y lo que terminan haciendo es pasar la mayor parte de su tiempo, he observado esto, hasta el 75% de su tiempo o más en su código de prueba, haciendo cambios en el código de su aplicación para agregar nuevas características o solucionar errores, pero luego tener que volver y arreglar las pruebas, todas estas pruebas rotas en todas partes. El 75% es demasiado. Me encantan las pruebas, estoy escribiendo pruebas a diestra y siniestra, pero no quiero pasar mi vida en las pruebas. Quiero estar al menos en una situación en la que esté pasando la misma cantidad de tiempo en ambas cosas. E incluso menos, tal vez pueda pasar menos tiempo en mis suites de prueba, pero aún mantener una cobertura del 100%, por ejemplo. Entonces, no voy a sugerir cuál debería ser ese número, pero si estás en este territorio del 75%, y puedes pensar si estás personalmente y en tu equipo, probablemente quieras ir bajando para mejorar tu productividad. Entonces, aquí hay una pregunta simple. La captura de pantalla superior muestra el flujo de trabajo de GitHub que ejecuta una solicitud de extracción. Así que estoy seguro de que muchos de ustedes estarán familiarizados con esta configuración. La X roja muestra que CI ha fallado. Entonces, integración continua. Como dije, no veo equipos que no tengan CI. Creo que la mayoría de las personas están escribiendo pruebas. El problema no es la falta de pruebas, es la sobreresponsabilidad. Entonces, para mí, esta pregunta es clave. ¿Cuántas pruebas automatizadas necesitas para que CI falle? La respuesta es solo una. Necesitas una prueba. Entonces, idealmente, cualquier cambio que puedas hacer, si hubiera un problema con esa pieza de código que has escrito, solo una prueba fallaría porque eso es todo lo que necesitas para levantar la bandera y evitar que tu solicitud de extracción se fusiona. Este es un escenario ideal. No creo que llegues a uno. Pero si piensas en las veces que esto sucede, ¿cuántas pruebas están fallando para ti? ¿Estás en este escenario donde fallan múltiples suites de prueba, cientos de pruebas están fallando debido a un cambio simple que hiciste? Y este es el escenario donde luego comienzas a pasar ese 75% de tiempo arreglando tus pruebas. Entonces, la sobreresponsabilidad, muy simplemente, tienes demasiadas pruebas que te dicen lo mismo. Voy a mostrar un ejemplo muy rápido. Hay muchos ejemplos de esto. Este es uno que veo mucho, donde las personas están haciendo pruebas basadas en escenarios. Y lo que harán es configurar la prueba e imprimir la... tendrán una expectativa para toda la respuesta o carga útil que han obtenido aquí. Entonces, este ejemplo solo está llamando a fetch y estoy verificando el método, las credenciales,

2. Mejorando la Eficiencia de las Suites de Pruebas

Short description:

Divide tus pruebas en diferentes unidades funcionales. Utiliza objetos expect para expectativas más manejables. Considera cuánto tiempo pasas en tu código de prueba y encuentra formas de mejorar la productividad. Echa un vistazo a la segunda edición de Dominando React, desarrollo guiado por pruebas, para prácticas efectivas de pruebas unitarias. Mantén la mente abierta a nuevas ideas y prioriza la facilidad de prueba y el tiempo invertido.

cabeceras y el cuerpo. Pero lo que puedo hacer es dividir esta prueba en tres pruebas diferentes. La prueba de la izquierda aquí es la clave, ese es el cuerpo, eso es probablemente lo que más nos interesa y lo que cambiará más en nuestro código de aplicación. Las dos pruebas de la derecha, estas cambiarán menos a menudo. Entonces, no debería esperar que estas fallen. No voy a cambiar los métodos o las cabeceras con frecuencia. Entonces, con suerte, deberían permanecer como están. Ahora son menos frágiles. La clave aquí es utilizar objetos expect. Esto definitivamente es tu amigo. Puedes hacer un mejor uso de esto. En lugar de hacer estas grandes expectativas en tu prueba, divídelas en unidades funcionales más pequeñas. Eso es todo. Esa es realmente la idea. Se trata de pensar en cuánto tiempo pasas en tu código de prueba. Esa es una observación. Comienza a pensar en eso, ¿y cómo te hace sentir? ¿Te frustra esto? En lugar de simplemente estar involucrado en ese momento de arreglar una prueba, hacer que la compilación funcione, detente y piensa cómo puedes ser más productivo. Y luego encuentra formas de mejorarlo. No quiero sugerirte demasiadas formas de mejorar las cosas. Esta es la segunda edición de esto que acaba de ser lanzada. Dominando React, desarrollo guiado por pruebas. Esto no se trata solo de TDD, se trata de buenas prácticas de pruebas unitarias que me han ayudado en mi carrera. Te recomiendo que lo revises si estás interesado en encontrar formas de escribir pruebas que no te consuman todo tu tiempo. En conclusión, observación. Piensa en el tiempo y la sensación que tienes con tu suite de pruebas y en lo que te está sirviendo bien. Deberías estar satisfecho con tus suites de pruebas. Deberían ayudarte. Mantén la mente abierta a nuevas ideas. No rechaces ideas solo porque leíste un artículo en el blog que dice que esto es algo terrible que hacer, que no deberías hacerlo, que así es como deberías escribir pruebas. No escribas pruebas así. Simplemente mantén la mente abierta a las ideas y siempre vuelve a la idea de qué tan fáciles son tus pruebas, cuánto tiempo pasas en ellas, cómo te sientes cuando estás trabajando en ellas. Y eso es todo. Muchas gracias por escuchar. Hazme saber qué preguntas y pensamientos tienes.

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.