Web開発ソフトウェアテスト徹底攻略 (React Hooks/Redux + Django REST API)

フロントエンドとバックエンドのテスト手法を習得。ReactHooks/Redux Toolkitのテスト手法 + Django REST APIのテスト手法

Ratings: 4.67 / 5.00




Description

自動車のWeb管理システムを通じて、フルスタック(フロントエンド+バックエンド)でのソフトウェアテスト手法を学習します。

バックエンドはDjango REST Framework、フロントエンドはReact Hooks/Redux ToolKitを使用します。


  • Django Standard TestCase

  • React Testing Library

  • Jest

  • Mock Server Worker (API Mock)

⭐️React Testing LibraryとJestはReact公式サイトにて推奨されているテストツールになります。Mock Server Workerは、React Testing Libraryの公式サイトにて推奨されているAPI Mock用のモジュールになります。


本コースを修了して頂くと、フルスタック(REST API + React)でWebアプリのテストを自分で出来るようになります。

Token認証やCRUD操作など多くのWebアプリに共通する機能をカバーしているので皆さまのオリジナルアプリケーションにそのまま活用頂けると思います。


⭐️ バックエンド "Django REST Framework"

  • ユーザー認証機能のテスト

  • トークン生成機能のテスト

  • REST API (Segment Endpoint) のテスト

  • REST API (Brand Endpoint) のテスト

  • REST API (Vehicle Endpoint) のテスト

⭐️  フロントエンド "React Hooks/Redux ToolKit"

  • 要素レンダリングのテスト

  • ログイン機能のテスト

  • 新規ユーザー作成機能のテスト

  • ページ遷移のテスト(useHistory)

  • Redux Storeとの統合テスト

  • Mock Server Workerを使ったAPIのモック(REST API)

  • useEffectのテスト

  • CRUD(作成, 一覧, 更新, 削除)機能のテスト

  • 入力不足によるボタン無効化のテスト


What You Will Learn!

  • Web開発のソフトウェアテスト
  • Django REST Frameworkのテスト
  • Reactのテスト(React-Testing-Library)
  • REST API Mocking

Who Should Attend!

  • Django REST APIのテストをして見たい人
  • React testing libraryでアプリをテストして見たい人