강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Writing JavaScript E2E test code in Cypress in one day

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!

(4.9) 51 reviews

526 learners

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

Reviews from Early Learners

What you will learn!

  • Cypress

  • Frontend E2E Testing

  • Types of front-end tests

Overcome the fear of writing code with E2E testing!

While writing JavaScript code
Don't you have these worries ?

😅 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!


For beginners of FE testing
Cypress E2E Testing Tutorial. 💡 

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.


To these people
I think it will help!
🙋🏻‍♂️

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.

🔭 After taking this course?

  • You will lose the fear of writing test code.
  • I can repeatably test the apps I write according to user scenarios.

This is what makes it different!

upside down
I'm learning.

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.

Writing test code
Experience one cycle .

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.

In the test code itself
So that you can concentrate.

The app already has the functionality implemented, so you can focus on writing the test code itself.


Make it yourself! 📚

1. Counter app

📔 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!

2. Calculator app

📔 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.


Have any questions ? 🙌

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!


Introducing Makerjun 😆

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!

🔗 Related Links


Recommended for
these people

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

Hello
This is

526

Learners

51

Reviews

3

Answers

4.9

Rating

1

Course

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

 

Curriculum

All

11 lectures ∙ (45min)

Published: 
Last updated: 

Reviews

All

51 reviews

4.9

51 reviews

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

    Reviews 1

    Average Rating 5.0

    5

    73% enrolled

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

    • 메이커준
      Instructor

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

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

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

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

    • 메이커준
      Instructor

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

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

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

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

    • 메이커준
      Instructor

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

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

    Reviews 1

    Average Rating 4.0

    4

    100% enrolled

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

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

      Reviews 50

      Average Rating 5.0

      5

      100% enrolled

      너므 좋은강의였습니다

    $8.80

    Similar courses

    Explore other courses in the same field!