
Khái niệm cơ bản về kiểm thử front-end trong 2 giờ
jasonkang
Mã kiểm tra! Tôi đã chuẩn bị điều này cho những người không biết bắt đầu từ đâu. Từ viết thử nghiệm đến triển khai thông qua tự động hóa, tất cả cùng một lúc!
초급
React, Cypress, Jest
Since the front-end is where the user comes into contact, it is very important to test from the user's perspective, not the developer's perspective. Through E2E testing, verify that the user scenarios work normally and experience the transition from fear to confidence in your code!
Cypress
Frontend E2E Testing
Types of front-end tests
Overcome the fear of writing code with E2E testing!
😅 Is it okay to remove this function?
🧐 Is there a way to quickly perform repetitive functional tests?
🤔 How do I verify my code?
Developers are responsible for the quality of their programs. Therefore, they must be able to verify that all basic requirements are met before handing over functional testing to QA. Experience the confidence boost of reliable automated testing in your code!
Courage is not the absence of fear.
True courage is acting despite fear.
- Goethe
We'll create an experience together that turns the fear of having to write front-end test code into confidence.
Anyone who knows basic JavaScript concepts
Anyone with a thirst for test code
When first learning front-end, you might be focused on developing screen UI features, and you might have a vague fear of testing code. We'll overcome this fear by implementing small-scale features and providing mutual feedback. Specifically, we'll practice testing user scenarios on the client using an E2E testing tool.
The reason we're taking this course is to write test code and verify the app's functionality. So, we'll first verify the app's functionality and then learn the theory.
Rather than going into detail about the method or how to use it from the beginning, you first experience the entire cycle of writing test code.
The app already has the functionality implemented, so you can focus on writing the test code itself.
📔 Repository: https://github.com/blackcoffee-study/js-counter-test
💻 Demo: https://blackcoffee-study.github.io/js-counter-test/
Let's test the add, subtract, and reset functions of the counter app. You can implement the functions yourself, but if you want to focus on the testing itself, write only the tests in the branch where the functions are implemented!
📔 Repository: https://github.com/blackcoffee-study/js-calculator-test/tree/main
💻 Demo: https://blackcoffee-study.github.io/js-calculator-test/
Test basic calculator functions such as arithmetic operations.
Q. Is it okay for a JavaScript beginner to listen to this?
Yes, of course. I've prepared a simple app for JavaScript beginners, and I've created a separate branch so you can focus on testing rather than implementing the functionality. Please refer to it!
Q. Is there any test code that I can refer to?
All of Makerjun's missions are covered in its own study group. You can also reference other members' code through PRs posted by study group members.
Q. Does this course also teach TDD?
Learning TDD (Test Driven Development) requires a deeper understanding of the philosophy behind TDD and a deeper understanding of functional implementation. This lecture intentionally excludes relevant content to help you become more familiar with test code and gain hands-on experience writing it. We'll discuss TDD and more in-depth test code in subsequent lectures!
Makerjun is creating an 'environment' where we can grow together with bright energy.
You can find more detailed information about Makerjun on Makerjun's profile page!
Who is this course right for?
For those who test by clicking directly repeatedly
Anyone who wants to express in concrete numbers what functions work in the application I created
Anyone who can create a simple app with JavaScript
Need to know before starting?
Vanilla JavaScript
All
11 lectures ∙ (45min)
All
51 reviews
4.9
51 reviews
Reviews 1
∙
Average Rating 5.0
5
Tôi có một nỗi lo sợ mơ hồ về mã kiểm tra. Bạn có thể trải nghiệm viết test code thông qua thực hành. Tôi cũng có thể tìm hiểu đúng về khái niệm thử nghiệm và lý do tại sao nó lại cần thiết. Tôi hy vọng bài giảng BDD hoặc TDD tiếp theo sẽ sớm ra mắt!
Mình đang chăm chỉ chuẩn bị cho bài giảng tiếp theo nên mình sẽ chia sẻ kinh nghiệm tạo ứng dụng front-end với TDD nhé!
Reviews 1
∙
Average Rating 5.0
5
Tôi đã có rất nhiều câu hỏi về kiểm tra giao diện người dùng và tôi nghĩ rằng tôi có thể trả lời chúng thông qua bài giảng này! Tôi nghe rõ lắm~
Cảm ơn Hanyoung~! Chúng tôi sẽ đề cập sâu hơn về kiểm tra giao diện người dùng trong các bài giảng tiếp theo!
Reviews 2
∙
Average Rating 5.0
5
Đây là một khóa học giàu thông tin mà ngay cả những người mới bắt đầu học mã kiểm tra cũng có thể học và làm theo một cách dễ dàng và thú vị :)
Woohyun, cảm ơn bạn đã đánh giá tốt! Vui lòng gửi phản hồi cho chúng tôi bất cứ lúc nào và chúng tôi sẽ cập nhật nội dung tốt hơn!
Reviews 1
∙
Average Rating 4.0
Limited time deal ends in 4 days
$179,195.00
25%
$8.80
Explore other courses in the same field!