Frontend Testing Guide: Strategies and Practices
$19.00
Minimum price
$29.00
Suggested price

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.

This book is a translation into English of 前端測試指南:策略與實踐 which was originally written in English.

About the Author

Summer Tang
Summer Tang

唐心皓(Summer)

工程師、講者以及作家,是技術部落格「Summer。桑莫。夏天」與《前端測試指南:策略與實踐》、《打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵》的作者。擅長 SEO、前端效能與測試。

I’m Summer, an engineer, speaker, and writer, and the author of the technical blog "Summer" and the book "Frontend Testing Guide: Strategies and Practices" & "Speed Up Your App with Web Vitals". My expertise includes SEO, front-end performance, and testing.

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

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 $13 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

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub