강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

1日でCypressで書くJavaScript E2Eテストコード

フロントエンドはユーザーとの接点が行われるところなので、開発者の立場ではなく、ユーザーの立場でのテストが非常に重要です。 E2Eテストでユーザーシナリオが正常に動作していることを確認し、私のコードについて恐怖に自信を持って体験してください!

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

学習した受講者のレビュー

受講後に得られること

  • サイプレス

  • フロントエンドE2Eテスト

  • フロントエンドのテストタイプ

コード作成の恐れ、E2Eテストで震えてみてください!

JavaScriptコードを絞りながら
こんな悩みが聞こえませんか?

😅この関数を削除しても大丈夫でしょうか?
🧐繰り返し機能テストをすばやく行うことはできませんか?
🤔私のコードをどのように検証しますか?

開発者は、作成したプログラムのクオリティに対して責任がありますので、QAに機能テストを渡す前に基本要件を満たしているかどうかを検証することは、開発者が自分で行うことができる必要があります。


FEテスト入門者のため
Cypress E2Eテストレッスン💡 

勇気は恐れのない状態ではありません。
真の勇気とは恐れにもかかわらず行動する状態だ。
- ゲーテ

フロントエンドのテストコードを組むべきという恐怖を、自信に変える経験を「一緒に」作っていきます。


こんな方へ
役に立つと思います!

基本的なJavaScriptの概念を知っている人

テストコードに渇きがある方

初めてフロントエンド学習をしてみると、画面UI機能開発に集中するため、テストコードに対する漠然とした恐怖がある場合があります。

🔭この講義を聞いたら?

  • テストコードを書く恐れがなくなります。
  • ユーザーのシナリオに従って、私が書いたアプリを繰り返し可能にテストできます。

こんな点が違うよ

逆さま
学習します。

この講義を聞く理由は、テストコードを書いてアプリの機能を検証するためです。

テストコードを書く
1サイクルを経験します。

メソッドや、使用方法について最初から詳しく説明するのではなく、テストコードを書く全体のサイクルをまず経験します。

テストコード自体
集中できるように。

すでに機能が実装されているアプリがあります。


自分で作ってみてください!

1. カウンターアプリ

📔 リポジトリ: https://github.com/blackcoffee-study/js-counter-test
💻デモ:https://blackcoffee-study.github.io/js-counter-test/

カウンターアプリのプラス、マイナス、リセット機能をテストします。 機能を直接実装しても大丈夫です。

2.電卓アプリ

📔 リポジトリ: https://github.com/blackcoffee-study/js-calculator-test/tree/main
💻デモ:https://blackcoffee-study.github.io/js-calculator-test/

四則演算などの基本的な電卓機能をテストします。


質問ありますか?

Q. JavaScriptの初心者が聞いても大丈夫ですか?

はい、もちろんです。本当にJavaScriptの初心者のための簡単なアプリを用意しています。

Q. 参考にできるテストコードがありますか?

メーカージュンのすべてのミッションは独自のスタディでも扱います。

Q. この講義はTDDも学びますか?

TDD(Test Driven Development)を学ぶには、TDDの哲学の理解と、機能の実装までより多くの部分を扱わなければなりません。


メーカージュン紹介😆

明るいエネルギーで一緒に成長する「環境」を作るメーカージュンです。
メーカージュンの詳細については、メーカージュンのプロフィールページで詳しく見ることができます!

🔗関連リンク


こんな方に
おすすめです

学習対象は
誰でしょう?

  • 繰り返しクリックしてテストする方

  • 作成したアプリケーションでどのような機能が動作するかを具体的な数値で表現したい方

  • JavaScriptで簡単なアプリを作成できる方

前提知識、
必要でしょうか?

  • バニラJavaScript

こんにちは
です。

529

受講生

51

受講レビュー

3

回答

4.9

講座評価

1

講座

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

 

カリキュラム

全体

11件 ∙ (45分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

51件

4.9

51件の受講レビュー

  • kkum94085289님의 프로필 이미지
    kkum94085289

    受講レビュー 1

    平均評価 5.0

    5

    73% 受講後に作成

    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
      知識共有者

      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

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    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
      知識共有者

      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

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

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

    • makerjun
      知識共有者

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

  • orgshlove4340님의 프로필 이미지
    orgshlove4340

    受講レビュー 1

    平均評価 4.0

    4

    100% 受講後に作成

    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

      受講レビュー 50

      平均評価 5.0

      5

      100% 受講後に作成

      It was a very good lecture.

      • makerjun
        知識共有者

        Thank you, Jeonghoon :)

    ¥1,413

    似ている講座

    同じ分野の他の講座を見てみましょう!