강의

멘토링

커뮤니티

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á

527 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à

527

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á

  • kkum94085289님의 프로필 이미지
    kkum94085289

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    73% đã tham gia

    I had a vague fear of test code, but I was able to experience writing test code through practice. I was also able to properly learn the concept of testing and why it is necessary. I hope the next BDD or TDD lecture comes out soon!

    • makerjun
      Giảng viên

      I'm working hard on the next lecture, so let's go through the experience of creating a front-end application with TDD together!

  • hanyoung님의 프로필 이미지
    hanyoung

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I had a lot of questions about UI testing, and I think I was able to resolve them through this lecture! I enjoyed it~

    • makerjun
      Giảng viên

      Thank you, Han-Young! I will try to cover UI testing in more depth in a follow-up lecture!

  • ravi [DEL] 231023072348811905님의 프로필 이미지
    ravi [DEL] 231023072348811905

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    This is a useful lecture that even beginners in test code can learn and follow easily and enjoyably :)

    • makerjun
      Giảng viên

      Thank you for your kind review, Woohyun! Please give me feedback anytime so I can update with better content~!

  • orgshlove4340님의 프로필 이미지
    orgshlove4340

    Đánh giá 1

    Đánh giá trung bình 4.0

    4

    100% đã tham gia

    Although I struggled for a while because the result screen changed from time to time or there were parts that were different from the lecture, I think the class itself was informative. First of all, I think it was really good that the lectures proceeded with examples first, unlike the lectures that go into detail about the theory first~

    • manbalboy님의 프로필 이미지
      manbalboy

      Đánh giá 50

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      It was a very good lecture.

      • makerjun
        Giảng viên

        Thank you, Jeonghoon :)

    238.655 ₫

    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!