Front-End Testing and Advanced Browser Automation
Workshop, 5×2h + Q&A • Wed & Thu, Aug 19 – Sep 3
09:00 — 11:30 AM PDT (Pacific Daylight Time)
Browser automation helps us create resilient web applications by ensuring they are battle-tested through end-to-end tests.
On the other end of the spectrum, they also help create a whole new field of websites and services, through techniques such as browser scraping. In this workshop, you will learn browser automation from the ground up.
To get you fit for making full use of the benefits that browser automation brings along, we will cover:
- End-to-end testing (with and without a testing library)
- Scraping data from other websites and services
- Automated performance, accessibility, and visual regression testing
- Running automated browsers on free cloud services and a $5 VPS
- Common pitfalls with browser automation and how to debug related automation issues.
What Will We Explore In This Workshop?
End-to-end browser testing helps us create rock-solid web apps. Especially because you can validate certain website behavior which unit tests or integration tests will never catch. Learn common testing patterns, from user registration workflows (and email sending) to page interactivity and navigation.
Believe it or not, entire startups are building their businesses around scraping web content. We’ll learn scraping strategies and how to operate fairly. As a fun exercise, we will produce an automated price checker that notifies us when an online product becomes cheaper.
Testing is more than just asserting page titles. It’s ensuring you have no performance or accessibility regressions when you make changes to the code. Performance, accessibility, and even visual regression testing can be checked automatically. Learn the tools which can help you achieve this.
- Personal productivity
How many of us have automated all those boring parts in their workflows? Very few, I suspect. That’s why we’ll look into strategies that help you become more productive — from filling in long web forms to dynamically creating images and even setting up your web development environment with automated browsers.
- Deploying + Debugging
First, we’ll deploy our tests to the cloud. Test failures are inevitable, though, but with the right techniques, we can speed up the debugging process dramatically. DevTools and exporting screenshots and videos of our test run to see what went wrong are two of the approaches we’ll take a closer look at.
Who Is This For?
This workshop is aimed for all developers, whether it’s frontend, backend, or even those still exploring engineering field. We will cover much more than just testing, so join us on this journey to learn how automating browsers can help you.
What Hardware/Software Do You Need?
- A machine with Chrome installed (Firefox and Edge are optional)
- Your favorite code editor (e.g., VS Code, Sublime Text, etc.)
- Node.js v14.1.0 or newer
- A GitHub account
About Umar Hansa
Time & Schedule
The workshop is split over five days with two-hour-long sessions on each day — and lots of time for Q&A of course. Our virtual doors open at 8:30, we start at 9 AM PDT.
Please mark your calendars:
- Wed, August 19, 09:00 – 11:30 AM PDT
- Thu, August 20, 09:00 – 11:30 AM PDT
- Wed, August 26, 09:00 – 11:30 AM PDT
- Thu, August 27, 09:00 – 11:30 AM PDT
- Thu, September 3, 09:00 – 11:30 AM PDT
This is the schedule for each of the five days:
8:45 AM PDT
Virtual doors open, registration, chat and introductions.
9:00 AM – 11:00 AM
Introduction to the topic of the day followed by hands-on exercises, review, and a summary of the topic.
11:00 AM – 11:30 AM
Q&A with Umar on the day’s material. Networking!