Frontend Testing Guide: Strategies and Practices
Frontend Testing Guide: Strategies and Practices
About the Book
In the fast-paced and ever-evolving field of front-end development, one of the biggest challenges is maintaining high-quality code while producing work rapidly. This is why testing has become so crucial. Deciding on the right testing approach and how to write and execute tests is a key issue every developer must consider. Code without tests is difficult to guarantee in terms of quality, and the solution lies in developing a solid testing strategy. This book shares the practical experience I’ve accumulated in front-end testing, with the hope of inspiring and helping others.
About the Author
Table of Contents
- Chapter 0: Front matter
- Foreword by Joey Chen
- Foreword by Eddie Gao
- Foreword by PJCHENder
- Foreword by Eric Lee
- Preface
- Table of contents
- Chapter 1: Getting started with testing
- What is front-end web testing? Why write tests?
- Types of front-end testing
- Testing techniques
- Naming conventions
- Mock, spy, and double
- Chapter review and summary
- Chapter 2: Unit testing
- Unit testing
- Environment setup, installation, and tool comparison
- Minimal scope validation logic
- How to write tests for components? A React example
- Shallow rendering and full rendering
- Chapter review and summary
- Chapter 3: Integration testing
- Integration testing
- Testing features from the user’s perspective and maximizing realism
- Mocking components, API responses, and third-party libraries
- Snapshots
- How to write tests for state management? A Redux example
- Chapter review and summary
- Chapter 4: End-to-end testing
- End-to-end testing
- Environment setup and installation
- Verifying user flow
- Chapter review and summary
- Chapter 5: Visual testing
- Visual testing
- Verifying visual accuracy
- Tool comparison
- Chapter review and summary
- Chapter 6: After writing the test, what next? When and how to perform testing
- Pre-commands and manual test invocation
- Run tests before merging code
- Running tests regularly in CI
- Inferring use case coverage from code coverage
- Chapter review and summary
- Chapter 7: FAQ
- What to do when UI updates cause test failures?
- How to handle duplicate tests?
- How to test the Timer?
- How to mock only part of a module?
- How to debug? What if an element can’t be found? How do you trace the data flow?
- How to test localization?
- How to use setup and teardown? What are beforeEach, afterEach, beforeAll, and afterAll?
- Should tests include type checking?
- Why do some test cases succeed sometimes and fail other times?
- How to run specific tests? An example using Jest
- Chapter 8: Leveraging AI for writing tests
- How to effectively use GitHub Copilot for writing tests
- How to leverage Mermaid and ChatGPT for writing tests
- Chapter 9: Summary
- Types and methods of testing
- Product stage and testing ratio
- Common types of testing
- Testing methods and tools
- Testing strategies at different stages of product development
- Leveraging AI to improve testing efficiency
- Conclusion
- Chapter 10: Keywords
- Chapter 0: Front matter
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $14 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
