Updated 27 Aug
AI-powered learning
Save this course
A Front-End Web Developer’s Guide to Testing
Gain insights into web automation testing frameworks, explore Selenium, Cypress, Puppeteer, Playwright, and learn to build evolving testing strategies to ensure high-quality front-end development.
5.0
99 lessons
2 projects
11h
Created by Packt
What's included
- 99 lessons across 16 modules
- 13 quizzes with instant feedback
- 2 projects in preconfigured environments
- AI Tutor on every lesson
Join 3.1 million developers at
What You'll Learn
- Ability to ensure web applications’ quality over time with changing features and technologies
- Hands-on experience with behavior-driven development and visual and accessibility testing with Selenium
- Working knowledge of test retires, stubs, spies, clocks, component testing, API testing, supported plugins, and cloud testing in Cypress
- Familiarity with the advanced features of Playwright, such as Inspector, mobile device emulation, test annotations, assertions, network mocking, test reporting, test runners, and trace viewer
- Familiarity with the advanced features of Puppeteer, such as accessibility testing, web app tracing, and API testing
Learning Roadmap
2.
Cross-Browser Testing Methodologies
Cross-Browser Testing Methodologies
Unpack the core of cross-browser testing to ensure web app quality and compatibility.
Introduction to Cross-Browser Testing MethodologiesAn Overview of the Web LandscapeUnderstanding Web Application TypesTesting Types for Web ApplicationsUnderstanding Headless and Headed Browsers within App DevelopmentSummary: Cross-Browser Testing MethodologiesQuiz: Cross-Browser Testing Methodologies
3.
Challenges Faced by Front-End Web Application Developers
Challenges Faced by Front-End Web Application Developers
7 Lessons
7 Lessons
Work your way through front-end development challenges in performance, accessibility, and security.
4.
Top Web Test Automation Frameworks
Top Web Test Automation Frameworks
10 Lessons
10 Lessons
Grasp the fundamentals of top JavaScript test automation frameworks and their capabilities.
5.
Matching Personas and Use Cases to Testing Frameworks
Matching Personas and Use Cases to Testing Frameworks
6 Lessons
6 Lessons
Evaluate test automation frameworks for web apps based on personas and use cases.
6.
Introducing the Leading Front-End Web Development Frameworks
Introducing the Leading Front-End Web Development Frameworks
8 Lessons
8 Lessons
Investigate key front-end frameworks, their features, advantages, and appropriate testing tools.
7.
Map the Pillars of a Dev Testing Strategy for Web Applications
Map the Pillars of a Dev Testing Strategy for Web Applications
6 Lessons
6 Lessons
Practice using testing strategies, quality metrics, and adapting plans for web applications.
8.
Core Capabilities of Top JavaScript Test Automation Frameworks
Core Capabilities of Top JavaScript Test Automation Frameworks
11 Lessons
11 Lessons
Learn how to use JavaScript test frameworks for diverse testing needs and framework selection.
9.
Measuring Test Coverage of a Web Application
Measuring Test Coverage of a Web Application
5 Lessons
5 Lessons
Walk through code and test coverage metrics essential for web application quality.
10.
Working with the Selenium Framework
Working with the Selenium Framework
7 Lessons
7 Lessons
Examine the Selenium framework's core components, advanced features, testing methods, and future advancements.
11.
Working with the Cypress Framework
Working with the Cypress Framework
7 Lessons
7 Lessons
Grasp the fundamentals of Cypress, its advanced features, and future test automation improvements.
12.
Working with the Playwright Framework
Working with the Playwright Framework
8 Lessons
8 Lessons
Dig deeper into Playwright for automated testing, advanced features, and implementation strategies.
13.
Working with the Puppeteer Framework
Working with the Puppeteer Framework
6 Lessons
6 Lessons
Follow the process of utilizing Puppeteer for automated web testing, advanced capabilities, and future enhancements.
14.
Complementing Code-Based Testing with Low-Code Test Automation
Complementing Code-Based Testing with Low-Code Test Automation
6 Lessons
6 Lessons
Build on the integration of low-code testing with traditional methods to enhance coverage.
16.
Appendix
Appendix
3 Lessons
3 Lessons
Look at the installation, upgrade to Selenium 4, and key resources for web testing apps.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
About this course
WHY I WROTE THIS COURSE
Web automation testing frameworks ensure faster and more reliable delivery of high-quality software when integrated into the front-end development workflow.
You’ll start with the advanced web technologies and application types to understand common trends and challenges. Next, you’ll learn about the four leading web testing frameworks and how to choose the right framework, whether you’re a developer or a test automation engineer. You’ll also learn the KPIs that measure applications’ quality. Additionally, you’ll learn to build a testing strategy that evolves with the changing objectives and market events. Finally, you’ll learn about the main features of Selenium, Cypress, Puppeteer, and Playwright, with examples of how to use these frameworks and best practices.
By the end of the course, you’ll have gained sufficient knowledge of the leading frameworks to help you choose the most suitable framework for your application’s needs and integrate it into your web development workflow.
ABOUT THE AUTHOR
Packt
A tech learning platform that provides online courses, eBooks, videos, and other resources to help individuals and organizations stay ahead of emerging and popular technologies.
Trusted by 3.1 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
