TechTalks | Intro to Frontend Testing: Writing Your First Tests with Testing

Doors opens: 7:00 PM
[Remember to bring along your NIE/DNI on the day of the event to facilitate the registration process.]

Event duration: 7:00 PM until 9:30 PM

Agenda
7:00 PM - Doors open and participants registration
7:15 PM - Welcome and introductions
7:30 PM - Activity

1. Getting Started – Intro & setup check.
2. What to Test in a Component – Testing from a user's perspective.
3. Structuring and Describing Tests – Writing clear and meaningful tests.
4. Rendering Components in a Test Environment – Using `render`, querying elements, and making assertions.
5. Ensuring Accessibility in Tests – Best practices for accessible UI testing.
6. Simulating and Testing User Interactions – Handling clicks, inputs, and user events.
7. Q&A and Feedback

9:00 PM - Socializing & Networking with snacks
9:30 PM - Closure

Event language:

• English (many attendees also speak Spanish and other languages).

Who can join?

• This event is for women+ (including trans and non-binary people) of all backgrounds. Whether you’re a student, job seeker, or tech professional, you’re welcome here!
  Food and drinks are provided by our generous host.

Program Description:
A hands-on workshop where you'll learn to write tests for frontend components using TypeScript, React, and Testing Library. Through practical exercises, you'll discover how to test UI behavior, simulate user interactions, and ensure accessibility—skills that apply to any modern frontend framework, including Angular and Vue.

Who is this for?

• Frontend developers with little or no experience in testing.
• Developers familiar with backend testing who want to learn frontend testing.
• Anyone preparing for technical interviews or improving their testing skills.

💻 Level: Beginner-friendly, but basic frontend experience is recommended.

Workshop Objectives
By the end of the session, you will:
✅ Understand what to test in a frontend component.
✅ Be able to structure and describe tests clearly.
✅ Use `render` to test components in isolation.
✅ Write tests from the user's perspective.
✅ Simulate user interactions and verify behavior.
✅ Ensure accessibility through testing.

Requirements
🖥️ Visual Studio Code, WebStorm, or another IDE. 🔧 Git and Node.js installed. 📂 A GitHub repository (sent before the workshop) downloaded and ready. 💡 Willingness to learn and enjoy testing!

Address
(CREC Coworking) Carrer del Bruc, 149, 1º 2ª B, Eixample, 08037 Barcelona

About the Host
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 refine their skills. The Full Stack Web Development Bootcamp, the main course, is a program led by a senior developer and experienced trainer with years of industry expertise.
The course offers a hands-on, immersive learning experience, where students work in a simulated development team from day one. The curriculum focuses on best practices, clean code, and testing—key skills that set graduates apart in the job market.
With a strong emphasis on TypeScript, debugging, and real-world workflows, The Refactor Project ensures that students are job-ready, equipped not only with technical knowledge but also with collaboration and communication skills highly valued by companies.
Web - Linkedin - Instagram

Venue Information:

• Wheelchair accessible.
• NOT suitable for children.
• A photographer will be present. If you prefer not to be photographed or recorded, let our media team know.

More about TechFems:

• Discover more on our Website and join LinkedIn.
• Please read our Code of Conduct.

Contact:

• If you’d like to join the TechFems WhatsApp group for last-minute updates, please message us at 693 030 848.

PLEASE NOTE
By registering, you agree to the TechFems Privacy Policy and Code of Conduct.