12/11/2020
Cypress is a desktop application that is installed on your computer. The desktop application supports these operating systems:
Install Node.js
Install Visual Studio Code(Editor)
Installing:-
' npm init -y'
Install Cypress via npm:
npm install cypress --save-dev'
This will install Cypress locally as a dev dependency for your project.
Make sure that you have already run npm init or have a node_modules folder or package.json file in the root of your project to ensure cypress is installed in the correct directory.
Notice that the Cypress npm package is a wrapper around the Cypress binary. The version of the npm package determines the version of the binary downloaded.
Best Practice
The recommended approach is to install Cypress with npm because :
Cypress is versioned like any other dependency.
It simplifies running Cypress in Continuous Integration.
'yarn add'
Installing Cypress via yarn:
'yarn add cypress --dev'
Direct download:-
If you’re not using Node or npm in your project or you want to try Cypress out quickly, you can always download Cypress directly from our CDN.
Recording runs to the Dashboard is not possible from the direct download. This download is only intended as a quick way to try out Cypress. To record tests to the Dashboard, you’ll need to install Cypress as an npm dependency.
The direct download will always grab the latest available version. Your platform will be detected automatically.
Then you can manually unzip and double click. Cypress will run without needing to install any dependencies.
Continuous integration:-
Please read our Continuous Integration docs for help installing Cypress in CI. When running in linux you’ll need to install some system dependencies or you can use our Docker images which have everything you need prebuilt.
Opening Cypress
If you used npm to install, Cypress has now been installed to your ./node_modules directory, with its binary executable accessible from ./node_modules/.bin.
Now you can open Cypress from your project root one of the following ways:
The long way with the full path
'./node_modules/.bin/cypress open'
Or with the shortcut using npm bin
'(npm bin)/cypress open'
Or by using npx
note: npx is included with npm > v5.2 or can be installed separately.
'npx cypress open'
Or by using yarn:-
'yarn run cypress open'
After a moment, the Cypress Test Runner will launch.
Switching browsers:-
The Cypress Test Runner attempts to find all compatible browsers on the user’s machine. The drop down to select a different browser is in the top right corner of the Test Runner.
Select a different browser
Read Launching Browsers for more information on how Cypress controls a real browser during end-to-end tests.
Cross Browser Support
Cypress currently supports Firefox and Chrome-family browsers (including Edge and Electron). To run tests optimally across these browsers in CI, check out the strategies demonstrated in the cross browser Testing guide.
Adding npm scripts
While there’s nothing wrong with writing out the full path to the Cypress executable each time, it’s much easier and clearer to add Cypress commands to the scripts field in your package.json file.
{
"scripts": {
"cypress:open": "cypress open"
}
