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
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!
I'm working hard on the next lecture, so let's go through the experience of creating a front-end application with TDD together!
Reviews 2
∙
Average Rating 5.0
5
This is a useful lecture that even beginners in test code can learn and follow easily and enjoyably :)
Thank you for your kind review, Woohyun! Please give me feedback anytime so I can update with better content~!
Reviews 1
∙
Average Rating 4.0
4
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~
Limited time deal ends in 8 days
$7,700.00
30%
$8.80
Explore other courses in the same field!
