Testing responsiveness of the web application.
![image](https://private-user-images.githubusercontent.com/10338077/251952071-43ddd4fd-b863-4063-adf6-a92c5c991271.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4Nzc1NDgsIm5iZiI6MTcxODg3NzI0OCwicGF0aCI6Ii8xMDMzODA3Ny8yNTE5NTIwNzEtNDNkZGQ0ZmQtYjg2My00MDYzLWFkZjYtYTkyYzVjOTkxMjcxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA5NTQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkzZmZhOTJmODIwNjQxMGYzMjQyMmQwZWM2ODI1MTEzOGNjYTIzNzU3YjI5ODA0Njc0NTk1NGQwNDdkYmIxODQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0rXt5UrdWZcAqvijbjGYRGekxFwTHKRYsUJgG3pPSOc)
(1) Testing by passing different widths and height using the below syntax
![image](https://private-user-images.githubusercontent.com/10338077/257745117-c786723e-0aef-4791-b7bf-6e0c46874f91.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4Nzc1NDgsIm5iZiI6MTcxODg3NzI0OCwicGF0aCI6Ii8xMDMzODA3Ny8yNTc3NDUxMTctYzc4NjcyM2UtMGFlZi00NzkxLWI3YmYtNmUwYzQ2ODc0ZjkxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA5NTQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlkYjcxZGIwZDliZGZlOGM1NmJlNDk5NjdlZmJlN2NiM2E1ZjUyMmZmYjgzNDU5ZWJiMjk5NDA3OTdlOTYwMzgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.DL4deKSvy94QD98PV7U-GqjFc_dGaspm_FHtWV-g1X0)
(2) Testing viewport by passing presets
![image](https://private-user-images.githubusercontent.com/10338077/251952954-dbf35b35-332d-4961-b133-5d8b48db2bf0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4Nzc1NDgsIm5iZiI6MTcxODg3NzI0OCwicGF0aCI6Ii8xMDMzODA3Ny8yNTE5NTI5NTQtZGJmMzViMzUtMzMyZC00OTYxLWIxMzMtNWQ4YjQ4ZGIyYmYwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA5NTQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg2ZTMwYjQzMDA1MGU5ZmUyNGM4ZTBjOWIwMjk4OTYyMjI3N2RlNzM1YmQ0YTFjMTk0ODg4ZDZiZGZkYjk0ZjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.EMlx2caLiCZgiHm7Yxd4OHdAqyf5dcoQihIYqhcqjFI)
Example:
![image](https://private-user-images.githubusercontent.com/10338077/257754240-22ba7847-de83-41fa-8acb-f9d062b8dd17.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4Nzc1NDgsIm5iZiI6MTcxODg3NzI0OCwicGF0aCI6Ii8xMDMzODA3Ny8yNTc3NTQyNDAtMjJiYTc4NDctZGU4My00MWZhLThhY2ItZjlkMDYyYjhkZDE3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA5NTQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAyYWZiYjA0ZjJmMzk3OWQ2ZDg3ZWMyYjY4NDQ0Y2Y4MGY3ZGVkZjc5NzlmODc5MDZkYmU1NzAwNTQ3NjM1YmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wI5t4zH1cz0zk9w_oxqx_JoHVxQ-Fs_PQQn4Cs6vH7E)
(3) Testing viewports by passing orientation
(4) Configuring viewport at the project level
(5) Testing resolution on cloud platform
![image](https://private-user-images.githubusercontent.com/10338077/251952675-a832df89-0d5e-4d55-9012-9ae97aa9da28.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4Nzc1NDgsIm5iZiI6MTcxODg3NzI0OCwicGF0aCI6Ii8xMDMzODA3Ny8yNTE5NTI2NzUtYTgzMmRmODktMGQ1ZS00ZDU1LTkwMTItOWFlOTdhYTlkYTI4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA5NTQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJhZDdmZTEwMWVhNGQ2OWQ2M2ExNDk2NDJmOWRjMzY3ODA2ZDIyMWIxODgzNGM2YWQ2ODBlOWQwYTQ3M2FiOTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bhJQpEYrIAidJu2EmiCXzl6mLQO4ppsq9IzdHBJ1xhw)
(7). Override Viewport Options At the Run Time
Sample Command :
npx cypress run --browser chrome --config viewportWidth=1280,viewportHeight=720
PS - You can change the viewport width and height as per your requirement
(8). Testing Viewport Using Environment Variables
![image](https://private-user-images.githubusercontent.com/10338077/257754605-544b941f-1db7-4ace-b4db-3f125a522443.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4Nzc1NDgsIm5iZiI6MTcxODg3NzI0OCwicGF0aCI6Ii8xMDMzODA3Ny8yNTc3NTQ2MDUtNTQ0Yjk0MWYtMWRiNy00YWNlLWI0ZGItM2YxMjVhNTIyNDQzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA5NTQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYzZGQ0OTI4ZDUxMDc1MGViOTFkZTQ0ZTAzYzEzYjViNTQ5NDc1YTYyMTZmNDhiY2M3NTFmYzRhZDM4YjFmMmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UnJL1WcIqmemP6CfcHvYXUjhJh0lxpXmRZUH9FW5nZg)