Cách thiết lập vùng phủ mã Angular trong VS Code
Trong vòng chưa đầy 30 giây.
Dưới đây là cách định cấu hình vùng phủ mã để khám phá phần nào của ứng dụng Angular của bạn đang được kiểm tra.
Số ba.
Hai.
Một.
ĐI!
1. Thay đổi angular.json
Mở angular.jsontệp trong thư mục gốc của dự án Angular của bạn.
Di chuyển đến testphần và thêm codeCoverage: truedòng.
Như thế này.
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
...
"codeCoverage": true
}
},
2. Thiết lập báo cáo phạm vi mã trong Visual Studio Code.
Vì vậy, bây giờ chúng tôi đã tạo báo cáo phạm vi mã của chúng tôi, làm cách nào để hiển thị chúng?
Chà, có một tiện ích mở rộng sẽ làm điều này cho chúng ta. Nó được gọi là Coverage Gutters .
Đi tới Phần mở rộng trong Mã VS, tìm kiếm Coverage Guttersvà cài đặt nó.
Sau khi cài đặt, bạn sẽ thấy các dòng màu xanh lục để hiển thị phần nào của mã Angular của bạn đang được kiểm tra.
3. Bắt đầu bao phủ Gutters
Và cuối cùng, sử dụng CTRL + SHIFT + Pphím tắt để mở cửa sổ lệnh và chọn Coverage Gutters: Watchhiển thị trạng thái phủ mã trong Visual Studio Code.
Phần kết luận
Đừng quên rằng phạm vi bảo hiểm của mã Angular không phải là một viên đạn bạc.
Chỉ vì 100% mã trong dự án Angular của bạn đang được thử nghiệm không có nghĩa là tất cả các trường hợp sử dụng và kịch bản sản xuất có thể không có lỗi.
Điều đó nói rằng, độ phủ của mã là một nhiệt kế tuyệt vời để giúp bạn quyết định bạn cần viết bao nhiêu bài kiểm tra.
Nếu bạn thích bài viết này và thấy nó hữu ích, hãy nhấn nút 👏 và theo dõi tôi để biết thêm những bài viết hay như thế này.
Theo dõi tôi: GitHub , Medium , Blog cá nhân
Ban đầu được xuất bản tại https://danielk.tech .
Suggested posts
Tài nguyên mã hóa được sử dụng nhiều nhất của tôi
Tuần này, tôi nhận được một email từ một thành viên trong danh sách email hàng ngày. Họ muốn biết: Bạn truy cập tài nguyên nào hàng ngày, hàng tuần và hàng tháng? Câu hỏi tuyệt vời! Tôi rất vui khi cố gắng chia sẻ một số thông tin chi tiết về quy trình làm việc của mình và các tài nguyên hàng đầu mà tôi sử dụng.
Chuỗi thư viện Lit — 1: Tìm hiểu sâu về Thư viện lit-html
Mục đích của chuỗi blog này là tìm hiểu sâu về thư viện Lit và hiểu toàn diện về các tính năng độc đáo của nó cũng như cách nó tạo nên sự khác biệt so với các thư viện và framework khác trên thị trường. Loạt bài này được chia thành ba phần, bao gồm các chủ đề như 1.
Related posts
Vụ sát hại Jordan Neely và vấn đề phân biệt chủng tộc “yêu nước”
Hoa Kỳ có thể thực hiện một bước thiết yếu là không đánh đồng hành vi phân biệt chủng tộc với việc trở thành một người Mỹ tốt không?
[Cảnh báo kích hoạt: Bài tiểu luận này bao gồm các bức ảnh chụp màn hình những người ca ngợi kẻ giết Jordan Neely.] Các quan chức thực thi pháp luật cuối cùng - và có lẽ miễn cưỡng - đã buộc tội Daniel Penny, kẻ đã bóp cổ Jordan Neely cho đến chết, vì tội giết người đó.
"Hé lộ rãnh Mariana: Hé lộ những sự thật kinh hoàng ẩn giấu của vực thẳm"
Giới thiệu: Chào mừng những độc giả dũng cảm đến với cuộc hành trình sẽ đưa chúng ta đến những nơi sâu thẳm nhất của hành tinh chúng ta. Trong blog này, chúng tôi đi sâu vào thế giới bí ẩn của Rãnh Mariana, khám phá những bí mật ẩn giấu của nó và khám phá những sự thật lạnh thấu xương nằm bên dưới bề mặt của nó.
Tại sao một số dịch giả tự do đang giả mạo cuộc sống của họ
Gần đây, tôi đã truy cập Linkedin, mạng xã hội chuyên nghiệp lớn nhất thế giới và tìm thấy các bài đăng của các nhà thiết kế tự do mà tôi theo dõi, những người đã thu hút sự chú ý của tôi. Tất cả họ đều đăng ảnh chụp từ máy bay, trên bãi biển với máy tính xách tay của họ, từ bể bơi và văn phòng với những khung cảnh tuyệt vời.