🌲 Cypress là gì?
Test chạy trong trình duyệt, xem lại được từng bước.
1
Hiểu nó là gì
Cypress chạy test cùng môi trường với ứng dụng web, có giao diện tua lại từng bước kèm ảnh chụp lúc lỗi nên dễ tìm nguyên nhân.
Nói theo đời thường:
Như camera hành trình gắn sẵn: test hỏng ở đâu thì tua đúng đoạn đó ra mà xem.
Như camera hành trình gắn sẵn: test hỏng ở đâu thì tua đúng đoạn đó ra mà xem.
⚠ Chỗ ẩn dụ này hỏng
Camera hành trình quay lại mọi thứ — nhưng Cypress chạy bên trong chính trang web đang test.
Đó vừa là điểm mạnh (thấy được mọi thứ bên trong) vừa là giới hạn thật: khó test nhiều tab, khó nhảy sang tên miền khác, và không chạy được Safari. Nếu luồng của bạn có bước thanh toán chuyển sang trang ngân hàng, cân nhắc kỹ trước khi chọn.
2
Code trông thế nào
cy.visit('/dang-nhap') cy.get('#email').type('na@vd.com') cy.get('#submit').click() cy.contains('Sai email hoặc mật khẩu').should('be.visible')
Cú pháp nối chuỗi, đọc gần như tiếng Anh. Đây là điểm nhiều người thích ở Cypress.
3
Khi nào bạn dùng nó
✓ Dùng khi
- Đội frontend muốn tự test phần mình làm
- Cần công cụ gỡ lỗi trực quan, tua lại từng bước
- Ứng dụng gói gọn trong một tên miền
✗ Đừng dùng khi
- Luồng test đi qua nhiều tên miền hoặc nhiều tab
- Bắt buộc phải hỗ trợ Safari
Chưa cần biết: lệnh tự viết, chặn network nâng cao, Cypress Cloud.
Để dành tới Mốc 3 — Tự sửa được khi nó hỏng: Test đỏ trên CI mà xanh ở máy bạn, và bạn biết bắt đầu tìm từ đâu.
Dấu hiệu bạn đã cần học nó: Khi bạn lặp lại cùng một chuỗi 6 lệnh đăng nhập ở đầu mọi file test.
4
Đi đâu tiếp
- PlaywrightLựa chọn còn lại, mạnh hơn ở đa tab và đa trình duyệt.
- E2E TestLoại test mà Cypress sinh ra để phục vụ.
- AssertionPhần
.should()trong cú pháp Cypress.
🧪 Thử 2 phút, không cần cài gì
Vào cypress.io, xem đoạn video demo ở trang chủ. Chú ý phần bên trái tua lại từng bước — đó là thứ khiến người ta chọn Cypress, không phải cú pháp.⚖ Hay bị nhầm với thuật ngữ khác
- Selenium, Playwright và Cypress — chọn cái nào?Selenium · Playwright