0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Simplify Testing with React Testing Library

You're reading from Simplify Testing with React Testing Library Create maintainable tests using RTL that do not break with changes

Product type Paperback

Published in May 2021

Publisher Packt

ISBN-13 9781800564459

Length 246 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Test Driven Development

Author (1):

Scottie Crump

View More author details

Table of Contents (10) Chapters

Preface

1. Chapter 1: Exploring React Testing Library

2. Chapter 2: Working with React Testing Library FREE CHAPTER

3. Chapter 3: Testing Complex Components with React Testing Library

4. Chapter 4: Integration Testing and Third-Party Libraries in Your Application

5. Chapter 5: Refactoring Legacy Applications with React Testing Library

6. Chapter 6: Implementing Additional Tools and Plugins for Testing

7. Chapter 7: End-to-End UI Testing with Cypress

8. Answers

9. Other Books You May Enjoy

Cypress-driven development

In the previous section, we installed the Cypress Testing Library and refactored an existing test for a checkout flow. In this section, we will use Cypress to drive the development of new features for an existing blog application created with Next.js. Next.js is a popular framework that provides a pleasant experience for teams to build static or server-rendered React applications.

Example features that Next.js provides are out-of-the-box routing, built-in CSS support, and API routes. Please see the Next.js documentation (https://nextjs.org/) for more details. The MY BLOG application currently has two pages, a Home page displaying all blog posts and a page to display blog details. The page that displays a list of posts looks as follows:

Figure 7.10 – Blog home page

In the previous screenshot, the Home page displays two blog posts, I love React and I love Angular. Blog data is stored in a MongoDB database and sent to the frontend...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €18.99/month. Cancel anytime

Authors (1)

Scottie Crump

Scottie Crump

Scottie Crump is a senior test engineer with over four years' experience as a consultant working with clients from a variety of sectors, including automotive, retail, telecommunications, and healthcare, among others. Scottie has also worked with numerous students looking to break into the software industry at Coding Bootcamp settings. His background in quality and software engineering and education enables him to be a crucial cog in any client's project. Scottie has helped bring industry best practices and data-driven insights to support key business objectives.

See other products by Scottie Crump

Other recommended products

Related to this chapter

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

End-to-End Web Testing with Cypress

End-to-End Web Testing with Cypress

Cypress is a JavaScript testing framework that does not require additional dependency to perform end-to-end testing, unlike Selenium. This book will help you to leverage the features of Cypress that make it one of the best testing platforms in the current testing landscape, and take you through writing and optimizing your own tests.

React 16 Tooling

React 16 Tooling

React 16 Tooling covers the most important tools, utilities, and libraries that every React developer needs to know — in detail. These will make your development life simpler and happier, enabling you to create better and more performant apps.

Apr 2018 9h 56m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m