Cypress là entrance finish testing device được xây dựng cho những ứng dụng Net tiên tiến. Đây là 1 công cụ tương trợ hữu hiệu cho builders và QA trong kiểm thử ứng dụng Net tiên tiến. Cypress được xây dựng trên 1 kiến trúc new và chạy trong cùng vòng lặp chạy lúc ứng dụng đang được thử nghiệm. Cypress thường được so sánh sở hữu Selenium. Nhưng Cypress hoàn toàn khác biệt sở hữu Selenium và nó ko gặp bắt buộc những hạn chế như Selenium. Điều này giúp chúng ta thực thi những Take a look at Instances 1 phương pháp đơn giản và dễ dàng hơn. 
Cypress tương trợ chúng ta:
- Arrange checks
- Write checks
- Run checks
- Debug Exams
Đằng sau Cypress là 1 máy chủ sentayho.com.vn. Quy trình Cypress và sentayho.com.vn liên tục liên lạc, đồng bộ hóa và thực hành những nhiệm vụ thay thế mặt cho nhau. Có quyền truy cập vào cả 2 phần (back and front) cho phép khả năng phản hồi những sự kiện của ứng dụng trong thời kì thực, đồng thời hoạt động bên bên cạnh trình thông qua cho những tác vụ đề nghị đặc quyền cao hơn.
Thường thì những đối tượng dùng Cypress là builders hoặc QA lúc xây dựng 1 ứng dụng Net có dùng Javascript framework.
Cypress cho phép khách hàng thực thi siêu nhiều loại take a look at:
- Finish-to-end checks
- Integration checks
- Unit checks Cypress có thể take a look at bất cứ thứ gì chạy trên trình thông qua.
3.1 Cài đặt Cypress
- Cần bắt buộc cài đặt npm trên máy tính của bạn để có thể cài đặt Cypress. NPM là trình quản lý gói cho JavaScript và đăng ký phần mềm lớn nhất thế giới.
- Tiếp theo chạy lệnh sau để cài đặt Cypress
Hãy chắc hẳn chắn rằng bạn đã chạy npm init hoặc có 1 thư phần node_modules hoặc tệp sentayho.com.vn trong thư phần gốc của dự án để đảm bảo Cypress được cài đặt trong thư phần chính xác.
3.2 Khiến thế nào để mở Cypress?
- Chạy lệnh bên dưới để mở Cypress
- Hoặc dùng lệnh:
3.3 Thêm tập lệnh npm
3.4 Khiến thế nào để viết 1 bài Take a look at?
-
Bước trước tiên là cần thông qua tới thư phần cài đặt Cypress và tạo 1 tệp javascript. Tiếp theo, sẽ thấy tệp javascript new được tạo trong Cypress.
-
Bạn có thể chỉnh sửa tệp js để đưa ra những take a look at motion thích hợp sở hữu đề nghị của ứng dụng.
-
Có thể tham khảo đoạn code dưới đây
-
Có thể thấy, có 1 đối tượng “cy” mà chúng ta luôn dùng. Đối tượng “Cy” cho phép bạn tương tác sở hữu trình thông qua. Nó được dùng trước từng lệnh. Dưới đây là những motion mà đoạn code trên thực hành trên ứng dụng Net
-
cy.viewport (HEIGHT, WIDTH):Lệnh này thay thế đổi kích thước màn hình theo giá trị được phân phối
-
cy.go to (‘URL’): Phương thức này là phương thức điều hướng cho Cypress. Nó gọi URL đã cho
-
cy.get (‘locator’): Phương thức này lấy 1 đối số là trình định vị CSS của phần tử net mà chúng ta muốn tương tác.
-
cy.get (‘locator’). sort (‘INPUT’): Phương thức này cho phép bạn điền vào những trường đầu vào.
-
cy.get (‘locator’). click on (): Phương thức này cho phép bạn click on vào 1 đối tượng có thể click on ( Thí dụ như 1 button).
-
cy.get (‘locator’). accommodates(‘EXPECTED_VALUE’): Phương thức này đưa ra sự xác nhận cho thành phần net mà bạn đã chỉ định.
-
-
Tiếp theo bạn chỉ cần mở Cypress và click on vào bài take a look at mà bạn muốn thực thi. Giao diện thực thi bao gồm 2 phần : viewport cho execute instructions và preview half cho Web site.
-
Trong trường hợp có lỗi thì Cypress sẽ cảnh báo qua viewport
Cypress là 1 công cụ hữu ích giúp cho việc kiểm thử trở nên dễ dàng hơn cho builders và QA đặc biệt là trong Integration Testing.
Lưu ý:
Hiện nay Cypress chỉ tương trợ chạy trên Chrome.
