Udemy

Platform

日本語

Language

Network & Security

Category

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

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

4.50 (18 reviews)

Students

6 hours

Content

Aug 2021

Last Update
Regular Price


What you will learn

Web開発のソフトウェアテスト

Django REST Frameworkのテスト

Reactのテスト(React-Testing-Library)

REST API Mocking


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

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



Screenshots

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

Content

はじめに

はじめに

必要ツールのインストール

REST API (Django REST Framework)

Source code (GitHub)

新規Djangoプロジェクト

Models

Serializer

Views + Urls

Postman + Browsable API

Test Cases (user Token認証有り)

Test Cases (user Token認証無し)

Test Cases (Segment)

Test Cases (Brand)

Test Cases (Vehicle)

mod header

Front End (React Hooks + Redux ToolKit)

Source code (GitHub)

Reactプロジェクト作成

Router + authSlice

vehicleSlice

Auth コンポーネント

MainPage コンポーネント

Segment コンポーネント

Brand コンポーネント

Vehicle コンポーネント

Test Cases (Auth コンポーネント) 1

Test Cases (Auth コンポーネント) 2

Test Cases (MainPage コンポーネント)

Test Cases (Brand コンポーネント) 1

Test Cases (Brand コンポーネント) 2

Test Cases (Segment コンポーネント)

Test Cases (Vehicle コンポーネント) 1

Test Cases (Vehicle コンポーネント) 2

更に学びたい人向け

ボーナスレクチャー


3641338

Udemy ID

11/17/2020

Course created date

12/8/2020

Course Indexed date
Bot
Course Submitted by