Mockear o no mockear - Esa es la pregunta

Rate this content
Bookmark

Mockear o no mockear, esa es la pregunta. Si es más noble para el código de los programadores involucrarse con espías y stubs en pruebas extravagantes, o tomar los componentes reales contra un mar de tiempos de espera, y soportar, para validar su código: comprometerse, hacer push.

Rita Castro
Rita Castro
25 min
25 Oct, 2021

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Esta Charla discute el enfoque de SDC para el desarrollo de software utilizando metodologías ágiles y programación extrema. Se destacan los beneficios de la programación en pareja y el uso del diseño atómico en los componentes de React. Se enfatiza la importancia del desarrollo impulsado por pruebas y la biblioteca de pruebas de React, junto con la implementación de código, navegación y validación de formularios utilizando Formik y Yup. La charla también aborda las capas de abstracción en el desarrollo de software y las pruebas de los recorridos de usuario y la accesibilidad en la aplicación BookKeeper.

1. Introducción a SDC y Desarrollo Ágil

Short description:

En esta charla, intentaremos responder a la pregunta de si hacer una simulación o no. Soy Rita, una apasionada de la tecnología, viviendo en Lisboa y trabajando en SDC. SDC es un centro de desarrollo de software establecido en 2018. Desarrollamos productos utilizando programación extrema, un marco ágil basado en la comunicación, simplicidad, retroalimentación, valentía y respeto. Trabajamos en equipos equilibrados, que incluyen diseñadores, gerentes de producto y desarrolladores. Realizamos desarrollo impulsado por pruebas.

♪ Hola, bienvenidos a esta charla. En ella, intentaremos responder una pregunta, que es, ¿hacer una simulación o no? Comencemos.

Mi nombre es Rita. Soy una apasionada de la tecnología. Vivo en Lisboa con mi hermosa familia. Mi hijo tiene casi tres años, así que es un poco travieso. Pero cuando no estoy ocupada con mi familia, probablemente estaré jugando, o estaré en SDC, el lugar donde trabajo. Trabajo con estas personas increíbles. Y actualmente, soy parte del Equipo Falcon, y las cosas están volviendo lentamente a la normalidad aquí en la oficina.

¿Dónde está la oficina? Es un centro de desarrollo de software aquí en Lisboa, y está justo en el centro de la ciudad. Se estableció en 2018. Fue el primer centro de desarrollo de software que Volkswagen abrió fuera de Alemania. Y hasta ahora, las cosas han ido muy, muy bien.

¿Qué hacemos aquí? Entonces, desarrollamos productos utilizando programación extrema. En pocas palabras, es un marco ágil que nos permite producir y entregar software de alta calidad a un ritmo muy rápido con una buena calidad de vida para nosotros, los desarrolladores, o para todo el equipo de desarrollo. Fue creado por Kent Beck en 1996. Así que es algo antiguo, pero los valores fundamentales en los que se basa, aún se mantienen. Comunicación, simplicidad, retroalimentación, valentía y respeto. Estos cinco pilares, también están grabados en el espíritu de SDC. Así que es una combinación perfecta.

¿Qué más puedo contarles sobre SDC? Entonces, trabajamos en equipos equilibrados, lo que significa que un equipo está compuesto por diseñadores, gerentes de producto y nosotros, los desarrolladores. Un equipo, permítanme también enfatizar esto, un equipo de producto, porque el equipo es más grande que solo los equipos de producto. Los diseñadores, ¿qué hacen? Entonces, mantienen contacto con los usuarios. Exploran, investigan, investigan posibles soluciones para los problemas de los usuarios. Los gerentes de producto traducirán estas necesidades de los usuarios en historias, y también mantendrán contacto con el negocio y verán si un producto es o no viable para ser desarrollado desde el punto de vista del negocio. Y nosotros, los desarrolladores, nos encargaremos de la viabilidad en términos de tecnología. Seremos los responsables de ver si algo se puede integrar con sistemas heredados, si algo se puede hacer utilizando tecnología de vanguardia. Si se trata de tecnología, ese es nuestro ámbito. En el medio de estos tres roles muy diferentes, es donde realmente sucede la magia y donde nacen buenos productos.

Entonces, ¿qué hacemos y cómo lo hacemos? Entonces, nosotros los desarrolladores, hacemos desarrollo impulsado por pruebas.

2. Beneficios de la Programación en Pareja

Short description:

En la programación en pareja, dos desarrolladores trabajan juntos en el mismo código simultáneamente. Esta práctica permite una revisión de código en tiempo real y una resolución inmediata de problemas, eliminando obstáculos y fomentando una colaboración eficiente.

Lo que significa que primero escribimos algunas pruebas, ejecutamos las pruebas, esperamos ver que las pruebas fallen. Pero si las pruebas pasan, las pruebas pasan. No, no deberían pasar. Tal vez hubo un error en la prueba, lo más probable. Entonces, para minimizar este tipo de situaciones, también participamos en la programación en pareja. Lo que significa que siempre tienes dos pares de ojos mirando el mismo código. Tenemos una computadora, dos teclados, dos ratones, dos pantallas, y así es como desarrollamos. No es necesario hacer revisiones de código porque el código se revisa en vivo a medida que avanzas. No te quedas bloqueado porque si te quedas bloqueado siempre habrá alguien contigo. Podrás expresar tus pensamientos, participar en una conversación de manera rápida y eficiente, podrás desbloquear el hilo de pensamiento que tienes. Así que funciona muy bien, tengo que admitirlo. Y no podría hacerlo de ninguna otra manera.

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

No resuelvas problemas, elimínalos
React Advanced Conference 2021React Advanced Conference 2021
39 min
No resuelvas problemas, elimínalos
Top Content
Los humanos son solucionadores de problemas naturales y somos lo suficientemente buenos en eso que hemos sobrevivido a lo largo de los siglos y nos hemos convertido en la especie dominante del planeta. Debido a que somos tan buenos en eso, a veces también nos convertimos en buscadores de problemas, buscando problemas que podemos resolver. Aquellos que logran sus objetivos de la manera más exitosa son los eliminadores de problemas. Hablemos de la distinción entre resolver y eliminar problemas con ejemplos de dentro y fuera del mundo de la codificación.
Uso efectivo de useEffect
React Advanced Conference 2022React Advanced Conference 2022
30 min
Uso efectivo de useEffect
Top Content
¿Puede useEffect afectar negativamente a tu base de código? Desde la obtención de datos hasta la lucha con las APIs imperativas, los efectos secundarios son una de las mayores fuentes de frustración en el desarrollo de aplicaciones web. Y seamos honestos, poner todo en ganchos useEffect no ayuda mucho. En esta charla, desmitificaremos el gancho useEffect y obtendremos una mejor comprensión de cuándo (y cuándo no) usarlo, así como descubriremos cómo los efectos declarativos pueden hacer que la gestión de efectos sea más mantenible incluso en las aplicaciones React más complejas.
Sistemas de Diseño: Caminando la Línea Entre Flexibilidad y Consistencia
React Advanced Conference 2021React Advanced Conference 2021
47 min
Sistemas de Diseño: Caminando la Línea Entre Flexibilidad y Consistencia
Top Content
Los sistemas de diseño buscan aportar consistencia al diseño de una marca y hacer que el desarrollo de la interfaz de usuario sea productivo. Las bibliotecas de componentes con una API bien pensada pueden facilitar esto. Pero, ¡a veces una elección de API puede accidentalmente sobrepasar y ralentizar al equipo! Hay un equilibrio allí... en algún lugar. Exploremos algunos de los problemas y posibles soluciones creativas.
Solicitudes de Red con Cypress
TestJS Summit 2021TestJS Summit 2021
33 min
Solicitudes de Red con Cypress
Top Content
Ya sea que estés probando tu UI o API, Cypress te proporciona todas las herramientas necesarias para trabajar y gestionar solicitudes de red. Esta tarea de nivel intermedio demuestra cómo usar los comandos cy.request y cy.intercept para ejecutar, espiar y simular solicitudes de red mientras pruebas tu aplicación en el navegador. Aprende cómo funcionan los comandos, así como los casos de uso para cada uno, incluyendo las mejores prácticas para probar y simular tus solicitudes de red.
Concurrencia en React, Explicada
React Summit 2023React Summit 2023
23 min
Concurrencia en React, Explicada
Top Content
¡React 18! ¡Funciones concurrentes! Tal vez ya hayas probado las nuevas APIs como useTransition, o tal vez solo hayas oído hablar de ellas. Pero, ¿sabes cómo React 18 logra las mejoras de rendimiento que trae consigo? En esta charla, echemos un vistazo bajo el capó de las características de rendimiento de React 18: - Cómo React 18 reduce el tiempo que tu página permanece congelada (también conocido como TBT) - Qué sucede exactamente en el hilo principal cuando ejecutas useTransition() - Cuál es la trampa con las mejoras (¡no hay torta gratis!), y por qué Vue.js y Preact se negaron rotundamente a lanzar algo similar
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.

Workshops on related topic

Masterclass de Depuración de Rendimiento de React
React Summit 2023React Summit 2023
170 min
Masterclass de Depuración de Rendimiento de React
Top Content
Featured WorkshopFree
Ivan Akulov
Ivan Akulov
Los primeros intentos de Ivan en la depuración de rendimiento fueron caóticos. Vería una interacción lenta, intentaría una optimización aleatoria, vería que no ayudaba, y seguiría intentando otras optimizaciones hasta que encontraba la correcta (o se rendía).
En aquel entonces, Ivan no sabía cómo usar bien las herramientas de rendimiento. Haría una grabación en Chrome DevTools o React Profiler, la examinaría, intentaría hacer clic en cosas aleatorias, y luego la cerraría frustrado unos minutos después. Ahora, Ivan sabe exactamente dónde y qué buscar. Y en esta masterclass, Ivan te enseñará eso también.
Así es como va a funcionar. Tomaremos una aplicación lenta → la depuraremos (usando herramientas como Chrome DevTools, React Profiler, y why-did-you-render) → identificaremos el cuello de botella → y luego repetiremos, varias veces más. No hablaremos de las soluciones (en el 90% de los casos, es simplemente el viejo y regular useMemo() o memo()). Pero hablaremos de todo lo que viene antes - y aprenderemos a analizar cualquier problema de rendimiento de React, paso a paso.
(Nota: Esta masterclass es más adecuada para ingenieros que ya están familiarizados con cómo funcionan useMemo() y memo() - pero quieren mejorar en el uso de las herramientas de rendimiento alrededor de React. Además, estaremos cubriendo el rendimiento de la interacción, no la velocidad de carga, por lo que no escucharás una palabra sobre Lighthouse 🤐)
Consejos sobre React Hooks que solo los profesionales conocen
React Summit Remote Edition 2021React Summit Remote Edition 2021
177 min
Consejos sobre React Hooks que solo los profesionales conocen
Top Content
Featured Workshop
Maurice de Beijer
Maurice de Beijer
La adición de la API de hooks a React fue un cambio bastante importante. Antes de los hooks, la mayoría de los componentos tenían que ser basados en clases. Ahora, con los hooks, estos son a menudo componentes funcionales mucho más simples. Los hooks pueden ser realmente simples de usar. Casi engañosamente simples. Porque todavía hay muchas formas en las que puedes equivocarte con los hooks. Y a menudo resulta que hay muchas formas en las que puedes mejorar tus componentes con una mejor comprensión de cómo se puede usar cada hook de React.Aprenderás todo sobre los pros y los contras de los diversos hooks. Aprenderás cuándo usar useState() versus useReducer(). Veremos cómo usar useContext() de manera eficiente. Verás cuándo usar useLayoutEffect() y cuándo useEffect() es mejor.
React, TypeScript y TDD
React Advanced Conference 2021React Advanced Conference 2021
174 min
React, TypeScript y TDD
Top Content
Featured WorkshopFree
Paul Everitt
Paul Everitt
ReactJS es extremadamente popular y, por lo tanto, ampliamente soportado. TypeScript está ganando popularidad y, por lo tanto, cada vez más soportado.

¿Los dos juntos? No tanto. Dado que ambos cambian rápidamente, es difícil encontrar materiales de aprendizaje precisos.

¿React+TypeScript, con los IDEs de JetBrains? Esa combinación de tres partes es el tema de esta serie. Mostraremos un poco sobre mucho. Es decir, los pasos clave para ser productivo, en el IDE, para proyectos de React utilizando TypeScript. En el camino, mostraremos el desarrollo guiado por pruebas y enfatizaremos consejos y trucos en el IDE.
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
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.
Next.js 13: Estrategias de Obtención de Datos
React Day Berlin 2022React Day Berlin 2022
53 min
Next.js 13: Estrategias de Obtención de Datos
Top Content
WorkshopFree
Alice De Mauro
Alice De Mauro
- Introducción- Prerrequisitos para la masterclass- Estrategias de obtención: fundamentos- Estrategias de obtención – práctica: API de obtención, caché (estática VS dinámica), revalidar, suspense (obtención de datos en paralelo)- Prueba tu construcción y sírvela en Vercel- Futuro: Componentes de servidor VS Componentes de cliente- Huevo de pascua de la masterclass (no relacionado con el tema, destacando la accesibilidad)- Conclusión