A Cypress custom command to set window.devicePixelRatio
by adjusting Emulation.setDeviceMetricsOverride
.
Installation
npm install --save-dev cypress-set-device-pixel-ratio
# or
yarn add --dev cypress-set-device-pixel-ratio
Typescript
In your tsconfig.json file, add the package to the types array:
{
"compilerOptions": {
"types": ["cypress", "cypress-set-device-pixel-ratio", "node"],
},
}
Usage
- In your Cypress commands.js file, import the package:
import 'cypress-set-device-pixel-ratio';
- Use the cy.setDevicePixelRatio() command in your Cypress tests:
describe('Test suite', () => { it('Test case', () => { cy.setDevicePixelRatio(2); // Or cy.setDevicePixelRatio(2, { mobile: true; width: 375; height: 667; }); // your test steps }); });