Search results
Learn how to use plugins to customize and enhance Cypress behavior and functionality. Browse the list of official and community plugins for preprocessors, development tools, testing tools, and more.
- API Docs
Writing a Plugin. The Plugins API allows you to hook into...
- Svelte Component Testing
Cypress Component Testing works out of the box with Vite,...
- React Component Testing
Cypress Component Testing works out of the box with Create...
- Plugins
Plugins enable you to tap into, modify, or extend the...
- Extending Cypress With Plugins
As we expand Cypress and improve its feature set, this...
- API Docs
- Configuration
- Preprocessors
- Run Lifecycle
- Spec Lifecycle
- Browser Launching
- Screenshot Handling
- Cy.Task
- Real World Example
- GeneratedCaptionsTabForHeroSec
With plugins, you can programmatically alter the resolved configuration andenvironment variables that come from theCypress configuration file,cypress.env.json,the command line, or system environmentvariables. This enables you to do things like: 1. Use multiple environments with their own configurations 2. Swap out environment variables based on an ...
The event file:preprocessoris used to customize how your test code istranspiled and sent to the browser. By default, Cypress handles ES2015+,TypeScript, and CoffeeScript, using webpack to package it for the browser. You can use the file:preprocessorevent to do things like: 1. Add the latest ES* support. 2. Write your test code in ClojureScript. 3. ...
The events before:run andafter:runoccur before and after a run,respectively. You can use before:runto do things like: 1. Set up reporting on a run 2. Start a timer for the run to time how long it takes You can use after:runto do things like: 1. Finish up reporting on a run set up in before:run 2. Stop the timer for the run set up in before:run
The events before:spec andafter:specrun before and after a single specis run, respectively. You can use before:specto do things like: 1. Set up reporting on a spec running 2. Start a timer for the spec to time how long it takes You can use after:specto do things like: 1. Finish up reporting set up in before:spec 2. Stop the timer for the spec set u...
The event before:browser:launchcan be used to modify the launch arguments foreach particular browser. You can use the before:browser:launchevent to do things like: 1. Load a Chrome extension 2. Enable or disable experimental chrome features 3. Control which Chrome components are loaded Check out our Browser Launch API docswhichdescribe how to use t...
The event after:screenshotis called after a screenshot is taken and saved todisk. You can use the after:screenshotevent to do things like: 1. Save details about the screenshot 2. Rename the screenshot 3. Manipulate the screenshot image by resizing or cropping it Check out our After Screenshot API docswhich describe how to use this event.
The event task is used in conjunction with thecy.task()command. It allows you to write arbitrary codein Node to accomplish tasks that aren't possible in the browser. You can use the taskevent to do things like: 1. Manipulating a database (seeding, reading, writing, etc.) 2. Storing state in Node that you want persisted (since the driver is fullyref...
The Real World App (RWA) usestasksto re-seed its database, and to filter/find testdata for various testing scenarios. Check out theReal World App test suitesto see these tasks in action.
Learn how to use plugins to modify, customize, or enhance the internal behavior of Cypress. Plugins can tap into the Node process, the browser, the run lifecycle, the spec lifecycle, and more.
Cypress is a game-changer for end-to-end and component testing, but its power truly shines when paired with the right plugins. This blog post explores 10 must-have Cypress plugins that will supercharge testing workflows, boost efficiency, and help catch even the trickiest bugs. Cypress-e2e-cli:
Learn how to use plugins to support and extend the behavior of Cypress, a popular end-to-end testing tool. Browse the list of preprocessors, development tools, and other plugins with descriptions and links.
Learn how to use the Plugins API to customize and extend Cypress behavior. See the available events, arguments, configuration, and error handling for plugins.
Nov 22, 2017 · Learn how to write and use plugins to customize and modify Cypress, a browser-based testing tool. Plugins can enable features like TypeScript, Webpack, ESLint, and more.
The code for Cypress Documentation including Guides, API, Examples, Cypress Cloud & FAQ found at https://docs.cypress.io.
