Cypress · Middle · Question 49 of 77

How do you test responsive layouts in Cypress?

1Set cy.viewport per test or loop over sizes
2Run each test on a separate phone model
3Resize the screen of the CI machine

Show the answer

Correct answer: Set cy.viewport per test or loop over sizes

Explanation

A loop with cy.viewport(w, h) and assertions per breakpoint checks menus and layout at each size.

Further reading

Cypress: cy.viewport() ↗

Test yourself

Take the Cypress · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.