cypress viewport presets code example

Example 1: cypress set viewport

//add this in cypress.json
{  
  "viewportWidth": 1280,
  "viewportHeight": 720
}

Example 2: cypress set viewport

//for all test files, add this in cypress.json
{  
  "viewportWidth": 1280,
  "viewportHeight": 720
}
//for individual file(applies for all test cases inside this file)
//add a script in package.json

"script_name": "./node_modules/.bin/cypress run --browser chrome --config viewportWidth=414,viewportHeight=896 --spec 'cypress/integration/file_name.js'"

Example 3: cypress set viewport for all test cases

// pass viewport in cmd, this will over ride settings in cypress.json

"script_name": "./node_modules/.bin/cypress run --browser chrome --config viewportWidth=414,viewportHeight=896 --spec 'cypress/integration/file_name.js'"