Cypress Examples

Static site with Cypress examples tested right from the Markdown sources

Commands

Commands drive your tests in the browser like a real user would. They let you perform actions like typing, clicking, xhr requests, and can also assert things like "my button should be disabled".

• Querying
  • get
  • contains
  • within
  • root
  • Best Practices: Selecting elements
• Traversal
  • children
  • closest
  • eq
  • filter
  • find
  • first
  • last
  • next
  • nextAll
  • nextUntil
  • not
  • parent
  • parents
  • parentsUntil
  • prev
  • prevAll
  • prevUntil
  • siblings
• Actions
  • type
  • focus
  • blur
  • clear
  • submit
  • click
  • dblclick
  • rightclick
  • check
  • uncheck
  • select
  • scrollIntoView
  • scrollTo
  • trigger
• Viewport
  • viewport
• Location
  • hash
  • location
  • url
• Window
  • window
  • document
  • title
• Assertions
  • Implicit Assertions
    • should
    • and
  • Explicit Assertions
    • expect
    • assert
  • Should with callback function
  • Multiple assertions
  • Comparing arrays
  • Custom assertions
• Navigation
  • go
  • reload
  • visit
• Aliasing
  • as
• Waiting
  • wait
• Misc
  • end
  • exec
  • focused
  • screenshot
  • wrap
• Connectors
  • each
  • its
  • invoke
  • spread
  • then
• Network Requests
  • server
  • request
  • route
  • intercept
• Local Storage
  • clearLocalStorage
• Files
  • fixture
  • fixture or require
  • readFile
  • writeFile
• Cookies
  • getCookie
  • getCookies
  • setCookie
  • clearCookie
  • clearCookies
• Spies, Stubs & Clocks
  • spy
  • stub
  • clock
  • tick

Utilities

Utilities give you access to methods from other commonly used libraries.

• _
• $
• Blob
• minimatch
• Promise

Cypress API

The Cypress API enables you to configure the behavior of how Cypress works internally. You can do things like access Environment Variables, change configuration, create custom commands, and more.

• Commands
• Cookies
• Server
• arch
• config
• dom
• env
• platform
• version
• spec

Recipes

• Checking the length of the list after adding an item
• CSS examples
• Iterate over elements using .each command
• Non-breaking space
• Checking a dynamic property added to the window object
• Get input element by its label by writing a custom command
• Set nested property inside the environment object when using Cypress.env
• Find element by exact class and text
• Assert the selected value or multiple values in a <select> element
• Select an item by id
• Get the inner text of a list of elements
• Conditional testing
• Form input validation
• Retry-ability examples
• Get multiple fields at once
• Find an object in the array
• Wait for data to be set
• Return value from .within() command
• Confirm an attribute of an element
• Update table row with retries