book

End-to-End Web Testing with Cypress

Name: End-to-End Web Testing with Cypress
Author: Waweru Mwaura
ISBN: 9781839213854

by Waweru Mwaura

January 2021

Intermediate to advanced

240 pages

5h 5m

English

Packt Publishing

Read now

Unlock full access

End-to-End Web Testing with Cypress
Why subscribe?ContributorsAbout the authorAbout the reviewersPackt is searching for authors like you
Preface
Who this book is forWhat this book coversTo get the most out of this bookDownload the example code filesConventions usedGet in touchReviews
Section 1: Cypress as an End-to-End Testing Solution for Frontend Applications
Chapter 1: Installing and Setting Up Cypress
Technical requirementsInstalling Cypress on WindowsDownloading and installing Node.jsInitializing the projectInstalling Cypress on WindowsRecap – Installing Cypress on WindowsInstalling Cypress on MacOSInstalling Node.jsInitializing the projectInstalling Cypress on MacInstalling Cypress using YarnInstalling Cypress via direct downloadRecap – Installing Cypress on macOSOpening CypressRunning with NpxRunning with YarnRunning with the node modules pathDesktop application launchRecap – Opening CypressSwitching browsersExerciseRecap – Switching browsersAdding npm scriptsOpening a Cypress command scriptRecap – Adding npm scriptsRunning Cypress testsCombining Cypress commands using scriptsRecap – Running Cypress testsSummary
Chapter 2: Differences between Selenium WebDriver and Cypress
Why choose Cypress?Recap – why choose Cypress?Comparing Cypress and Selenium WebDriverBrowser driverRetries and waits Target usageArchitecture Cross-browser compatibilityCypress trade-offsSummarizing the differencesRecap – comparing Cypress and Selenium WebDriverCypress for frontend applicationsTest RunnerSetup processImplementation and debuggingExhaustive testing capabilitiesRecap – Cypress for frontend applicationsSummary
Chapter 3: Working with Cypress Command-Line Tools
Technical requirementsRunning Cypress commandsGlobal and local commandsRecap – running Cypress commandsUnderstanding basic Cypress commandscypress runcypress openUsing the cypress info commandUsing the cypress version commandOptional exercise for Cypress command usageRecap – understanding basic Cypress commandsCypress debugging on the command lineOptional exercise for Cypress debuggingRecap – Cypress debugging on the command lineSummary
Chapter 4: Writing Your First Test
Technical requirementsCreating test filesTestfiles locationTestfiles extensionsTestfile structureCreating our test fileRecap – creating test filesWriting your first testExample testTest classificationExercise on tests classificationRecap – writing your first testWriting practical testsVisiting the Todo application pageSearching for an elementInteracting with the Todo input element Asserting the application stateExercise on practical testing Recap – writing practical testsCypress' auto-reload featureRecap – Cypress' auto-reload featureCypress assertionsImplicit subjectsExplicit subjectsExercise–implicit and explicit subjects Recap – Cypress assertionsSummary
Chapter 5: Debugging Cypress Tests
Technical requirementsUnderstanding page eventsRecap – understanding page eventsUnderstanding errors on a test runnerError nameError messageCode frame fileCode frameStack tracePrint to consoleLearn moreRecap – understanding errors on a test runnerUnderstanding time travel on executed testsRecap – understanding time travel on executed testsUnderstanding test snapshotsRecap – understanding test snapshotsUnderstanding the console debug outputmacOSWindows/Linux OSRecap – understanding the console debug outputSpecial debugging commandscy.debugcy.pauseRecap – special debugging commandsSummary
Section 2: Automated Tests with the TDD Approach
Chapter 6: Writing Cypress Tests Using the TDD approach
Technical requirementsUnderstanding TDDAdvantages of TDDDisadvantages of TDDRecap – understanding TDD Writing TDD tests in CypressSetting up the applicationAdding new todo itemsDeleting a Todo itemViewing a count of the added todo itemsRecap – setting up the applicationModifying TDD testsAdding new todo itemsDeleting a todo itemViewing added todo itemsViewing the count of added todo itemsRecap – modifying TDD testsSummary

Chapter 7: Understanding Element Interaction in Cypress
Technical requirementsUnderstanding actionabilityVisibilityDisabilityDetachedReadonlyAnimationsCoveringScrolling CoordinatesRecap – understanding actionability Forcing actionabilityOverriding Cypress actionability checksRecap – forcing actionability Summary
Chapter 8: Understanding Variables and Aliases in Cypress
Technical requirementsUnderstanding Cypress variablesClosuresRecap – Understanding Cypress variablesUnderstanding Cypress aliasesSharing contexts between test hooks and testsAccessing element referencesAccessing route referencesAccessing request referencesRecap – Understanding Cypress aliasesSummary
Chapter 9: Advanced Uses of Cypress Test Runner
Technical requirementsUnderstanding the instrument panelInterceptsStubsSpiesRecap – understanding the instrument panelUnderstanding the Selector PlaygroundSelecting unique elementsEditing selector elementsRecap – understanding the Selector PlaygroundTest Runner keyboard shortcutsRecap – Test Runner keyboard shortcutsSummary
Section 3: Automated Testing for Your Web Application
Chapter 10: Exercise – Navigation and Network Requests
Technical requirementsImplementing navigation requestscy.visit()Exercise 1cy.go()Exercise 2cy.reload()Exercise 3Recap – implementing navigation requestsImplementing network requestscy.request()Exercise 4cy.intercept()Exercise 5Recap – implementing network requestsAdvanced navigation request configurationcy.visit() configuration optionsRecap – advanced navigation request configurationSummary
Chapter 11: Exercise – Stubbing and Spying XHR Requests
Technical requirementsUnderstanding XHR requestsUtilizing XHR requests in testsRecap – utilizing XHR requests in testsUnderstanding how to stub requestsStubbing XHR requestsExercise 1Recap – understanding how to stub requestsUnderstanding how to spy on methods in a testWhy spy? Exercise 2Recap – understanding how to spy on methods in a testSummary
Chapter 12: Visual Testing in Cypress
Technical requirementsVisual testingWhy visual testing? Recap – visual testingUnderstanding viewportsViewports and testingViewports and automated visual testingRecap – viewportsAutomated visual testing toolsPercyApplitoolsRecap – automated visual testing toolsSummary
Other Books You May Enjoy
Packt is searching for authors like youLeave a review - let other readers know what you think

Content preview from End-to-End Web Testing with Cypress

Section 1: Cypress as an End-to-End Testing Solution for Frontend Applications

This section focuses on the basic principles and development methodologies that we will use throughout the book. These introductory chapters are essential for understanding more about Cypress, how to set it up, and how it differs from other testing tools such as Selenium WebDriver.

We will first look at how to install and set up Cypress. Then, we will cover the different topics of Cypress' architecture and the differences between Cypress and Selenium. We'll then finally move on to writing our first test, where we will better understand how to properly debug Cypress tests.

In this section, we will cover the following chapters:

Chapter 1, Installing and Setting ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Simplify Testing with React Testing Library

Publisher Resources

ISBN: 9781839213854

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

End-to-End Web Testing with Cypress

by Waweru Mwaura

Section 1: Cypress as an End-to-End Testing Solution for Frontend Applications

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.