Learning Course is designed to support learners. When you make a purchase through one of our links, we may receive an affiliate commission.

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

Overview

自動車の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(作成, 一覧, 更新, 削除)機能のテスト

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

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

Reviews

John Doe
John Doe@username
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Scroll to Top