- vừa được xem lúc

Một chút về Cypress

0 0 40

Người đăng: Lonh Thanh

Theo Viblo Asia

Cypress là gì?

Cypress là tool kiểm thử giao diện cho web, được viết bằng JS và rất dễ sử dụng, nó có thể chạy End to End test, intergation test và unit test.

Cài đặt Cypress

  • Cần phải 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.
  • Sau đó chạy npm install cypress --save-dev.

Hãy chắc chắn rằng bạn đã chạy npm init hoặc có một thư mục node_modules hoặc tệp package.json trong thư mục gốc của dự án để đảm bảo Cypress được cài đặt trong thư mục chính xác.

Chương trình đầu tiên

Tạo một file test

  1. Tạo một file sample_spec.js trong thư mục cypress/integration
  2. Sau đó chạy lệnh npx cypress open. Nếu màn hình hiển thị danh sách các file test có file vừa tạo là thành công

Viết một chương trình đầu tiên

Bây giờ là lúc để viết thử nghiệm đầu tiên. Nào let's go:

describe('My First Test', () => { it('Does not do much!', () => { expect(true).to.equal(true) })
})

Thêm đoạn code sau vào file sample_spec.js kết quả sẽ ra như sau:

Đây là một demo nhẹ nhàng quá nhỉ 😄 vậy chúng ta thử bắt đầu với một chương trình thực sự nào.

Bắt đầu một chương trình thực sự

Truy cập vào một trang web

Chúng ta có thể sử dụng cy.visit() để truy cập đến một url thực tế. Bây giờ hãy xem đoạn code sau:

describe('My First Test', () => { it('Visits the Kitchen Sink', () => { cy.visit('https://example.cypress.io') })
})

Sau đó chạy ứng dụng. Chúng ta sẽ nhận thấy là ứng dụng pass và chạy tới trang https://example.cypress.io.

Truy vấn đến một phần tử

Để tìm kiếm một phần tử trong nội dung chúng ta dùng lệnh cy.contains:

describe('My First Test', () => { it('finds the content "type"', () => { cy.visit('https://example.cypress.io') cy.contains('type') })
})
Tiếp theo là click vào một phần tử

Ok, bây giờ chúng ta muốn nhấp vào liên kết chúng tôi đã tìm thấy. Làm sao chúng ta làm việc đó bây giờ? Thêm một .click() lệnh vào cuối lệnh trước đó, như sau:

describe('My First Test', () => { it('clicks the link "type"', () => { cy.visit('https://example.cypress.io') cy.contains('type').click() })
})
Cuối cùng như chúng ta biết khi viết test cần có một khẳng định cuối cùng
describe('My First Test', () => { it('clicking "type" navigates to a new url', () => { cy.visit('https://example.cypress.io') cy.contains('type').click() // Should be on a new URL which includes '/commands/actions' cy.url().should('include', '/commands/actions') })
})

Kết luận

Như vậy chúng ta đã cùng nhau đi qua một lượt về cypress. Chúng ta có thể làm nhiều lệnh hơn. Chi tiết mời các bạn xem tại đây Cypress. Cảm ơn các bạn đã thao dõi.

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu về SelectorsHub - thế hệ mới của XPath & Selectors tools

1/ Giới thiệu:. Locators đóng một vai trò rất quan trọng trong các automation script.

0 0 40

- vừa được xem lúc

Thực hiện automation test với hệ thống có yêu cầu xác thực email

I. Yêu cầu:.

0 0 62

- vừa được xem lúc

Tự học JMeter A - Z (P1)

Series này được viết ra để tổng hợp các kiến thức mình tự học được về JMeter. Hope you enjoy it. . Download Java JDK.

0 0 603

- vừa được xem lúc

Automation test mà không cần code

Chào các bạn, lần này mình sẽ viết 1 chủ đề mà nhiều bạn Manual test quan tâm đó chính là làm thế nào để có thể thực hiện Automation test mà không cần code, hoặc code gà như mình vẫn có thể thực hiện

0 0 38

- vừa được xem lúc

Tìm hiểu về Automation Web Testing với Selenium & Cucumber

Selenium là gì. . . Selenium chỉ tập chung vào việc tự động hóa các ứng dụng dựa trên Web.

0 0 278

- vừa được xem lúc

Sự khác nhau giữa Manual Testing và Automation Testing

1. Manual Testing là gì. 2. Automation Testing là gì.

0 0 64