Wyszukiwanie elementów HTML za pomocą Cypressa

Żeby wyszukać element lub elementy w DOM należy znać selektor CSS. Sprawa jest prosta. Podajemy selektor CSS jako argument w metodzie .get(selector) i dostajemy to czego szukamy. Dlaczego w Cypressie istnieje wiele metod wyszukiwania elementów? Dlaczego oprócz .get(selector) możemy użyć również .find(selector)?

Obydwie metody wyszukują elementy, ale różni je kontekst. Metoda .get(selector) przeszukuje cały dokument HTML:

<div>
  <p>Hello 1</p>
</div>
<div class="test-class">
  <p>Hello 2</p>
</div>

.get("p") // Dostajemy dwa elementy p

Metoda .find(selector) przeszukuje element lub elementy:

<div>
  <p>Hello 1</p>
</div>
<div class="test-class">
  <p>Hello 2</p>
</div>

.get("div.test-class").find("p") // Dostajemy jeden element p z treścią "Hello 2"