강의

멘토링

로드맵

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

  • kkum94085289님의 프로필 이미지
    kkum94085289

    Reviews 1

    Average Rating 5.0

    5

    73% enrolled

    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!

    • makerjun
      Instructor

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

  • hanyoung님의 프로필 이미지
    hanyoung

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    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~

    • makerjun
      Instructor

      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!

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

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Đâ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ị :)

    • makerjun
      Instructor

      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!

  • orgshlove4340님의 프로필 이미지
    orgshlove4340

    Reviews 1

    Average Rating 4.0

    4

    100% enrolled

    Mặc dù tôi có vấp ngã một lúc vì màn hình kết quả thay đổi hoặc có những phần khác với bài giảng nhưng tôi nghĩ bản thân lớp học đã rất ý nghĩa. Trước hết, tôi nghĩ thật tuyệt khi, không giống như những bài giảng giải thích chi tiết về lý thuyết, các ví dụ được đưa ra trước tiên.

    • manbalboy님의 프로필 이미지
      manbalboy

      Reviews 50

      Average Rating 5.0

      5

      100% enrolled

      Đó là một bài giảng tốt.

      • makerjun
        Instructor

        Cảm ơn Jeonghoon :)

    Limited time deal ends in 4 days

    $179,195.00

    25%

    $8.80

    Similar courses

    Explore other courses in the same field!