Learning Cypress

1. Basic
Commands

2. Bahan
- Xamp versi 5.6.14
- node.js versi LTS
- UI Web menggunakan codeigneter 3 (foodtrip-web)
- API menggunakan expressJs (foodtrip-api)

3. Commands Cypress
01
Queries
Read the state of your
application
02
Assertions
Assert on the state of
your application
03
Actions
Interact with your
application as a user
04
Other
Commands
Additional commands to
help write tests.

4. Navigasi dan Interaksi dengan
Halaman Web:
cy.visit() Untuk membuka halaman web.
cy.get() Untuk menemukan elemen di halaman.
cy.click() Untuk mengklik elemen.
cy.type() Untuk memasukkan teks atau mengisi form.
cy.clear() Untuk menghapus teks dari elemen.
cy.select() Untuk memilih opsi dari elemen dropdown.

5. Navigasi dan Interaksi dengan
Halaman Web:
cy.visit() Untuk membuka halaman web.
cy.get() Untuk menemukan elemen di halaman.
cy.click() Untuk mengklik elemen.
cy.type() Untuk memasukkan teks atau mengisi form.
cy.clear() Untuk menghapus teks dari elemen.
cy.select() Untuk memilih opsi dari elemen dropdown.

6. Untuk melakukan asertion
menggunakan
sintaksis berdasarkan
chai, misalnya
expect(...).to....
Untuk mengecek berbagai
aspek elemen seperti
teks, nilai, keberadaan,
dan sebagainya.
cy.expect()
cy.should()
Asertion dan Verifikasi:

7. Thank you,
Semoga Bermanfaat.
Fredy Siswanto
Resource
- Repo UI
- Repo API
- Repo Belajar Cypress