Wykonywanie wielu akcji w kontekście elementu HTML w Cypress

Częstym scenariuszem podczas automatyzacji testów jest wyszukanie elementu HTML, który pełni rolę kontenera. A później wykonanie akcji tylko w obrębie tego kontenera. W Cypress stworzona została specjalna metoda żeby ułatwić kodowanie takiego scenariusza.

Za przykład posłuży nam formularz logowania:

<form>
  <input id="email" type="email" />
  <input id="password" type="password" />
  <button type="submit">Login</button>
</form>

Poniższy kod wyszukuje formularz a następnie wpisuje użytkownika i hasło:

cy.get('form').within(() => {
  cy.get('input#email').type('test@email.com')
  cy.get('input#password').type('password')
})