Làm thế nào một quản lý kiểm tra E2E của WebApp AngularJS trước khi giảm thiểu?

Question

Chúng tôi đang tạo một WebApp bằng cách sử dụng AngularJS Seed làm mẫu dự án. Có rất nhiều bộ điều khiển, chỉ thị, dịch vụ, mỗi bộ điều khiển trong tệp js của chính nó.

• Nội dung của thư mục ứng dụng sẽ được rút gọn bằng Đóng.
• Tất cả các phụ thuộc lib sẽ được thay thế bằng các phiên bản được rút gọn qua CDN.
• Kiểm tra đơn vị/e2e bằng Testacular/Jasmine.

Tôi không chắc về quy trình thử nghiệm biên dịch dev điển hình như tôi mới làm quen với thế giới của AngularJS và Javascript WebApps nói chung :-) Câu hỏi của tôi là cách quản lý tệp ứng dụng js trong quá trình phát triển như vậy kiểm tra E2E có thể gỡ lỗi được. Đây là suy nghĩ hiện tại của tôi;

1. Testacular đồng hồ các tập tin nguồn cho kiểm tra đơn vị liên tục.
2. Trang index.html luôn tham chiếu tệp js được ghép nối nhưng không được minfied.
3. Biên dịch phải xảy ra trước khi ứng dụng có thể chạy/e2e được kiểm tra.
4. Máy chủ xây dựng sẽ rút gọn như một phần của hoạt động của nó.

Đây có phải là phương pháp hợp lý không? Nó giúp với làm rõ tôi đang sử dụng WebStorm, nodejs, vv

Answer 1

Cảm ơn tất cả những ai đã đề xuất, tất cả đều giúp tôi tìm ra giải pháp. Sơ đồ dòng chảy (nhiều hay ít) mô tả quá trình xây dựng hợp lệ. Chìa khóa ở đây là bạn cần một công cụ xây dựng. Việc sử dụng một công cụ xây dựng - trong trường hợp này GruntJS - nên được thực hiện để quản lý việc sắp xếp một số nhiệm vụ. Trình tự sẽ thay đổi theo mục tiêu và công cụ xây dựng cho phép bạn sử dụng lại các tác vụ trong một số tình huống khác nhau.

Trong trường hợp ứng dụng AngularJS. Tham khảo ứng dụng góc trên github;

https://github.com/angular-app/angular-app

Bạn sẽ tìm thấy ứng dụng tham chiếu để triển khai ứng dụng Góc. Nó chứa một quá trình xây dựng được thực hiện trong Grunt để kiểm tra liên tục, xây dựng và phát hành. Nói chung, ứng dụng tham chiếu này đã là một hướng dẫn tuyệt vời để triển khai dự án javascript có thể quản lý dễ hiểu.

Answer 2

Tạo cấu hình riêng biệt để kiểm tra các nguồn được rút gọn và không được rút nhỏ.

địa phương:

$ testacular start 
# make some changes 
$ minify.sh 
$ testacular start testacular-minified.conf.js # you could skip this if you trust your minification 

xây dựng máy chủ khi thay đổi:

$ testacular start --no-auto-watch # you could skip this if you trust your minification 
$ minify.sh 
$ testacular start testacular-minified.conf.js 

Nếu bạn có cả kiểm tra Jasmine và kiểm tra E2E bạn cần phải có bốn file config.