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

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

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