21
@haruulala 日本マイクロソフト 岩出 智行 VSUG DAY 2013 Summer Web アプリケーション開発における テストの実践

Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

Embed Size (px)

DESCRIPTION

企業活動を支える基盤として年々重要になりつつある Web アプリケーション。通常Web アプリケーションは3階層(ブラウザ、アプリケーションサーバー、データベースサーバー)以上に分割され、また他のシステムやサービスと連携を行うことも多く、テストを行う場合にはそれらの関係を考慮しつつ個々のテストを用意する必要があります。このセッションでは Web アプリケーションのテストにおいて、Visual Studio 2012 で提供されているテスト支援機能をどのように活用できるかを紹介します。

Citation preview

Page 1: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

@haruulala

日本マイクロソフト岩出 智行

VSUG DAY 2013 Summer

Web アプリケーション開発におけるテストの実践

Page 2: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

ツールでできることはツールを活用し、本質的な開発を楽しみましょう♪

Page 3: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer
Page 4: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

• 修正のたびに毎回検証作業が必要

• 繰り返しテストを実施• 品質状況を可視化

Page 5: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer
Page 6: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

ブラウザー

サーバーロジック

DB

サーバーロジック

DB

テストコード

ブラウザー

サーバーロジック

DB

テストコード

サーバーロジック

DB

テストコード

サーバーインターフェイス

サーバーインターフェイス

サーバーインターフェイス

サーバーロジック

DB

テスト

サーバーインターフェイス

サーバーロジック

DB

テストコード

サーバーインターフェイス

Page 7: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

ブラウザー

サーバーロジック

DB

サーバーインターフェイス

テスト支援

Page 8: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

テスト計画の作成

手動テストの実施と記録

テスト状況の把握

Page 9: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

ブラウザー

サーバーロジック

DB

サーバーロジック

DB

テストコード

サーバーインターフェイス

サーバーロジック

DB

テストコード

サーバーインターフェイス

ブラウザー

http://aka.ms/JS-UnitTest

テストコード

Page 10: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

サーバーロジック

DB

テストコード

テスト作成

テストの実施とカバレッジ

Page 11: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

テスト対象コード

テスト コード

Page 12: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

サーバーロジック

DB

テストコード

サーバーインターフェイス

振る舞いの偽装

Controller のメソッド呼び出し

Page 13: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

HTTP Request の記録

カスタマイズ

Response を確認

サーバーロジック

DB

テストコード

サーバーインターフェイス

Page 14: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

サーバーロジック

DB

テスト

サーバーインターフェイス

テストの選択と負荷の設定

パフォーマンスの分析

Page 15: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

UI 操作の記録

コードの生成

テストの実施 ブラウザー

サーバーロジック

DB

テストコード

サーバーインターフェイス

Page 16: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

※ http://aka.ms/CUIT-HTML5

OS Windows 7 / Windows 8 /

Windows Server 2008 R2

ブラウザ Internet Explorer 8 / 9 / 10

※ テストの実行環境として Chrome,

Firefox をサポート

http://aka.ms/CUIT-CROSS

※ 検証する項目によって、ブラウザの

バージョンの制約あり

Silverlight 未サポート

(プラグインにて Silverlight 4 & 5 対

応 ※ http://aka.ms/CUIT-SL )

※ http://aka.ms/CUIT-Support

Page 17: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

Page 18: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

http://aka.ms/MSDN-Azure

http://aka.ms/Free-Azure

Page 19: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

Visual Studio 自習書もご覧ください♪

http://aka.ms/VS-Self

Page 20: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer

コード化されたUIテスト

Webパフォーマンステスト

負荷テスト

手動テスト支援機能 単体テスト

Page 21: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer

VSUG DAY 2013 Summer