강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Mã kiểm tra JavaScript E2E được viết bằng Cypress trong một ngày

Bởi vì giao diện người dùng là nơi diễn ra điểm tiếp xúc với người dùng nên việc kiểm thử từ góc độ người dùng chứ không phải góc độ nhà phát triển là rất quan trọng. Xác minh xem kịch bản người dùng có hoạt động bình thường thông qua thử nghiệm E2E hay không và cảm thấy tin tưởng vào mã của bạn thay vì sợ hãi!

(4.9) 51 đánh giá

526 học viên

  • makerjun
네카라쿠배
테스트 코드
3시간 만에 완강할 수 있는 강의 ⏰
Cypress
Software Test

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • cây bách

  • Thử nghiệm E2E mặt trước

  • Các loại thử nghiệm đầu cuối

Vượt qua nỗi sợ viết mã với thử nghiệm E2E!

Trong khi viết mã JavaScript
Bạn không có bất kỳ lo lắng nào như thế này sao?

😅 Có thể xóa chức năng này được không?
🧐 Có cách nào để thực hiện nhanh các bài kiểm tra chức năng lặp lại không?
🤔 Làm thế nào để xác minh mã của tôi?

Các nhà phát triển chịu trách nhiệm về chất lượng chương trình của mình. Do đó, họ phải có khả năng xác minh rằng tất cả các yêu cầu cơ bản đều được đáp ứng trước khi chuyển giao kiểm thử chức năng cho bộ phận QA. Hãy trải nghiệm sự tự tin được tăng cường nhờ kiểm thử tự động đáng tin cậy trong mã của bạn!


Dành cho người mới bắt đầu thử nghiệm FE
Hướng dẫn kiểm tra Cypress E2E . 💡 

Lòng can đảm không phải là không sợ hãi.
Lòng can đảm thực sự là hành động bất chấp nỗi sợ hãi.
- Goethe

Chúng ta sẽ cùng nhau tạo ra trải nghiệm giúp biến nỗi sợ phải viết mã kiểm thử front-end thành sự tự tin.


Gửi đến những người này
Tôi nghĩ điều này sẽ giúp ích!
🙋🏻‍♂️

Bất kỳ ai biết các khái niệm cơ bản về JavaScript

Bất kỳ ai có nhu cầu về mã kiểm tra

Khi mới học front-end, bạn có thể tập trung vào việc phát triển các tính năng giao diện người dùng màn hình và có thể hơi e ngại việc kiểm thử mã. Chúng ta sẽ vượt qua nỗi sợ này bằng cách triển khai các tính năng quy mô nhỏ và cung cấp phản hồi lẫn nhau. Cụ thể, chúng ta sẽ thực hành kiểm thử các kịch bản người dùng trên máy khách bằng công cụ kiểm thử E2E.

🔭 Sau khi học khóa học này?

  • Bạn sẽ không còn sợ phải viết mã kiểm thử nữa.
  • Tôi có thể kiểm tra nhiều lần các ứng dụng tôi viết theo các tình huống của người dùng.

Đây chính là điều làm nên sự khác biệt!

lộn ngược
Tôi đang học.

Lý do chúng ta tham gia khóa học này là để viết mã kiểm thử và xác minh chức năng của ứng dụng. Vì vậy, trước tiên chúng ta sẽ xác minh chức năng của ứng dụng và sau đó học lý thuyết.

Viết mã kiểm tra
Trải nghiệm một chu kỳ .

Thay vì đi sâu vào chi tiết về phương pháp hoặc cách sử dụng ngay từ đầu, trước tiên bạn sẽ trải nghiệm toàn bộ chu trình viết mã kiểm thử.

Trong chính mã kiểm tra
Để bạn có thể tập trung.

Ứng dụng đã có sẵn chức năng này, do đó bạn có thể tập trung vào việc viết mã kiểm tra.


Tự làm nhé! 📚

1. Ứng dụng đếm

📔 Kho lưu trữ: https://github.com/blackcoffee-study/js-counter-test
💻 Bản demo: https://blackcoffee-study.github.io/js-counter-test/

Hãy cùng kiểm tra các hàm cộng, trừ và đặt lại của ứng dụng bộ đếm. Bạn có thể tự triển khai các hàm này, nhưng nếu muốn tập trung vào việc kiểm tra, hãy chỉ viết các bài kiểm tra trong nhánh nơi các hàm được triển khai!

2. Ứng dụng máy tính

📔 Kho lưu trữ: https://github.com/blackcoffee-study/js-calculator-test/tree/main
💻 Bản demo: https://blackcoffee-study.github.io/js-calculator-test/

Kiểm tra các chức năng cơ bản của máy tính như phép tính số học.


Bạn có thắc mắc gì không? 🙌

H. Người mới bắt đầu học JavaScript có thể nghe bài này được không?

Vâng, tất nhiên rồi. Tôi đã chuẩn bị một ứng dụng đơn giản dành cho người mới bắt đầu học JavaScript, và tôi đã tạo một nhánh riêng để bạn có thể tập trung vào việc kiểm thử thay vì triển khai chức năng. Vui lòng tham khảo!

H. Có mã kiểm tra nào tôi có thể tham khảo không?

Tất cả các nhiệm vụ của Makerjun đều được trình bày trong nhóm nghiên cứu riêng của nhóm. Bạn cũng có thể tham khảo mã của các thành viên khác thông qua các PR do các thành viên trong nhóm nghiên cứu đăng tải.

H. Khóa học này có dạy TDD không?

Học TDD (Phát triển hướng kiểm thử) đòi hỏi sự hiểu biết sâu sắc hơn về triết lý đằng sau TDD và cách triển khai chức năng. Bài giảng này cố tình loại bỏ những nội dung không liên quan để giúp bạn làm quen hơn với mã kiểm thử và tích lũy kinh nghiệm thực tế khi viết mã. Chúng ta sẽ thảo luận về TDD và mã kiểm thử chuyên sâu hơn trong các bài giảng tiếp theo!


Giới thiệu Makerjun 😆

Makerjun đang tạo ra một 'môi trường' nơi chúng ta có thể cùng nhau phát triển với nguồn năng lượng tươi sáng.
Bạn có thể tìm thấy thông tin chi tiết hơn về Makerjun trên trang hồ sơ của Makerjun!

🔗 Liên kết liên quan


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người kiểm tra bằng cách nhấp chuột liên tục

  • Những người muốn thể hiện bằng những con số cụ thể những chức năng nào hoạt động trong ứng dụng họ đã tạo

  • Những người có thể tạo các ứng dụng đơn giản bằng JavaScript

Cần biết trước khi bắt đầu?

  • JavaScript vani

Xin chào
Đây là

526

Học viên

51

Đánh giá

3

Trả lời

4.9

Xếp hạng

1

Khóa học

밝은 에너지로 
함께 성장하는 '환경'을 만듭니다.

 

Chương trình giảng dạy

Tất cả

11 bài giảng ∙ (45phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

51 đánh giá

4.9

51 đánh giá

  • 김동원님의 프로필 이미지
    김동원

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    73% đã tham gia

    테스트 코드에 대해 막연한 두려움이 있었는데 실습을 통해 테스트 코드 작성을 경험할 수 있습니다. 또 테스트의 개념과 필요한 이유를 제대로 배울 수 있었어요. 다음 BDD나 TDD 강의가 얼른 나왔으면 좋겠습니다!

    • 메이커준
      Giảng viên

      열심히 다음 강의 준비하고 있으니, TDD로 프론트엔드 애플리케이션 만드는 경험 같이 진행해볼 수 있도록 할게요!

  • 정한영님의 프로필 이미지
    정한영

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    UI테스트에 대해 궁금한 점이 많았는데 이 강의를 통해서 해소할 수 있었던 것 같습니다! 잘 들었습니다~

    • 메이커준
      Giảng viên

      한영님 감사합니다~! UI테스트에 대해 후속 강의에서 더 깊이있게 다룰 수 있도록 해볼게요!

  • 쾌활한 토끼님의 프로필 이미지
    쾌활한 토끼

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    테스트 코드 입문자도 쉽고 재미있게 배우고 따라할 수 있으면서도 유익한 강의입니다:)

    • 메이커준
      Giảng viên

      우현님 친절한 리뷰 감사드립니다! 언제든 피드백 주시면 더 좋은 내용으로 업데이트할게요~!

  • Grace Lee님의 프로필 이미지
    Grace Lee

    Đánh giá 1

    Đánh giá trung bình 4.0

    4

    100% đã tham gia

    중간중간 결과 화면이 달라지거나 강의와 다르게 나오는 부분들 때문에 한참을 버벅였지만 수업 자체는 알찼던거 같아요. 일단, 이론을 먼저 구구절절 하는 강의와는 다르게 예제를 먼저 진행한 것 부터 너무 좋았던거 같아요~

    • 정훈님의 프로필 이미지
      정훈

      Đánh giá 50

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      너므 좋은강의였습니다

    239.154 ₫

    Khóa học tương tự

    Khám phá các khóa học khác trong cùng lĩnh vực!