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

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

難易度 初級

受講期間 無制限

Cypress
Cypress
Software Test
Software Test
Cypress
Cypress
Software Test
Software Test
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

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

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

4.9

5.0

김동원

73% 受講後に作成

テストコードについて漠然とした恐れがありました。 練習により、テストコードを書くことができます。 また、テストの概念と必要な理由をきちんと学ぶことができました。 次のBDDやTDD講義が早く出てほしい!

5.0

정한영

100% 受講後に作成

UIテストについて気になる点が多かったのですが、この講義を通じて解消できたようです!よく聞きました〜

5.0

쾌활한 토끼

100% 受講後に作成

テストコード入門者も簡単で楽しく学び、従うことができながらも有益な講義です:)

受講後に得られること

  • サイプレス

  • フロントエンド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

こんにちは
makerjunです。

530

受講生

51

受講レビュー

3

回答

4.9

講座評価

1

講座

明るいエネルギーで
共に成長する「環境」を作ります。

明るいエネルギーで共に成長する「環境」を作ります。

もっと見る

カリキュラム

全体

11件 ∙ (45分)

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

受講レビュー

全体

51件

4.9

51件の受講レビュー

  • kkum94085289님의 프로필 이미지
    kkum94085289

    受講レビュー 1

    平均評価 5.0

    5

    73% 受講後に作成

    テストコードについて漠然とした恐れがありました。 練習により、テストコードを書くことができます。 また、テストの概念と必要な理由をきちんと学ぶことができました。 次のBDDやTDD講義が早く出てほしい!

    • makerjun
      知識共有者

      一生懸命次の講義を準備しているので、TDDでフロントエンドアプリケーションを作る経験のように進めてみることができるようにします!

  • hanyoung님의 프로필 이미지
    hanyoung

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    UIテストについて気になる点が多かったのですが、この講義を通じて解消できたようです!よく聞きました〜

    • makerjun
      知識共有者

      ハンヨン様ありがとうございます〜! UIテストについて後続の講義でより深く扱えるようにしましょう!

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

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    テストコード入門者も簡単で楽しく学び、従うことができながらも有益な講義です:)

    • makerjun
      知識共有者

      ウヒョンさん フレンドリーなレビューありがとうございます!いつでもフィードバックをいただくと、より良い内容にアップデートしますよ〜!

  • orgshlove4340님의 프로필 이미지
    orgshlove4340

    受講レビュー 1

    平均評価 4.0

    4

    100% 受講後に作成

    中途半端な結果画面が変わったり講義と違って出てくる部分のせいでしばらくを一気にしましたが授業自体は気付いていたようです。 一応、理論を先に句句節する講義とは違って例を先に進めたことからとても良かったと思います~

    • manbalboy님의 프로필 이미지
      manbalboy

      受講レビュー 50

      平均評価 5.0

      5

      100% 受講後に作成

      あなたは良い講義でした

      • makerjun
        知識共有者

        ありがとう、チョンフン:)

    似ている講座

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

    ¥1,400