강의

멘토링

로드맵

Inflearn brand logo image
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

こんにちは
です。

526

受講生

51

受講レビュー

3

回答

4.9

講座評価

1

講座

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

 

カリキュラム

全体

11件 ∙ (45分)

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

受講レビュー

全体

51件

4.9

51件の受講レビュー

  • kkum94085289님의 프로필 이미지
    kkum94085289

    受講レビュー 1

    平均評価 5.0

    5

    73% 受講後に作成

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

      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

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

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

      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

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

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

      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

    受講レビュー 1

    平均評価 4.0

    4

    100% 受講後に作成

    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

      受講レビュー 50

      平均評価 5.0

      5

      100% 受講後に作成

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

      • makerjun
        知識共有者

        Cảm ơn Jeonghoon :)

    ¥1,337

    似ている講座

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