CodeWomen+ Event: Frontend Testing with the Refactor Project at New Relic

CodeWomen+ and the Refactor Project: Write your first frontend test

Join us for an exciting CodeWomen+ event with in collaboration with the Refactor Project at the New Relic office!

This is a practical workshop where you'll learn how to write tests for frontend components using TypeScript, React, and Testing Library. Through hands-on exercises, you'll explore how to test UI behavior, simulate user interactions, and ensure accessibility, all skills applicable to any modern frontend framework, including Angular or Vue.

Who is this for?

• Frontend developers with little or no experience in testing.
• Developers who are familiar with backend testing and want to apply it to the frontend.
• Anyone preparing for technical interviews or looking to improve their testing skills.Level: Beginner-friendly, but basic knowledge of frontend development is recommended.

🔹 What We’ll Cover:

By the end of the session, you’ll be able to understand concepts like:

• Understand what to test in a frontend component.
• Structure and clearly describe your tests.
• Use render to test components in isolation.
• Write tests from the user’s perspective.
• Simulate user interactions and verify behavior.
• Check accessibility through testing.

🔹 Schedule

18h to 18:30h - Open doors

18:30h to 20:00h - Workshop by The Refactor Project

20:00h to 20:30h - Snacks and networking activities

🔹 About the Refactor Project

The Refactor Project is a coding school based in Barcelona that supports developers at every stage of their careers—from career changers to experienced professionals looking to sharpen their skills. Its main course, the Full Stack Web Development Bootcamp, is led by a senior developer and experienced trainer with years of industry expertise.

The program offers a hands-on, immersive learning experience where students work from day one as if they were part of a real development team. The curriculum focuses on best practices, clean code, and testing; key skills that help graduates stand out in the job market.

Please note:

This is a hands-on workshop, so a laptop is required!

Also prepare by ensuring you have the following:

• Visual Studio Code, WebStorm, or another code editor.
• Git and Node.js installed.
• A GitHub account.

Spots are also limited, so if you register and can't come in the end, please let us know. This way, somebody else will be able to seize the opportunity!

👩🏾‍💻 Who can participate? 🏳️‍🌈🏳️‍⚧️

This meeting is for anyone from all backgrounds who is learning to code or working in tech. You may be a boot camp student or learning by yourself, a graduate looking to apply for a job in tech, or already a professional developer. The event will be in English!

👩🏾‍💻 👩🏼‍🎓 About CodeWomen+ 🏳️‍🌈🏳️‍⚧️

CodeWomen+ is a community in Barcelona for and by women and gender non-conforming individuals of around 700 tech members. We aim to support and empower women+ who are tech professionals or want to make a career change into tech.

Are you interested in joining CodeWomen+? Follow us on LinkedIn, Eventbrite and Instagram and stay tuned for our announcements and other events.

🤝🏾 Code of Conduct 🤝

CodeWomen+ is meant to be a safe space for learning and exchange, as well as support and encouragement. Learn more here.

📞 Contact ⏰

If you would like to be added to our WhatsApp group to receive last-minute updates about the event such as reminders, changes, or cancellations, please get in touch with us through the "Contact the organizer" link in your ticket.

----------------------------------------------------------------------------

Traducción al español

CodeWomen+ y el Proyecto Refactor: Escribe tu primera prueba de frontend

¡Únete a nosotros para un emocionante evento de CodeWomen+ en colaboración con el Refactor Project en la oficina de New Relic!

Este es un taller práctico donde aprenderás a escribir pruebas para componentes frontend usando TypeScript, React y Testing Library. A través de ejercicios prácticos, explorarás cómo probar el comportamiento de la interfaz de usuario, simular las interacciones del usuario y garantizar la accesibilidad, todas las habilidades aplicables a cualquier marco frontend moderno, incluyendo Angular o Vue.

¿A quién va dirigido?

• Desarrolladoras frontend con poca o ninguna experiencia en pruebas.
• Desarrolladoras que estén familiarizadas con las pruebas de backend y quieran aplicarlas al frontend.
• Cualquiera que se esté preparando para entrevistas técnicas o quiera mejorar sus habilidades de testing.

Nivel: Apto para principiantes, pero se recomiendan conocimientos básicos de desarrollo frontend.

🔹 Qué cubriremos:

Al final de la sesión, serás capaz de entender conceptos como:

• Entender qué probar en un componente frontend.
• Estructurar y describir claramente tus pruebas.
• Utilizar render para probar componentes de forma aislada.
• Escribir pruebas desde la perspectiva del usuario.
• Simular las interacciones del usuario y verificar su comportamiento.
• Comprobar la accesibilidad mediante pruebas.

🔹 Horario

18h a 18:30h - Puertas abiertas

18:30h a 20:00h - Taller a cargo de The Refactor Project

20:00h a 20:30h - Merienda y actividades de networking.

🔹 Sobre the Refactor Project

El Proyecto Refactor es una escuela de programación con sede en Barcelona que apoya a los desarrolladores en todas las etapas de sus carreras, desde principiantes hasta profesionales experimentados que buscan perfeccionar sus habilidades. Su curso principal, el Full Stack Web Development Bootcamp, está dirigido por un desarrollador senior y un formador experimentado con años de experiencia en el sector.

El programa ofrece una experiencia de aprendizaje práctica e inmersiva en la que los estudiantes trabajan desde el primer día como si formaran parte de un equipo de desarrollo real. El plan de estudios se centra en las mejores prácticas, el código limpio y las pruebas; habilidades clave que ayudan a los graduados a destacar en el mercado laboral.

Nota:

Se trata de un taller práctico, por lo que se requiere un ordenador portátil.

Prepárese también asegurándose de que dispone de lo siguiente

• Visual Studio Code, WebStorm u otro editor de código.
• Git y Node.js instalados.
• Una cuenta de GitHub.

Las plazas son limitadas, así que si te inscribes y al final no puedes venir, por favor, háznoslo saber. Así, ¡alguien más podrá aprovechar la oportunidad!

👩🏾‍💻 ¿Quién puede participar? 🏳️‍🌈🏳️‍⚧️

Este evento es para personas de todos los orígenes que estén aprendiendo a programar o estén trabajando en el sector. Así que si eres estudiante de bootcamp o estás aprendiendo por tu cuenta, eres una graduada que busca un trabajo en tech o ya eres una desarrolladora profesional. ¡El evento será en inglés!

👩🏾‍💻 👩🏼‍🎓 Sobre CodeWomen 🏳️‍🌈🏳️‍⚧️

CodeWomen+ es una comunidad en Barcelona para y por mujeres y personas no binarias, de alrededor de 700 personas tech. Nuestro objetivo es apoyar y empoderar a las profesionales de la tecnología o quieren hacer un cambio de carrera en la tecnología.

¿Estás interesada en unirte a CodeWomen+? Síguenos en LinkedIn, Eventbrite y en Instagram y permanece atenta a nuestros anuncios y otros eventos.

🤝🏾 Código de conducta 🤝

CodeWomen+ pretende ser un espacio seguro, de aprendizaje e intercambio, así como de apoyo y estímulo. Más información aquí.

📞 Contacto ⏰

Si quieres que te añadamos a nuestro grupo de WhatsApp para recibir actualizaciones de última hora sobre el evento, como recordatorios, cambios o cancelaciones, por favor escríbenos a través del enlace "Contacta con el organizador del evento" en tu entrada.

Con la colaboración de: