web アプリケーション開発におけるテストの実践 ~ vsug day summer
DESCRIPTION
企業活動を支える基盤として年々重要になりつつある Web アプリケーション。通常Web アプリケーションは3階層(ブラウザ、アプリケーションサーバー、データベースサーバー)以上に分割され、また他のシステムやサービスと連携を行うことも多く、テストを行う場合にはそれらの関係を考慮しつつ個々のテストを用意する必要があります。このセッションでは Web アプリケーションのテストにおいて、Visual Studio 2012 で提供されているテスト支援機能をどのように活用できるかを紹介します。TRANSCRIPT
![Page 1: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/1.jpg)
@haruulala
日本マイクロソフト岩出 智行
VSUG DAY 2013 Summer
Web アプリケーション開発におけるテストの実践
![Page 2: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/2.jpg)
VSUG DAY 2013 Summer
ツールでできることはツールを活用し、本質的な開発を楽しみましょう♪
![Page 3: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/3.jpg)
![Page 4: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/4.jpg)
VSUG DAY 2013 Summer
• 修正のたびに毎回検証作業が必要
• 繰り返しテストを実施• 品質状況を可視化
![Page 5: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/5.jpg)
![Page 6: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/6.jpg)
VSUG DAY 2013 Summer
ブラウザー
サーバーロジック
DB
サーバーロジック
DB
テストコード
ブラウザー
サーバーロジック
DB
テストコード
サーバーロジック
DB
テストコード
サーバーインターフェイス
サーバーインターフェイス
サーバーインターフェイス
サーバーロジック
DB
テスト
サーバーインターフェイス
サーバーロジック
DB
テストコード
サーバーインターフェイス
![Page 7: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/7.jpg)
VSUG DAY 2013 Summer
ブラウザー
サーバーロジック
DB
サーバーインターフェイス
テスト支援
![Page 8: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/8.jpg)
VSUG DAY 2013 Summer
テスト計画の作成
手動テストの実施と記録
テスト状況の把握
![Page 9: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/9.jpg)
VSUG DAY 2013 Summer
ブラウザー
サーバーロジック
DB
サーバーロジック
DB
テストコード
サーバーインターフェイス
サーバーロジック
DB
テストコード
サーバーインターフェイス
ブラウザー
http://aka.ms/JS-UnitTest
テストコード
![Page 10: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/10.jpg)
VSUG DAY 2013 Summer
サーバーロジック
DB
テストコード
テスト作成
テストの実施とカバレッジ
![Page 11: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/11.jpg)
VSUG DAY 2013 Summer
テスト対象コード
テスト コード
![Page 12: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/12.jpg)
VSUG DAY 2013 Summer
サーバーロジック
DB
テストコード
サーバーインターフェイス
振る舞いの偽装
Controller のメソッド呼び出し
![Page 13: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/13.jpg)
VSUG DAY 2013 Summer
HTTP Request の記録
カスタマイズ
Response を確認
サーバーロジック
DB
テストコード
サーバーインターフェイス
![Page 14: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/14.jpg)
VSUG DAY 2013 Summer
サーバーロジック
DB
テスト
サーバーインターフェイス
テストの選択と負荷の設定
パフォーマンスの分析
![Page 15: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/15.jpg)
VSUG DAY 2013 Summer
UI 操作の記録
コードの生成
テストの実施 ブラウザー
サーバーロジック
DB
テストコード
サーバーインターフェイス
![Page 16: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/17.jpg)
VSUG DAY 2013 Summer
![Page 18: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/18.jpg)
VSUG DAY 2013 Summer
http://aka.ms/MSDN-Azure
http://aka.ms/Free-Azure
![Page 19: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/19.jpg)
VSUG DAY 2013 Summer
Visual Studio 自習書もご覧ください♪
http://aka.ms/VS-Self
![Page 20: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/20.jpg)
VSUG DAY 2013 Summer
コード化されたUIテスト
Webパフォーマンステスト
負荷テスト
手動テスト支援機能 単体テスト
![Page 21: Web アプリケーション開発におけるテストの実践 ~ VSUG Day Summer](https://reader034.vdocuments.pub/reader034/viewer/2022052218/556604d6d8b42aa6628b4bbe/html5/thumbnails/21.jpg)
VSUG DAY 2013 Summer