2016-04-18 17 views
16

Vì lý do gì tôi có thể sử dụng selenium-standalone với xpath để kiểm tra một ứng dụng. Nhưng thử nghiệm SPA có thể là một thử thách đôi khi.Cách kiểm tra đầu cuối (e2e) thích hợp trong Vue.js

Nhưng, ví dụ: Nhóm angularjs's cung cấp protractor cho mục đích này.

Lý do đằng sau thước đo như tôi có thể thấy là chờ đợi thước đo cho đến angularjs sẽ được nạp và vài tính năng hơn:

thước đo cung cấp một số chiến lược định vị và chức năng mới mà rất hữu ích để tự động hóa các ứng dụng AngularJS . Ví dụ bao gồm những thứ như: waitForAngular, By.binding, By.repeater, By.textarea, By.model, WebElement.all, WebElement.evaluate vv

Vì vậy, câu hỏi là: Liệu nó bất kỳ công cụ hoặc thực hành tốt nhất cho thử nghiệm e2e trong Vuejs?

UPD: vui lòng đăng liên kết tới hướng dẫn, ví dụ và mọi thứ thú vị về thử nghiệm e2e trong vue.js. Cảm ơn.

+3

Hãy xem các ví dụ từ Evan You, tác giả của Vue. https://github.com/vuejs/vue-cli Ngoài ra còn có các liên kết đến một số ứng dụng mẫu bao gồm thử nghiệm như https://github.com/vuejs-templates/webpack – Jeff

Trả lời

14

Công cụ bạn đang nghĩ đến là Nightwatch. Với điều này, bạn có thể làm thử nghiệm E2E với Vue.js.

Thậm chí tốt hơn, gói này được đóng gói theo mặc định khi bạn đang sử dụng vue-cli, sẵn sàng để chạy.

Dòng lệnh để tạo dự án với Đồng hồ ban đêm được kích hoạt theo mặc định là vue init webpack myProjectName.

Đây là smalltutorials về việc đó.

EDIT: Gần đây tôi đã sử dụng Webdriver.io rất nhiều, và tôi phải nói rằng tôi thích nó để Nightwatch (tài liệu tốt hơn, cộng đồng phản ứng với một gitter sống, vấn đề được xử lý một cách kịp thời, vv)

11

tôi khuyên bạn nên sử dụng https://devexpress.github.io/testcafe.

Ưu điểm:

  • dễ dàng cài đặt
  • hoàn thành khai thác thử nghiệm
  • ES2016 javascript với (async/chờ đợi)
  • hệ thống chọn linh hoạt
  • khẳng định thông minh với chính sách retry
  • báo cáo

Xem hướng dẫn đơn giản here

1

Tôi khuyên bạn nên Cypress.

  • đơn NPM phụ thuộc
  • quay video ngay ra khỏi hộp
  • GUI cho thấy tất cả các bước của bài kiểm tra.

tài liệu của chúng tôi là tuyệt vời: https://on.cypress.io/intro

Đối Vue đặc biệt thấy hướng dẫn này: https://vuejsdevelopers.com/2018/01/29/vue-js-e2e-test-hacker-news/ và nếu bạn muốn làm kiểm tra đơn vị của các thành phần Vue https://github.com/bahmutov/cypress-vue-unit-test

Chúc mừng thử nghiệm.

+0

Nhưng Cypress chỉ hỗ trợ trình duyệt dựa trên Chrome phải không? – rfodge

Các vấn đề liên quan