
리셀봇 원리로 알아보는 Cypress
애프터캠프
자동 로그인, 자동 상품 구매 동작 원리를 Cypress를 통해서 배워봅니다
초급
Cypress, 소프트웨어 테스트
フロントエンドはユーザーとの接点が行われるところなので、開発者の立場ではなく、ユーザーの立場でのテストが非常に重要です。 E2Eテストでユーザーシナリオが正常に動作していることを確認し、私のコードについて恐怖に自信を持って体験してください!
サイプレス
フロントエンドE2Eテスト
フロントエンドのテストタイプ
コード作成の恐れ、E2Eテストで震えてみてください!
😅この関数を削除しても大丈夫でしょうか?
🧐繰り返し機能テストをすばやく行うことはできませんか?
🤔私のコードをどのように検証しますか?
開発者は、作成したプログラムのクオリティに対して責任があります。そのため、QAに機能テストを渡す前に基本要件をすべて満たしているかどうかの検証は、開発者自身が行うことができなければなりません。信頼できる自動化テストで、自分のコードに自信を持って体験してください!
勇気は恐れのない状態ではありません。
真の勇気とは恐れにもかかわらず行動する状態だ。
- ゲーテ
フロントエンドのテストコードを組むべきという恐怖を、自信に変える経験を「一緒に」作っていきます。
基本的なJavaScriptの概念を知っている人
テストコードに渇きがある方
初めてフロントエンド学習をしてみると画面UI機能開発に集中するため、テストコードに対する漠然とした恐れがある場合があります。 E2Eテストツールを使用して、ユーザーシナリオをクライアントでテストする動作を一緒に練習する予定です。
この講義を聞く理由は、テストコードを書いてアプリの機能を検証するためです。そのため、アプリの機能検証を最初に行い、理論を後で学習します。
メソッドや、使用方法について最初から詳しく説明するのではなく、テストコードを書く全体のサイクルをまず経験します。
機能がすでに実装されているアプリがあります。だからあなたは最初にテストコードを書くことに集中するだけです。
📔 リポジトリ: https://github.com/blackcoffee-study/js-counter-test
💻デモ:https://blackcoffee-study.github.io/js-counter-test/
カウンターアプリのプラス、マイナス、リセット機能をテストします。機能を直接実装しても大丈夫で、テスト自体に集中したい場合は、機能が実装されたブランチでテストのみ作成してみてください!
📔 リポジトリ: https://github.com/blackcoffee-study/js-calculator-test/tree/main
💻デモ:https://blackcoffee-study.github.io/js-calculator-test/
四則演算などの基本的な電卓機能をテストします。
Q. JavaScriptの初心者が聞いても大丈夫ですか?
はい、もちろんです。本当にJavaScriptの初心者のための簡単なアプリを用意し、機能実装ではなくテスト自体に集中できるブランチを別に用意したので参考にしてください!
Q. 参考にできるテストコードがありますか?
メーカージュンのすべてのミッションは独自のスタディでも扱います。スタディワンの方が投稿したPRを通じて他の方のコードも参考にしていただけます。
Q. この講義はTDDも学びますか?
TDD(Test Driven Development)を学ぶには、TDDの哲学の理解と、機能の実装までより多くの部分を扱う必要があります。今回の講義はテストコードに「おなじみ」になり、テストコードを「作成してみる経験」のためにわざわざ関連した内容は除外しました。 TDDとより耐性のあるテストコードの話は、後続の講義で会いましょう!
明るいエネルギーで一緒に成長する「環境」を作るメーカージュンです。
メーカージュンの詳細については、メーカージュンのプロフィールページで詳しく見ることができます!
学習対象は
誰でしょう?
繰り返しクリックしてテストする方
作成したアプリケーションでどのような機能が動作するかを具体的な数値で表現したい方
JavaScriptで簡単なアプリを作成できる方
前提知識、
必要でしょうか?
バニラJavaScript
全体
11件 ∙ (45分)
1. 講義の進行方法
02:37
2. Cypressのインストールと実行
04:09
5. 例外テストコードを書く
02:12
6. reset 機能テストコードの記述
01:12
7. 電卓アプリテストコードを書く
07:49
全体
51件
同じ分野の他の講座を見てみましょう!