visual studio 2015 とteam foundation server 2015 /visual studio team services...

198
Visual Studio ハンズオン トレーニング Visual Studio Team Foundation Server / Visual Studio Team Services で実現する ビルド・テスト・デプロイ自動化 手順書 日本マイクロソフト株式会社 開発ツール推進部 武田 正樹 [email protected] 最終更新日 : 2017 3 4

Upload: masaki-takeda

Post on 07-Jan-2017

434 views

Category:

Software


1 download

TRANSCRIPT

Page 1: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

Visual Studio ハンズオン トレーニング

Visual Studio とTeam Foundation Server /Visual Studio Team Services で実現するビルド・テスト・デプロイ自動化 手順書

日本マイクロソフト株式会社

開発ツール推進部

武田 正樹 [email protected]

最終更新日 : 2017 年 3 月 4 日

Page 2: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

2

目次 (1) 手順書 概要 5 Azure Dev Test Labs 編 6

DevTest Labs の作成 7 DevTest Labs 用仮想マシンの作成 11 仮想マシンの VM1 の設定 15 Visual Studio の起動 27

Visual Studio Team Services 準備編 32 Visual Studio Team Services のアカウント作成 33

テスト作成編 40 Visual Studio との接続 41 ワークスペースにプロジェクトを作成 45 単体テストの自動生成 48 単体テストの実行 53 Visual Studio Team Services へのチェックイン 64

Page 3: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

3

目次 (2) ビルド基本編 70

ビルド定義の作成 71 ビルド定義の編集 74 ビルドの実行 85

Test Manager 編 91 テスト計画の策定 92 手動テストの実行 98 回帰テストの実行 101

UI テスト作成編 102 UI テスト用のリポジトリを作成 103 記録した操作の単体テスト化 109 単体テストにアサーションを追加 112 単体テストのコミット 119

Page 4: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

4

目次 (3) ビルドサーバー構築編 122

ビルドエージェントのダウンロード 123 ビルドエージェントの有効化 125

リリース管理編 131 承認フローの作成 132 仮想マシン VM2 の作成 146 自動テストの実行 159

手順書 193

Page 5: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

5

手順書 概要

Team Foundation Server / Visual Studio Team Services を使用すると、コードのホスト、プロ

ジェクトの計画と追跡、チーム メンバーとのコラボレーションができ、より良いソフトウェアをリリー

スできます。 Visual Studio Team Services が実現するクラウド ベース ALM ソリューションでは、

ソースコードの管理から、課題のトラッキング、ロード テスト、自動ビルドまで、ソフトウェア開発の

すべての工程で必要なソリューションが提供されます。主要な各 IDE や Microsoft Azure と統合され

ており、最大の利点はほぼどこからでもアクセスできることです。

本手順書では、 Visual Studio 2017 Enterprise, Microsoft Azure と Visual Studio Team Services を使用します。

マイクロソフトアカウントと Microsoft Azure サブスクリプションは事前にご準備ください。

本手順書では、以下のことを学習します。

Visual Studio 2017 で開発生産性向上のための機能の体験

Visual Studio Team Services での自動テストの実施

所要時間:約 150 分 - 180 分

Page 6: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

Azure DevTest Labs 編- DevTest Labs の作成- DevTest Labs 用仮想マシン VM1 の作成- DevTest Labs 用仮想マシン VM1 の確認

Page 7: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

7

1. ブラウザーで https://portal.azure.com にアクセスし、 Azure ログイン可能なアカウントを入力します。2. 入力したアカウントの種類によりリダイレクト先がかわります。リダイレクト先で、パスワードを入力します。3. [ サインイン ] をクリックします。

DevTest Labs の作成 (1)

1

お手元の PC

23

Page 8: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

8

Azure Portal のダッシュボードが表示されます。1. Dev Test Lab を作成します。 [+ 新規 ] をクリックします。

DevTest Labs の作成 (2)

1

お手元の PC

Page 9: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

9

1. 新規作成するサービスのカテゴリが表示されます。 [ 開発者向けサービス ] もしくは、 [Developer tools] をクリックします。

2. [Dev Test Labs] をクリックします。

DevTest Labs の作成 (3)

1

2

お手元の PC

Page 10: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

10

1. Dev Test Labs の作成画面が表示されます。 [ ラボ名 ] には、 [VSTSHOL] と入力します。2. [ 場所 ] は、 [ 東日本 ] を選択します。3. [ 作成 ] をクリックして、 Dev Test Labs の作成を開始します。作成までは数分かかります。

DevTest Labs の作成 (4)

1

2

3

1 つのサブスクリプションを複数人で共有している場合は、[VSTSHOL-1], [VSTSHOL-2] のように入力してください。

お手元の PC

Page 11: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

11

Dev Test Labs の作成完了後、 Dev Test Labs に仮想マシンを作成します。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [Dev Test Lab アイコンの VSTSHOL] をクリックします。

DevTest Labs 用仮想マシンの作成 (1)

1

2

お手元の PC

Page 12: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

12

1. Dev Test Lab [VSTSHOL] のブレードが表示されます。 [+ 追加 ] をクリックします。

DevTest Labs 用仮想マシンの作成 (2)

1

お手元の PC

Page 13: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

13

1. [ ベースの選択 ] ブレードの [Visual Studio Enterprise 2015 Update 3 with Azure SDK 2.9] をクリックします。

2. 仮想マシンの作成ブレードが表示されます。 [ 仮想マシン名 ] には、 [VM1] と入力します。3. [ ユーザー名 ] は、 [azuredaisuki] と入力します。4. [ パスワード ] は、 [Passw0rd!!!!] と入力します。5. [ ディスクサイズ ] は、 [HDD] をクリックします。6. [ 仮想マシンサイズ ] をクリックします。

DevTest Labs 用仮想マシンの作成 (3)

1

2

4

3

5

お手元の PC

6

1 つのサブスクリプションを複数人で共有している場合は、 [VM1-1], [VM1-2] のように入力してください。

Page 14: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

14

1. [F2 Standard] をクリックします。2. [ 選択 ] をクリックします。3. [ 仮想マシンサイズ ] に [Standard_F2] が選択されていることを確認します。4. [ 作成 ] をクリックして、仮想マシンを作成します。

DevTest Labs 用仮想マシンの作成 (4)

1

2 4

3

お手元の PC

Page 15: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

15

Dev Test Labs に作成した仮想マシンに RDP 接続して、 Visual Studio がインストールされていることを確認します。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [Dev Test Lab アイコンの VSTSHOL] をクリックします。

仮想マシンの VM1 の設定 (1)

1

2

お手元の PC

Page 16: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

16

1. Dev Test Lab [VSTSHOL] のブレードが表示されます。作成した仮想マシン [VM1] をクリックします。

仮想マシンの VM1 の設定 (2)

1

お手元の PC

Page 17: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

17

1. [ ベースの選択 ] ブレードの [Visual Studio Enterprise 2015 Update 3 with Azure SDK 2.9] をクリックします。

2. 仮想マシンの作成ブレードが表示されます。 [ 仮想マシン名 ] には、 [VM1] と入力します。3. [ ユーザー名 ] は、 [azuredaisuki] と入力します。4. [ パスワード ] は、 [Passw0rd!!!!] と入力します。5. [ ディスクサイズ ] は、 [HDD] をクリックします。6. [ 仮想マシンサイズ ] をクリックします。

DevTest Labs 用仮想マシンの作成 (3)

1

2

4

3

5

お手元の PC

6

1 つのサブスクリプションを複数人で共有している場合は、 [VM1-1], [VM1-2] のように入力してください。

Page 18: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

18

1. リモートデスクトップ接続の画面が表示されます。 [ 接続 ] をクリックします。2. [ ユーザー名 ] は [azuredaisuki] と入力します。3. [ パスワード ] は、 [Passw0rd!!!!] と入力します。4. [OK] をクリックします。

仮想マシンの VM1 の設定 (4)

1

2

3

4

RDP: VM1

Page 19: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

19

リモートデスクトップ接続の画面が表示されます。1. [ このコンピュータへの接続について今後確認しない ] にチェックをいれます。2. [ はい ] をクリックします。

仮想マシンの VM1 の設定 (5)

1

2

RDP: VM1

Page 20: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

20

仮想マシン [VM1] にリモートデスクトップ接続している画面が表示されることを確認します。

仮想マシンの VM1 の設定 (6) RDP: VM1

Page 21: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

21

Internet Explorer のセキュリティ設定を変更します。1. [Local Server] をクリックします。2. [IE Enhanced Security Configuration] の [On] をクリックします。

仮想マシンの VM1 の設定 (7) RDP: VM1

1

2

Page 22: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

22

1. [Administrators] の [Off] をクリックします。2. [Users] の [Off] をクリックします。3. [OK] をクリックします。

仮想マシンの VM1 の設定 (8) RDP: VM1

1

2

3

Page 23: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

23

1. [PowerShell] アイコンをクリックします。2. [Set-Item WSMan:\localhost\Client\TrustedHosts * -Force] を実行します。3. [Enable-PSRemoting] コマンドを実行します。選択肢は2回とも [A] で回答します。

仮想マシンの VM1 の設定 (9)

1

3

3

3

2

RDP: VM1

Page 24: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

24

Powershell のリモート実行をするためにファイアウォールの設定をします。今回はファイアウォールの設定を Off にします。1. 画面左下のウインドウアイコンを右クリックし、 [Control Panel] をクリックします。2. [firewall] と入力し、フィルターをかけます。3. [Windows Firewall] をクリックします。

仮想マシンの VM1 の設定 (10)

1

2

3

RDP: VM1

Page 25: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

25

1. [Turn Windows Firewall on or off] をクリックします。

仮想マシンの VM1 の設定 (11)

1

RDP: VM1

Page 26: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

26

1. [Private network settings] の [Turn off Windows Firewall] をクリックします。2. [Public network settings] の [Turn off Windows Firewall] をクリックします。3. [OK] をクリックします。

仮想マシンの VM1 の設定 (12)

1

2

3

RDP: VM1

Page 27: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

27

1. Visual Studio を起動します。 [Windows ロゴ ] を右クリックし、 [Run] をクリックします。2. [devenv] と入力します。3. [OK] をクリックして、 Visual Studio を起動します。

Visual Studio の起動 (1)

1

RDP: VM1

2

3

Page 28: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

28

1. [Not now. Maybe later] をクリックします。2. [Start Visual Studio] をクリックして、 Visual Studio を起動します。

Visual Studio の起動 (2)

1

RDP: VM1

2

Page 29: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

29

Visual Studio が起動すると、ライセンス認証の画面が表示されます。今回は評価版として利用します。1. [Sign in] をクリックします。2. Visual Studio Team Servies アカウントを作成際に使用したマイクロソフトアカウントを入力します。3. [Continue] をクリックします。

Visual Studio の起動 (3)

1

RDP: VM1

2

3

Page 30: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

30

Visual Studio Team Services のサインイン画面が表示されます。1. Microsoft アカウントのパスワードを入力します。2. [ サインイン ] をクリックします。

Visual Studio の起動 (4)

1

2

RDP: VM1

Page 31: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

31

1. ログインが完了したことを確認して、 [Close] をクリックします。

Visual Studio の起動 (5)

1

RDP: VM1

Page 32: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

準備編- Visual Studio Team Services のアカウント作成

Team Foundation Server の場合は、下記手順書に従い、インストール~チームプロジェクトの作成を実施してください。

https://doc.co/ChRKFZ

Page 33: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

33

1. ブラウザーで https://www.visualstudio.com/ja-jp にアクセスし、 [Sign in] をクリックします。2. Microsoft アカウントを入力します。3. [ 続行 ] をクリックします。

VSTS のアカウント作成 (1)

1

2

3

お手元の PC

Page 34: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

34

Visual Studio Team Services のサインイン画面が表示されます。1. Microsoft アカウントのパスワードを入力します。2. [ サインイン ] をクリックします。

VSTS のアカウント作成 (2)

1

2

お手元の PC

Page 35: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

35

1. 詳細情報に関する画面が表示されます。 [ 発信元 ] に [Japan] を選択します。2. [ 続行 ] をクリックします。

VSTS のアカウント作成 (3)

1

2

お手元の PC

Page 36: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

36

1. [ 新しいアカウントの作成 ] をクリックします。

VSTS のアカウント作成 (4)

1

お手元の PC

Page 37: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

37

Visual Studio Team Services のアカウント作成画面が表示されます。1. 任意の URL を入力します。2. [Team Foundation Version Control] を選択します。設定忘れやすいので注意!3. [ 詳細の変更 ] をクリックします。

VSTS のアカウント作成 (5)

2

3

1

お手元の PC

Page 38: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

38

Visual Studio Team Services のアカウントを作成します。1. プロジェクト名が [MyFirstProject] 、 プロセステンプレート [Agile] となっている事を確認します。2. [ 続行 ] をクリックします。

VSTS のアカウント作成 (6)

2

1

プロジェクト名は変更可能ですが、本手順書では、デフォルトのままにします。

お手元の PC

Page 39: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

39

Visual Studio Team Services のアカウント作成が完了すると下記画面が表示されます。今回は、 MyFirstProject というチームプロジェクトをそのまま使用します。

VSTS のアカウント作成 (7) お手元の PC

Page 40: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

テスト作成編- Visual Studio と Visual Studio Team Services との接続- ワークスペースにプロジェクトを追加- 単体テストの自動生成- 単体テストの実行- Visual Studio Team Services へのチェックイン

Page 41: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

41

Visual Studio と Visual Studio Team Services と接続します。

1. Visual Studio を起動し、メニュー [ 表示 ] – [ チーム エクスプローラー ] の順にクリックします。2. [ 接続の管理 ] アイコンをクリックします。3. Visual Studio Team Services の [ 接続 ...] をクリックします。

Visual Studio との接続 (1)

3

1

2

RDP: VM1

Page 42: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

42

1. 先ほど作成した Visual Studio Team Services に接続します。 [▼] をクリックします。2. [ アカウントの追加 ...] をクリックします。3. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウント名を入力します。4. [ 続行 ] をクリックします。

Visual Studio との接続 (2)

12

3

4

RDP: VM1

Page 43: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

43

1. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウントのパスワードを入力します。

2. [ サインイン ] をクリックします。3. ログインしたマイクロソフトアカウントに紐づいた Visual Studio Team Services のアカウントとチームプロジェク

トのリストが表示されます。 [MyFirstProject] をクリックして選択します。4. [ マップと取得 ] をクリックします。

Visual Studio との接続 (3)

12 3

4

RDP: VM1

Page 44: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

44

1. チームエクスプローラーが以下のように表示されていることを確認します。

Visual Studio との接続 (4) RDP: VM1

Page 45: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

45

今回は、 Windows Form で作成した計算機アプリケーションのサンプルプロジェクトをダウンロードして使用します。

1.http://aka.ms/vsts-hol から [SampleWinForm.zip] をクリックして、ダウンロードします。

2. ZIP ファイルを展開して、作成された [SampleWinForm] フォルダーを                 [C:\Users\<User 名 >\Source\Workspaces\MyFirstProject] にコピーします。

3. [C:\Users\<User 名 >\Source\Workspaces\MyFirstProject\SampleWinForm] フォルダーの中に、[SampleWinForm] フォルダーと [SampleWinForm.sln] が あることを確認します。

ワークスペースにプロジェクトを追加 (1)

2

3

RDP: VM1

Page 46: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

46

1. Visual Studio のチームエクスプローラーの [ ソリューションタブ ] の [ 開く ...] をクリックします。2. [C:\Users\<User 名 >\Source\Workspaces\MyFirstProject\SampleWinForm\SampleWinForm.sln] をダブルク

リックして開きます。3. セキュリティ警告が表示されますが、 [OK] をクリックします。

ワークスペースにプロジェクトを追加 (2)

1

2

3

RDP: VM1

Page 47: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

47

1. 開始をクリックして、デバッグ実行をします。2. Windows Form 作成の計算機アプリケーションが起動します。 [1] [+] [1] [=] と入力し、 [2] が表示されることを

確認します。3. [X] をクリックしてデバッグ実行を終了します。

ワークスペースにプロジェクトを追加 (3)

1

2

3

RDP: VM1

Page 48: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

48

今回は Visual Studio の単体テスト自動生成機能 [IntelliTest] を使用して単体テストを自動生成します。

1. [ ソリューション エクスプローラー ] をクリックします。2. [Calculator.cs] をダブルクリックして、ファイルを開きます。

単体テストの自動生成 (1)

1

2

RDP: VM1

Page 49: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

49

1. クラス [Calculator] を右クリックします。2. [IntelliTest] - [IntelliTest の作成 ] の順にクリックします。

単体テストの自動生成 (2)

2

1

RDP: VM1

Page 50: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

50

1. [IntelliTest の作成 ] 画面が表示されます。 [ テスト フレームワーク ] は [MSTest] を選択します。 2. [OK] をクリックします。3. ソリューション エクスプローラーで、単体テストプロジェクト [SampleWinForm.Tests] が自動生成されているこ

とを確認します。

単体テストの自動生成 (3)

2

1

3

RDP: VM1

Page 51: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

51

この時点では、まだテストプロジェクトが作成されただけで、単体テストそのものは生成されていません。IntelliTest を実行して、単体テストを自動生成します。

1. クラス [Calculator] を右クリックします。2. [IntelliTest] - [IntelliTest の実行 ] の順にクリックします。

単体テストの自動生成 (4)

2

1

RDP: VM1

Page 52: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

52

1. ソリューション エクスプローラーの クラス [Calculator.Test.cs] 内に四則演算のメソッドごとに単体テストが生成されていることを確認します。

単体テストの自動生成 (5)

1

RDP: VM1

Page 53: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

53

IntelliTest を実行して自動生成された単体テストを実行します。

1. Visual Studio のメニュー [ テスト ] – [ 実行 ] - [ すべてのテスト ] の順にクリックします。

単体テストの実行 (1)

1

RDP: VM1

Page 54: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

54

単体テストの実行が終了すると、テスト エクスプローラーに結果が表示されます。1. 失敗のテストが 2件あることを確認します。

単体テストの実行 (2)

1

RDP: VM1

Page 55: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

55

1件目の失敗テストの内容を確認します。1. テスト エクスプローラーの [DivideTestThrowsDivideByZeroExpection…] をダブルクリックします。2. テストエクスプローラーの下側にエラーメッセージが表示されます。 単体テストの失敗原因が 0 で除算していることを確認します。

単体テストの実行 (3)

1

2

RDP: VM1

Page 56: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

56

続いて、 2件目の失敗テストの内容を確認します。1. テスト エクスプローラーの [DivideTestThrowsOverflowExpection…] をダブルクリックします。2. テストエクスプローラーの下側にエラーメッセージが表示されます。単体テストの失敗原因が int 最小値

(-2,147,483,648) を -1 で除算した結果 int の最大値 (2,147, 483,647) を超えてしまっていることを確認します。

単体テストの実行 (4)

1

2

RDP: VM1

Page 57: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

57

テストが成功するように、 Calculator.cs を修正します。 1. [Calculator.cs] をクリックして、ソースコードを表示します。2. [Divide] メソッドに赤枠の内容を追加します。テスト失敗ケースの値の場合は 意図的に 0 をかえすようにしていま

す。3. [保存 ] アイコンをクリックして、ファイルを保存します。

単体テストの実行 (5)

1

2

3

RDP: VM1

Page 58: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

58

ソースコードを修正したので、再度単体テストを実行します。1. テスト エクスプローラーの [ すべて実行 ] をクリックします。2. 6 件のテストが成功していることを確認します。

単体テストの実行 (6)

2

1

RDP: VM1

Page 59: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

59

条件文を追加した際に、それを網羅するように単体テストが追加されることも確認します。1. [Calculator.cs] をクリックして、ソースコードを表示します。2. [Subtract] メソッドに赤枠の内容を追加します。3. [保存 ] アイコンをクリックして、ファイルを保存します。

単体テストの実行 (7)

1

2

3

RDP: VM1

Page 60: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

60

IntelliTest を実行して、再度単体テストを自動生成します。

1. クラス [Calculator] を右クリックします。2. [IntelliTest] - [IntelliTest の実行 ] の順にクリックします。

単体テストの実行 (8)

1

2

RDP: VM1

Page 61: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

61

1. IntelliTest の実行が終了すると、 [IntelliTest の探索の結果 ] ウインドウが表示されます。Subtract メソッドに単体テストが 2件存在している事を確認します。

2. テスト エクスプローラーの [ すべて実行 ] をクリックします。3. 8 件のテストが成功していることを確認します。

単体テストの実行 (9)

2

1

RDP: VM1

Page 62: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

62

Calculator.cs クラスに対して自動生成した単体テストがすべて成功しました。カバレッジをとってみましょう。1. Visual Studio のメニュー [ テスト ] – [ コード カバレッジの分析 ] - [ すべてのテスト ] の順にクリックします。

単体テストの実行 (10)

1

RDP: VM1

Page 63: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

63

ソリューション 全体に対するカバレッジの分析が実行されます。分析が終了すると [ コード カバレッジの結果 ] ウインドウが表示されます。

1. [samplewinform.exe] – [SampleWinForm] - [Calculator] の順にクリックして、 [Calculator] クラスのカバレッジが 100% であることを確認します。

単体テストの実行 (11)

1

RDP: VM1

Page 64: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

64

Calculator.cs に対するカバレッジ 100% の単体テストが完成しました。Visual Studio Team Services にチェックインしましょう。

1. ソリューション エクスプローラーの [ ソリューション “ SampleWinForm”] を右クリックします。2. [ ソリューションをソース管理に追加 ] をクリックします。

VSTS へのチェックイン (1)

1

2

RDP: VM1

Page 65: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

65

VSTS へのチェックイン (2)1. [ チームエクスプローラー ] をクリックします。2. [ ホームアイコン ] をクリックします。3. [保留中の変更 ] をクリックします。

1

3

2

RDP: VM1

Page 66: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

66

1. [ コメント ] 欄に [Calculator クラスの単体テスト作成 ] と入力します。2. [含まれる変更 ] 欄には [SampleWinForm] プロジェクトと [SampleWinForm.Tests] プロジェクトが含まれてい

ることを確認します ([含まれる変更 (20)] になっています ) 。3. [ チェックイン ] をクリックします。4. [ チェックインの確認 ] ウインドウが表示されるので、 [ はい ] をクリックしてチェックインを行います。

VSTS へのチェックイン (3)

3

1

3

4

チェックイン時の項目数は 20 以外になることがあります。

RDP: VM1

Page 67: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

67

チェックインの完了を確認します。1. Visual Studio Team Services が開いているブラウザに移動して、 [CODE] をクリックします。2. [SampleWinForm] をクリックして、 [SampleWinForm] プロジェクトと [SampleWinForm.Tests] プロジェクト

が含まれていることを確認します。

なお、 [History] をクリックすると、変更履歴やソースの修正内容が確認できます。

VSTS へのチェックイン (4)

1

2

RDP: VM1

Page 68: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

68

IntelliTest で生成した単体テストをビルドするには、一か所変更する必要があります。Visual Studio Team Services では、 Web 上でソースコード変更ができますので、その機能を使用して変更します。1. [SampleWinForm.Tests] – [SampleWinForm.Tests.csproj] の順にクリックします。2. [Contents] をクリックします。3. [Edit] をクリックします。

VSTS へのチェックイン (5)

1

2

3

[Edit] アイコンが表示されない場合は、ブラウザの再読み込みを実施してください。

RDP: VM1

Page 69: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

69

1. 45 行目の下記の箇所を変更します。

(修正前)<HintPath>..\..\..\..\..\..\..\Program Files (x86)… (修正後)<HintPath>c:\Program Files (x86)…

2. [保存 ] アイコンをクリックして、変更を保存します。

VSTS へのチェックイン (6)

1

2

RDP: VM1

Page 70: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

ビルド基本編- ビルド定義の作成- ビルド定義の編集- ビルドの実行

Page 71: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

71

ビルド定義を作成します。1. [MyFirstProject] をクリックします。2. [Build & Release] をクリックします。3. [Explorer] をクリックします。4. [+] をクリックします。

ビルド定義の作成 (1)

4

2

3

1

お手元の PC

Page 72: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

72

1. ビルド定義画面が表示されます。 [Visual Studio] が選択されていることを確認して、 [Next] をクリックします。2. 続いて、ビルド定義の設定画面が表示されます。 [Create] をクリックします。

ビルド定義の作成 (2)

1 2

お手元の PC

Page 73: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

73

以下のように定義が作成されていることを確認します。

ビルド定義の作成 (3) お手元の PC

Page 74: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

74

1. [Visual Studio Build] をクリックします。2. [Platform] に [$(BuildPlatform)] 、 [Configration] に [$(BuildConfigration)] と入力されていることを確認しま

す。3. [Solution] 欄の [...] ボタンをクリックします。

ビルド定義の編集 (1)

1

3

2

お手元の PC

Page 75: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

75

1. [SampleWinForrm] フォルダーにある [SampleWinForm.sln] をクリックします。2. [OK] をクリックします。

ビルド定義の編集 (2)

1

2

お手元の PC

Page 76: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

76

1. [Solution] 欄に [$/MyFirstProject/SampleWinForm/SampleWinForm.sln] と入力されていることを確認します。2. [Visual Studio Version] 欄は、 [Visual Studio 2015] を選択します。

ビルド定義の編集 (3)

1

2

お手元の PC

Page 77: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

77

1. [Visual Studio Test] をクリックします。2. [Code Coverage Enabled] のチェックボックスにチェックをいれ、ビルド結果レポートにコードカバレッジを含めま

す。

ビルド定義の編集 (4)

1

2

お手元の PC

Page 78: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

78

1. 今回はビルドステップ [Copy and Publish Build Artifacts] を使用します。 [Copy Files] と [Publish Build Artifacts ] の [X] をクリックして、ビルド定義から削除します。

2. [Add build step...] をクリックします。

ビルド定義の編集 (5)

1

2

お手元の PC

Page 79: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

79

1. [Utility] をクリックします。2. [Copy and Publish Build Artifact] の [Add] をクリックします。3. [Close] をクリックします。

ビルド定義の編集 (6)

21

3

お手元の PC

Page 80: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

80

1. [Copy and Publish Build Artifacts] をクリックします。2. [Copy Root] 欄の [...] ボタンをクリックします。

ビルド定義の編集 (7)

1

2

お手元の PC

Page 81: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

81

1. [SampleWinForrm] フォルダーをクリックします。2. [OK] をクリックします。

ビルド定義の編集 (8)

1

2

お手元の PC

Page 82: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

82

1. [Copy Root] 欄に [$/MyFirstProject/SampleWinForm] と入力されていることを確認します。2. [Contents] には、 [**\bin] と入力します。3. [Artifact Name] には、 [drop] と入力します。4. [Artifact Type] には、 [Server] を選択します。

ビルド定義の編集 (9)

1

23

4

お手元の PC

Page 83: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

83

1. [Variables] をクリックします。2. [BuildConfigration] に [debug] 、 [BuildPlatform] に [any cpu] に変更します。3. [Save] をクリックします。

ビルド定義の編集 (10)

1

2

3

お手元の PC

Page 84: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

84

1. [Name] に [ ビルド ] と入力します。2. [OK] をクリックします。

ビルド定義の編集 (11)

2

1

お手元の PC

Page 85: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

85

1. Visual Studio Team Services 上でビルド実行します。 [Queue build...] をクリックします。

ビルドの実行 (1)

1

お手元の PC

Page 86: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

86

1. ビルド設定画面が表示されます。 [OK] をクリックします。

ビルドの実行 (2)

1

お手元の PC

Page 87: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

87

1. ビルドが成功すると、 [Build Succeeded] と表示されます。 [Build …] をクリックします。

ビルドの実行 (3)

1

お手元の PC

Page 88: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

88

ビルド結果の Summary が表示されます。ビルドに関する様々な項目が追跡可能です。1. ビルドに関連したチェックイン履歴が確認できます。2. テスト結果、コードカバレッジの結果が確認できます。

ビルドの実行 (4)

1

2

お手元の PC

Page 89: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

89

ビルド成果物をダウンロードします。1. [Artifacts] をクリックします。2. [Download] をクリックして、ビルド成果物をダウンロードします。3. ダウンロード フォルダーにある [drop.zip] を展開して、作成された [drop] フォルダーの中にある [drop\

SampleWinForm\bin\Debug\SampleWinForm.exe] を [ 仮想マシン VM1 の C:\drop] にコピーします。4. [C:\drop] フォルダーの中に、 [SampleWinForm.exe] があることを確認します。

ビルドの実行 (5)

12

3 4

このアイコンの SampleWinForm をコピーしてください!!

RDP: VM1

Page 90: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

90

ビルド成果物を実行します。1. [C:\drop] フォルダーの [SampleWinForm (拡張子が表示されている場合は .exe) ] をダブルクリックして実行し

ます。2. [ セキュリティ警告 ] ウインドウが表示されます。 [Always ask before opening this file] のチェックを外します。3. [Run] をクリックします。4. Windows Form 作成の計算機アプリケーションが起動します。 [1] [+] [1] [=] [2] と表示されることを確認します。5. [X] をクリックしてアプリケーションを終了します。

ビルドの実行 (6)

32

4

1

5

RDP: VM1

Page 91: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

Test Manager 編- テスト計画の策定- 手動テストの実行- 回帰テストの実行

Page 92: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

92

テスト計画の策定 (1)1. 仮想マシン VM1 で Test Manager を起動します。 [Windows ロゴ ] を右クリックし、 [Run] をクリックします。2. [mtm] と入力します。3. [OK] をクリックして、 Test Manager を起動します。4. [ サーバーの追加 ] をクリックします。

1

2

3

4

RDP: VM1

Page 93: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

93

Test Manager を利用した テスト計画の策定と実行を行います。1. 検索ウインドウに [Test Manager] と入力します。2. [Microsoft Test Manager 2015] をクリックして、 Test Manager を起動します。3. [ サーバーの追加 ] をクリックします。

テスト計画の策定 (1)

1

2

3

RDP: VM1

Page 94: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

94

先ほど作成した Visual Studio Team Services に接続します。1. [ 先ほど作成した Visual Studio Team Services の URL( xxxx.visualstudio.com) ] と入力します。2. [ 追加 ] をクリックします。3. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウント情報を入力します。4. [ サインイン ] をクリックします。

テスト計画の策定 (2)

1

2

3

4

RDP: VM1

Page 95: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

95

1. チームプロジェクト [MyFirstProject] をクリックします。2. [ 今すぐ接続 ] をクリックします。3. テストセンターが開きます。 [ 追加 ] をクリックして、テスト計画を新規作成します。

テスト計画の策定 (3)

1

2

3

RDP: VM1

Page 96: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

96

1. [ 計画名 ] に [四則演算のテスト ] と入力します。2. [ 追加 ] をクリックします。3. [四則演算のテスト ] が選択されている状態で、 [ 計画の追加 ] をクリックします。

テスト計画の策定 (4)

1

2

3

RDP: VM1

Page 97: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

97

1. [四則演算のテスト ] が表示されます。 [ 新規作成 ] をクリックしてテストケースを作成します。

テスト計画の策定 (5)

1

RDP: VM1

Page 98: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

98

1. 引き算のテストケースを作成します。 [引き算のテスト ] と入力します。2. ステップを入力します。今回は 1 ステップにしますが、複数ステップにわけて作成可能です。

[ アクション ]欄には、 [[1] [-] [1] [=] を実行 ] と入力します。3. [期待される結果 ]欄には、 [[0] が得られる ] と入力します。4. [保存して閉じる ] をクリックします。

テスト計画の策定 (6)

1

2 3

4

RDP: VM1

Page 99: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

99

引き算のテストケースを手動で実行します。1. [ テスト ] をクリックします。2. [引き算のテスト ] を選択します。3. [ 実行 ] をクリックします。4. テストランナーが表示されます。 [ 操作の記憶の作成 ] にチェックをいれます。5. [ テストの開始 ] をクリックします。

手動テストの実行 (1)

1

2

3

4

5

RDP: VM1

Page 100: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

100

ここでは、マウスの操作をしないでください!!間違えた場合は、 [x] をクリックして閉じてもう一度実行して下さい。1. [Windows キー ] + [R] をクリックします。2. [ ファイル名を指定して実行 ] ウインドウが表示されますので、 [C:\drop\SampleWinForm.exe] と入力してか

ら、 [Enter] キーをおします。3. 最初の入力欄にカーソルがあるので、 [1] と入力します。4. [tab] キーを押して、 2番目の入力欄に [1] と入力します。5. [tab] キーを 2 回押し、下キーを押して、 [-] を選択します。6. [tab] キーを押して、 [=] で [Enter] キーを押します。7. [tab] キーを 3 回押して、答えの欄が [-1] になっていることを確認します。

手動テストの実行 (2)

3

2

45 6 7

RDP: VM1

Page 101: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

101

計画通りの値が得られなかったので、テスト結果は失敗となります。1. テストランナーに戻り、 [ テストの終了 ] をクリックし、操作記録を終了します。2. [▼] – [X] 順番にクリックし、テスト結果を失敗とします。3. コメント欄には、 [-1 が得られた ] と入力します。4. [X] をクリックして計算機アプリケーションを終了します。

手動テストの実行 (3)

2

3

1

4

RDP: VM1

Page 102: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

102

先ほどの操作はすべて記録されています。今後はこの記録された操作を再生するだけで回帰テストが可能になります。1. [再生 ] をクリックして、先ほどの操作が再現されることを確認します。2. [保存して閉じる ] をクリックしてテストランナーを閉じます。3. [X] をクリックして計算機アプリケーションを終了します。4. [X] をクリックして Test Manager を終了します。

回帰テストの実行

1

32

4

計算機アプリの入力でエラーとなった場合、テストランナーの上部のウインドウアイコンをクリック、 [ フローティング ] を選択してから再度実行してください。

RDP: VM1

Page 103: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

UI テスト作成編- UI テスト用のリポジトリを作成 - 記録した操作の単体テスト化 - 単体テストにアサーションを追加- 単体テストのコミット

Page 104: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

104

Test Manager で記録したテストを単体テストとして実行することも可能です。まずは、この単体テスト用にリポジトリを生成します。1. Visual Studio Team Services に戻り、 [CODE] をクリックします。2. [$/MyFirstProject] - [New repository...] の順にクリックします。3. [Name] に [UITest] と入力します。4. [Create] をクリックします。

UI テスト用のリポジトリを作成 (1)

2

1

4

3

RDP: VM1

Page 105: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

105

1. Git リポジトリが作成されます。 [Clone in Visual Studio] をクリックします。

UI テスト用のリポジトリを作成 (2)

1

[Git for Windows] がインストールされていない場合、 [Git for Windows] をクリックして、 Git のダウンロード & インストールを実施ください。

RDP: VM1

Page 106: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

106

1. ポップアップウインドウが表示されます。 [Allow] をクリックして、 Visual Studio を起動します。2. Visual Studio が起動します。メニュー [ 表示 ] – [ チーム エクスプローラー ] の順にクリックします。3. [ 接続 ] アイコンをクリックします。4. [MyFirstProject] – [UITest] の順にダブルクリックします。

UI テスト用のリポジトリを作成 (3)

1

RDP: VM1

23

4

Page 107: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

107

1. [ チームエクスプローラー ] の [ このリポジトリを複製 ] をクリックします。

UI テスト用のリポジトリを作成 (4)

1

RDP: VM1

Page 108: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

108

1. リポジトリの複製先が [C:\Users\<User 名 >\Source\Repos\UITest] である事を確認します。2. [ 複製 ] をクリックします。3. リポジトリの複製が完了します。 [ 新しいプロジェクトまたはソリューションを作成 ] をクリックします。

UI テスト用のリポジトリを作成 (5)

1

2

3

RDP: VM1

Page 109: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

109

1. 新しいプロジェクトの作成画面が開きます。 [Visual C#] の [ テスト ] を選択します。2. [ コード化された UI テスト プロジェクト ] を選択します。3. [ ソリューションのディレクトリを作成 ] と [ 新しい Git リポジトリの作成 ] にチェックがはいっていることを確認し

ます。4. [OK] をクリックします。

記録した操作の単体テスト化 (1)

3

2

1

4

RDP: VM1

Page 110: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

110

1. [既存の操作の記録を使用 ] を選択します。2. [OK] をクリックします。3. 操作が記録されているテストケースを選択します。 [ タイトルに含まれる文字列 ] をクリックして、 [引き算 ] と入力し

ます。4. [検索 ] をクリックします。5. [引き算のテスト ] が選択されていることを確認して、 [OK] をクリックします。

記録した操作の単体テスト化 (2)

1

2

3

4

5

RDP: VM1

Page 111: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

111

1. Visual Studio のメニュー [ テスト ] – [ 実行 ] - [ すべてのテスト ] の順にクリックします。2. 記録された操作が実行されます。テストエクスプローラーで [CodedUITestMethod1] が 成功していることを確認しま

す。

計算機アプリケーションは閉じないでください。

記録した操作の単体テスト化 (3)

2

1

RDP: VM1

Page 112: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

112

記録した操作が単体テストとして登録はされましたが、このままでは単体テストは通過してしまいます。計算機アプリケーションの引き算 1-1 の答えが [0] が得られるようなテストを追加します。 1. [ ソリューションエクスプローラー ] をクリックします。2. [UIMap.uitest] を右クリックし、 [ コード化された UI テストビルダーで編集 ] をクリックします。

単体テストにアサーションを追加 (1)

2

1

RDP: VM1

Page 113: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

113

コード化された UI テストビルダーが画面右下に起動します。1. [◎] をクリックします。2. [<<] をクリックします。3. 記録された操作で取得したコントロールの一覧が表示されます。 [UICalculatorWindow] をダブルクリックしま

す。4. [UITxtAnswerWindows] をダブルクリック、続いて [UITextAnswerEdit] をクリックします。5. [ すべてのプロパティの表示 ] をクリックします。

単体テストにアサーションを追加 (2)

1

3

4

2

5

RDP: VM1

Page 114: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

114

[UITextAnswerEdit] のプロパティが表示されます。1. [Text] を選択します。2. [ アサーションの追加 ] をクリックします。3. [比較対象値 ] を [0] に変更します。4. [OK] をクリックします。5. [X] をクリックして計算機アプリケーションを終了します。

単体テストにアサーションを追加 (3)

3

14

2

5

RDP: VM1

Page 115: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

115

1. コード化された UI テストビルダーの [赤枠 ] をクリックします。2. [ 追加と生成 ] をクリックします。3. [X] をクリックしてコード化された UI テストビルダーを終了します。

単体テストにアサーションを追加 (4)

31

2

RDP: VM1

Page 116: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

116

1. Visual Studio に戻り、ソリューションエクスプローラーの [CodeedUITest1.cs] をクリックします。2. [CodedUITestMethod1] に、 [this.UIMap.AssertMethod1();] を追加します。

単体テストにアサーションを追加 (5)

2

1

RDP: VM1

Page 117: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

117

単体テストにアサーションを追加 (6)1. Visual Studio のメニュー [ テスト ] – [ 実行 ] - [ すべてのテスト ] の順にクリックします。2. テスト実行の結果、 [CodedUITestMethod1] が失敗していることを確認します。

2

1

RDP: VM1

Page 118: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

118

単体テストにアサーションを追加 (7)失敗テストの内容を確認します。1. テスト エクスプローラーの [CodedUITestMethod1] をクリックします。2. テストエクスプローラーの下側にエラーメッセージが表示されます。 先ほど追加したアサーションメソッドにより単体テストの失敗していることを確認します。

1

2

RDP: VM1

Page 119: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

119

単体テストのコミット (1)1. メニュー [ 表示 ] – [ チーム エクスプローラー ] の順にクリックします。2. [ チームエクスプローラー ] の [ 設定 ] をクリックします。

1

2

RDP: VM1

Page 120: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

120

単体テストのコミット (2)1. [ グローバル設定 ] をクリックします。2. [ ユーザー名 ] を入力します。3. [電子メールアドレス ] には、今回使用している MS アカウントを入力します。4. [ 更新 ] をクリックします。

1

4

2

3既に入力されている場合は、次に進んでください。

RDP: VM1

Page 121: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

121

単体テストのコミット (3)1. [ ホームアイコン ] をクリックします。2. [ 変更 ] をクリックします。3. [ コメント ] には、 [UITest] と入力します。4. [▼] をクリックして、 [ すべてをコミットしてプッシュ ] を選択すると、コミット&プッシュが完了します。

1

42

3

RDP: VM1

Page 122: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

ビルドサーバー構築編- ビルドエージェントのダウンロード - ビルドエージェントの有効化

Page 123: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

123

仮想マシンをビルドサーバーとして利用できるように設定します。1. 仮想マシン上のブラウザーで Visual Studio Team Services にアクセスします。 [ 設定アイコン ] をクリックし

ます。2. [Agent queues] をクリックします。3. [Download agent] をクリックします。

ビルドエージェントのダウンロード (1)

1

2

3

RDP: VM1

Page 124: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

124

1. [Windows] タブ の [Download] をクリックして、 zip ファイルをダウンロードします。2. ZIP ファイルを展開して、作成されたフォルダーを [agent] にリネームして [ デスクトップ ] にコピーします。3. [agent] フォルダーの中に、 [config.cmd] があることを確認します。

ビルドエージェントのダウンロード (2)

2

3

1

Page 125: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

125

ビルドエージェントの有効化に必要なアクセストークンを発行します。1. 別ウインドウで Visual Studio Team Services にアクセスし、 [ ログインアカウントのアイコン ] をクリックしま

す。2. [Security] をクリックします。3. [Personal access tokens] 画面が表示されます。 [Add] をクリックします。

ビルドエージェントの有効化 (1)

1

2

3

RDP: VM1

Page 126: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

126

1. [Description] には、 [ ビルドエージェント ] と入力します。2. [Create Token] をクリックします。

ビルドエージェントの有効化 (2)

1

2

RDP: VM1

Page 127: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

127

1. アクセストークンが発行されましたので、発行されたアクセストークンをメモ帳にコピーします。

ビルドエージェントの有効化 (3)

1

RDP: VM1

Page 128: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

128

1. ビルドエージェントの有効化を行います。フォルダの [c:\agent] の [configure.cmd] を右クリックします。2. [Run as administrator] をクリックします。コマンドプロンプトが起動します。3. [Enter Server URL] は [https://( 作成したアカウント ).visualstuio.com] と入力します。4. [Enter authentication type] は、 [Enter キー ] をおします。5. [Enter personal access token] は、先ほど発行したアクセストークンを入力します。

ビルドエージェントの有効化 (4)

51

2

RDP: VM1

43

Page 129: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

129

Visual Studio Team Services への接続が完了すると、ビルドエージェントの登録設定を行います。1. [Enter agent pool] は、 [default] を使用するため、 [Enter キー ] をおします。2. [Enter agent name] は、 [Enter キー ] をおします。3. [Enter work folder] は、 [Enter キー ] をおします。4. [Enter run agent as a service?] は、今回は対話型のビルドエージェントのため、 [N] と入力します。5. [Listening for Jobs] が表示されると、対話型のビルドエージェントの展開は完了です。 * ウインドウは閉じないこと

ビルドエージェントの有効化 (5) RDP: VM1

5

4

3

12

Page 130: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

130

1. [X] をクリックして、 Get Agent ウインドウを閉じます。2. Visual Studio Team Services 上でもビルドエージェントが有効化されていることを確認します。

ビルドエージェントの有効化 (6)

1

2

RDP: VM1

Page 131: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

リリース管理編- 承認フローの作成- Visual Studio Team Services (VSTS) から仮想マシン作成- Azure への成果物デプロイ

Page 132: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

132

承認フローの作成 (1)リリース管理機能を利用して、承認を伴う Microsoft Azure への成果物デプロイを実行します。1. お手元の PC のブラウザーで Visual Studio Team Services にアクセスし、 [Build &Release] をクリック

します。2. [Releases] をクリックします。3. [+] - [Create new release definition] の順にクリックします。4. [Empty] を選択します。5. [Next] をクリックします。

1

3

4

5

2

お手元の PC

Page 133: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

133

リリース管理に使用するビルド成果物などの設定画面が表示されます。1. [Queue] は [Default] を選択します。2. [Create] をクリックします。

承認フローの作成 (2)

2

1

お手元の PC

Page 134: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

134

1. リリース管理の名前を入力します。 [Edit] アイコンをクリックします。2. [Definition] 欄に [ リリース管理 ] と入力します。

承認フローの作成 (3) お手元の PC

2 1

Page 135: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

135

承認フローの作成 (4)1. 環境に承認者を割り当てます。 [Environment1] の […] をクリックして、さらに [Assign approvers] をクリックしま

す。2. [General] をクリックし、 [Environment Owner] 名を確認します。3. [Approvals] をクリックします。4. 今回は前承認のワークフローとします。 [Pre-deployment approver] の [Specific Users] をクリックします。5. 承認者の名前を入力します。 [Step 2] で確認した名前を入力すると、候補が表示されますので選択します。

1

2

3

45

お手元の PC

Page 136: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

136

承認フローの作成 (5)1. [Deployment conditions] をクリックします。2. [After release creation] をクリックして、自動でリリース管理が始まるようにします。3. [OK] をクリックして、設定ウインドウを閉じます。

お手元の PC

1

2

3

Page 137: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

137

承認フローの作成 (6)1. [Artifacts] をクリックします。2. [ ビルド ] のビルド成果物が関連付けされています。 […] をクリックします。3. [Edit] をクリックします。

1

2

3

お手元の PC

Page 138: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

138

承認フローの作成 (7)1. 今回は成果物の関連付けの変更は行いません。 [Cencel] をクリックします。

1

お手元の PC

Page 139: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

139

1. リリース環境の設定を行います。 [Triggers] をクリックします。2. [Continuous Deployment] をクリックします。3. [Set trigger on artifact source] は、 [ ビルド ] を選択します。

承認フローの作成 (8)

1

2

3

お手元の PC

Page 140: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

140

承認フローの作成 (9)1. [Save] をクリックします。2. [OK] をクリックして、保存します。

1

2

お手元の PC

Page 141: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

141

一度実行します。今回の設定では、ビルド成功後に自動的にデプロイが実行されます。1. [Explorer] をクリックします。2. [ ビルド ] をクリックします。3. [Queue build...] をクリックします。4. [OK] をクリックしてビルドを開始します。

承認フローの作成 (10)

1

2

3

4

お手元の PC

Page 142: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

142

1. ビルドが成功すると、 [Build Succeeded] と表示されます。 [Releases] をクリックします。

承認フローの作成 (11)

1

お手元の PC

Page 143: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

143

承認フローの作成 (12)1. リリース管理画面で、 1件承認待ちとなっています。 [ 承認者 ] アイコンをクリックします。2. テスト環境への承認を求められています。 [Approve] をクリックします。

1

2

お手元の PC

Page 144: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

144

承認フローの作成 (13)実行状況を確認します。1. [Release-xx] をダブルクリックします。2. [Deployment Status] が [INPROGRESS] から [SUCCEEDED] となります。

1

2

お手元の PC

Page 145: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

145

承認フローの作成 (14)リモートデスクトップ接続している仮想マシン VM1 にアクセスします。デスクトップにある [agent] フォルダーをクリックし、 [_work\xxxxxxxxx\a\ ビルド \drop\SampleWinForm\bin\Debug] に ビルド成果物 [SampleWinForm.exe] があることを確認します。

RDP: VM1

Page 146: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

146

Visual Studio Team Services のリリース管理で DevTest Labs に仮想マシン作成するための設定を行います。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [Dev Test Lab アイコンの VSTSHOL] をクリックします。

仮想マシン VM2 の作成 (1)

1

2

お手元の PC

Page 147: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

147

1. Dev Test Lab [VSTSHOL] のブレードが表示されます。 [+ 追加 ] をクリックします。

仮想マシン VM2 の作成 (2) お手元の PC

1

Page 148: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

148

1. [ ベースの選択 ] ブレードが表示されます。 [Windows Server 2012 R2 Datacenter] をクリックします。2. 仮想マシンの作成ブレードが表示されます。 [ 仮想マシン名 ] には、 [VM2] と入力します。3. [ ユーザー名 ] は、 [azuredaisuki] と入力します。4. [ パスワード ] は、 [Passw0rd!!!!] と入力します。5. [ ディスクサイズ ] は、 [HDD] をクリックします。6. [ 仮想マシンサイズ ] をクリックします。

仮想マシン VM2 の作成 (3) お手元の PC

1

2

4

3

5

6

1 つのサブスクリプションを複数人で共有している場合は、 [VM2-1], [VM2-2] のように入力してください。

Page 149: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

149

1. [D1_V2 Standard] をクリックします。2. [ 選択 ] をクリックします。3. [ 仮想マシンサイズ ] に [Standard_D1_V2] が選択されていることを確認します。4. [ 作成 ] をクリックして、仮想マシンを作成します。

VSTS から仮想マシン VM2 作成 (4)

4

3

1

2

お手元の PC

4

Page 150: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

150

Dev Test Labs に作成した仮想マシンに RDP 接続して、成果物がインストールされていることを確認します。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [VM2] と入力します。自動的にフィルターがかかります。3. 仮想マシン [VM2] をクリックします。

仮想マシン VM2 の作成 (5)

1

3

2

お手元の PC

Page 151: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

151

1. 作成した仮想マシン [VM2] のブレードが表示されます。 [ 接続 ] をクリックします。2. [VM2.rdp のダウンロード終了しました。 ] メッセージが画面下部に表示されます。 [ 開く ] をクリックします。

仮想マシン VM2 の作成 (6)

1

2

お手元の PC

Page 152: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

152

1. リモートデスクトップ接続の画面が表示されます。 [ 接続 ] をクリックします。2. [ ユーザー名 ] は [azuredaisuki] と入力します。3. [ パスワード ] は、 [Passw0rd!] と入力します。4. [OK] をクリックします。

仮想マシン VM2 の作成 (7)

1

2

3

4

RDP: VM2

Page 153: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

153

リモートデスクトップ接続の画面が表示されます。1. [ このコンピュータへの接続について今後確認しない ] にチェックをいれます。2. [ はい ] をクリックします。

仮想マシン VM2 の作成 (8)

1

2

RDP: VM2

Page 154: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

154

仮想マシン [VM2] にリモートデスクトップ接続している画面が表示されます。

仮想マシン VM2 の作成 (9) RDP: VM2

Page 155: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

155

1. 仮想マシン [VM2] で [PowerShell] アイコンをクリックします。2. [Enable-PSRemoting] コマンドを実行します。選択肢は2回とも [A] で回答します。

仮想マシン VM2 の作成 (10)

1

2

2

2

RDP: VM2

Page 156: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

156

Powershell のリモート実行をするためにファイアウォールの設定をします。今回はファイアウォールの設定を Off にします。1. 画面左下のウインドウアイコンを右クリックし、 [Control Panel] をクリックします。2. [firewall] と入力し、フィルターをかけます。3. [Windows Firewall] をクリックします。

仮想マシン VM2 の作成 (11)

1

2

3

RDP: VM2

Page 157: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

157

1. [Turn Windows Firewall on or off] をクリックします。

仮想マシン VM2 の作成 (12)

1

RDP: VM2

Page 158: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

158

1. [Private network settings] の [Turn off Windows Firewall] をクリックします。2. [Public network settings] の [Turn off Windows Firewall] をクリックします。3. [OK] をクリックします。

仮想マシン VM2 の作成 (13)

1

RDP: VM2

2

3

Page 159: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

159

自動テストの実行 (1)1. お手元の PC の Visual Studio Team Services に戻り、 [Explorer] をクリックします。2. [+] をクリックします。

2

1

お手元の PC

Page 160: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

160

1. [Repository] は [UITest] を選択します。2. [Create] をクリックします。

自動テストの実行 (3)

2

1

お手元の PC

Page 161: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

161

以下のように定義が作成されていることを確認します。

自動テストの実行 (4) お手元の PC

Page 162: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

162

1. [Visual Studio Build] をクリックします。2. [Platform] に [$(BuildPlatform)] 、 [Configration] に [$(BuildConfigration)] と入力されていることを確認しま

す。3. [Solution] 欄の [...] ボタンをクリックします。

自動テストの実行 (5)

1

3

2

お手元の PC

Page 163: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

163

1. [CodedUITestProject1] フォルダーにある [CodedUITestProject1.sln] をクリックします。2. [OK] をクリックします。

自動テストの実行 (6)

1

2

お手元の PC

Page 164: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

164

1. [Solution] 欄に [CodedUITestProject1/CodedUITestProject1.sln] と入力されていることを確認します。

自動テストの実行 (7)

1

お手元の PC

Page 165: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

165

1. 今回は [Nuget Installer] は使用しません。 [X] をクリックして、ビルド定義から削除します。2. 今回は [Visual Studio Build] のみ使います。ほかのビルドタスクを [X] をクリックして、ビルド定義から削除します。3. [Add build step…] をクリックします。

自動テストの実行 (8)

2

1

3

お手元の PC

Page 166: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

166

1. [Utility] をクリックします。2. [Copy and Publish Build Artifact] の [Add] をクリックします。3. [Close] をクリックします。

自動テストの実行 (9)

21

3

お手元の PC

Page 167: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

167

1. [Copy and Publish Build Artifacts] をクリックします。2. [Copy Root] 欄の [...] ボタンをクリックします。

自動テストの実行 (10)

1

2

お手元の PC

Page 168: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

168

1. [UITest] - [CodedUITestProject1] - [CodedUITestProject1] の順にフォルダーをクリックします。2. [OK] をクリックします。

自動テストの実行 (11)

1

2

お手元の PC

Page 169: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

169

1. [Copy Root] 欄に [CodedUITestProject1/CodedUITestProject1] と入力されていることを確認します。2. [Contents] には、 [**\bin] と入力します。3. [Artifact Name] には、 [test] と入力します。4. [Artifact Type] には、 [Server] を選択します。

自動テストの実行 (12)

12

34

お手元の PC

Page 170: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

170

1. [Variables] をクリックします。2. [BuildConfigration] に [debug] 、 [BuildPlatform] に [any cpu] と入力されていることを確認します。3. [Save] をクリックします。

自動テストの実行 (13)

1

2

3

お手元の PC

Page 171: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

171

1. [Name] に [UI テスト ] と入力します。2. [OK] をクリックします。3. [UI テスト ] という名前でビルド定義が保存されていることを確認します。

自動テストの実行 (14)

3

お手元の PC

2

1

Page 172: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

172

1. Visual Studio Team Services 上でビルド実行します。 [Queue build...] をクリックします。

自動テストの実行 (15)

1

お手元の PC

Page 173: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

173

1. ビルド設定画面が表示されます。 [OK] をクリックします。2. ビルドが成功していることを確認します。

自動テストの実行 (16)

1

2

お手元の PC

Page 174: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

174

自動テストの実行 (17)1. Visual Studio Team Services の [Releases] をクリックします。2. [ リリース管理 ] をクリックします。3. [Edit] をクリックします。

2

31

お手元の PC

Page 175: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

175

自動テストの実行 (18)1. [Artifacts] をクリックします。2. [Link an artifact source] をクリックします。

21

お手元の PC

Page 176: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

176

自動テストの実行 (19)1. ビルド [UI テスト ] の成果物が関連付けされていることを確認して、 [Link] をクリックします。

1

お手元の PC

Page 177: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

177

自動テストの実行 (20)1. [Environment] をクリックします。2. [Add tasks] をクリックします。

2

1

お手元の PC

Page 178: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

178

自動テストの実行 (21)1. スクロールして、 [Windows Machine File Copy] の [Add] を 2 回クリックします。

1

お手元の PC

Page 179: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

179

自動テストの実行 (22)1. [Test] をクリックします。2. スクロールして、 [Visual Studio Test Agent Deployment] の [Add] をクリックします。3. [Run Functional Tets] の [Add] をクリックします。4. [Close] をクリックします。

1

4

2

3

お手元の PC

Page 180: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

180

自動テストの実行 (23)1. 最初の [Windows Machine File Copy] タスクの [Source] 欄の [...] ボタンをクリックします。

1

お手元の PC

Page 181: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

181

1. [ ビルド (Build)]–[drop]–[SampleWinForm]-[bin]-[Debug]-[SampleWinForm.exe] の順にクリックします。2. [OK] をクリックします。

自動テストの実行 (24)

1

2

お手元の PC

Page 182: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

182

1. [Machine] は、 [10.0.0.5] と入力します。2. [Admin login] は、 [$(myadmin)] と入力します。3. [Password] は、 [$(mypassword)] と入力します。4. [Destination Folder] は、 [c:\drop] と入力します。

自動テストの実行 (25)

1

234

お手元の PC

Page 183: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

183

自動テストの実行 (26)1. 2 番目の [Windows Machine File Copy] タスクをクリックします。2. [Source] 欄の [...] ボタンをクリックします。

2

1

お手元の PC

Page 184: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

184

1. [UI テスト (Build)]–[test]-[bin]-[Debug]-[CodedUITestProject1.dll] の順にクリックします。2. [OK] をクリックします。

自動テストの実行 (27)

1

2

お手元の PC

Page 185: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

185

1. [Machine] は、 [10.0.0.5] と入力します。2. [Admin login] は、 [$(myadmin)] と入力します。3. [Password] は、 [$(mypassword)] と入力します。4. [Destination Folder] は、 [c:\test] と入力します。

自動テストの実行 (28) お手元の PC

1

234

Page 186: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

186

1. [Visual Studio Test Agent Deployment] タスクをクリックします。2. [Machines] は、 [10.0.0.5] と入力します。3. [Admin login] は、 [$(myadmin)] 、 [Password] は、 [$(mypassword)] と入力します。4. [Protocol] は、 [HTTP] を選択します。5. [Username] は、 [$(myadmin)] 、 [Password] は、 [$(mypassword)] と入力します。6. [Interactive Process] には、チェックを入れます。

自動テストの実行 (29)

2

3

4

1

56

お手元の PC

Page 187: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

187

1. [Run Functional Test] タスクをクリックします。2. [Machines] は、 [10.0.0.5] と入力します。3. [Test Drop Location] は、 [c:\test] と入力します。

自動テストの実行 (30)

2

3

1

お手元の PC

Page 188: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

188

1. リリース環境変数の設定を行います。 [Variables] をクリックします。2. [Name] には、 [myadmin], [Value] には、仮想マシンのユーザー ID [azuredaisuki] と入力します。3. [+Variable] をクリックし、変数を追加します。4. [Name] には、 [mypassword], [Value] には、仮想マシンのパスワード [Passw0rd!!!!] と入力します5. [鍵アイコン ] をクリックしてパスワードを隠します。

自動テストの実行 (31) お手元の PC

2

34 5

1

Page 189: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

189

1. [Save] をクリックします。2. [OK] をクリックして、保存します。

自動テストの実行 (32)

1

2

お手元の PC

Page 190: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

190

Azur への成果物デプロイを実行します。今回はリリース管理だけを実行します。1. [Release]-[Create Release] をクリックします。2. [Artifact] では最新のビルドの [ ビルド ] と [UI テスト ] を選択します。3. [Create] をクリックします。4. [Releases] をクリックします。

自動テストの実行 (33)

3

1 2

4

お手元の PC

Page 191: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

191

1. リリース管理画面で、 1件承認待ちとなっています。 [ 承認者 ] アイコンをクリックします。2. テスト環境への承認を求められています。 [Approve] をクリックします。

自動テストの実行 (34)

1

2

お手元の PC

Page 192: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

192

リモートデスクトップ接続している仮想マシン VM2 にアクセスし、UI テストが実行されることを確認してください。

自動テストの実行 (35) RDP: VM2

Page 193: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

193

手順書http://takedamasaki555.wordpress.com/ で公開中• Team Foundation Server / Visual Studio Team Services 体験• Visual Studio + Team Foundation Server / Visual Studio Team Services による開発業務効率化体験• Visual Studio と Team Foundation Server / Visual Studio Team Services で実現するビルド・テス

ト・デプロイ自動化 • Visual Studio と Team Foundation Server / Visual Studio Team Services で実現するビルド・テス

ト・デプロイ自動化 + Azure 仮想マシン起動自動化

• Team Foundation Server 2015 Update 3 インストール• Team Foundation Server 2015 Update 3 へのアップグレード• Team Foundation Server 2015 によるテスト工数削減• Team Foundation Server プロセステンプレートの変更• Entity Framework 6.1.3 + ASP.NET MVC 5 サンプル アプリケーション構築• Entity Framework 6.1.3 + Windows フォーム サンプル アプリケーション構築

Page 194: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

194

Visual Studio Team Services 月額費用Visual Studio Team Services のアカウント(テナント)と紐づいた Azure サブスクリプションに請求されます

Visual Studio Team Services 料金詳細https://azure.microsoft.com/ja-jp/pricing/details/visual-studio-team-services/ 

最初の 5 ユーザー 無料

ユーザー数 6 から 10 612円 / ユーザー

ユーザー数 11 から 100 816円 / ユーザー

ユーザー数 101 から 1000

408円 / ユーザー

ユーザー数 1001 以上 204円 / ユーザー

* MSDN Subscription にひもづいたアカウントは課金対象としてカウントされません

ユーザー Visual Studio Team Services の

ビルドパイプラインを利用する場合 無料のビルドパイプライン * 単一ジョブの最大実行時間 30 分

無料

有料のビルドパイプライン * 単一ジョブの最大実行時間 360 分

4,080円 / パイプライン自前のビルドサーバーを利用する場合

最初の 1 つ目 無料

2 つ目以降 1,530円 /パイプライン* 2017年 1月 14日時点

Page 195: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

195

Team Foundation Server ライセンス

サーバーライセンス

Windows Server 必要SQL Server TFS サーバーライセンスに含まれる

TFS 必要* MSDN Subscription お持ちの場合は不要

CALWindows Server CAL 利用人数分必要SQL Server CAL TFS サーバーライセンスに含まれる

TFS CAL 利用人数分必要* MSDN Subscription お持ちの場合は不要

MSDN Subscription をお持ちの場合は、

Windows Server ライセンス & CAL のみが必要となります。 MSDN Subscription に、 Team Foundation Server ライセンス & CAL が含まれる

SQL Server は Team Foundation Server ライセンスに含まれる

Page 196: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

~ アプリケーション ライフサイクル全般をカバー

▶ Visual Studio のエディション構成 ( 主要製品 ) * 2017 年 1 月 14 日時点

~ 開発に必要な機能を提供

~ 様々な開発に対応した包括的な開発基盤

無償提供

※ それ以外にもテスト専用ツールを提供する Test Professional 、 MSDN Subscription の特典を提供する MSDN Platforms を提供

しています。

~ 中小企業、オープン ソース開発、勉強向け ~ アプリの形態に限定された開発 ~ クロス プラットフォームのコード エディタ

196

Page 197: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

UML モデリング

構造分析

コードカバレッジ

静的コード分析 *

コードクローン分析

UI 自動テスト

探索的テスト

コードレビュー *

ストーリーボード *

データベース開発

IntelliTrace™ IntelliTrace Anywhere

コードマップデバッガ .NET メモリダンプ解析 Web テスト/ロードテスト

Fake Framework

テストケース管理

テストケース管理/フィードバック

プロファイル( CPU 、メモリ、バッテリー消費) *

単体テスト *

要求管理 ソース管理/バグ管理

品質管理/サーバー ビルド

タスク管理/レポーティング/プロジェクト ポータル / フィードバック

IntelliTest

テスト影響分析

CodeLens

Include ファイル分析

Visual Studio 2015 エディション別 機能一覧

*Visual Studio Community での利用可能な機能

VS 2013 Ultimate 機能VS 2013 Premium 機能 VS 2015 新機能

Page 198: Visual Studio 2015 とTeam Foundation Server 2015 /Visual Studio Team Services で実現するテスト自動化 手順書

構造分析

コードカバレッジ

静的コード分析 *

コードクローン分析

UI 自動テスト

探索的テスト

コードレビュー *

ストーリーボード *

データベース開発

IntelliTrace™ IntelliTrace Anywhere

コードマップデバッガ .NET メモリダンプ解析 Web テスト/ロードテスト

Fake Framework

テストケース管理

テストケース管理/フィードバック

プロファイル( CPU 、メモリ、バッテリー消費) *

単体テスト *

要求管理 ソース管理/バグ管理

品質管理/サーバー ビルド

タスク管理/レポーティング/プロジェクト ポータル / フィードバック

IntelliTest

テスト影響分析

CodeLens

Include ファイル分析

Visual Studio 2017 エディション別 機能一覧

*Visual Studio Community での利用可能な機能

VS 2017 新機能

Live Unit Testing

ライブ アーキテクチャの依存関係の検証

Xamarin Inspector

Xamarin Profiler

Xamarin Test Recorder

新インストーラー

起動速度の改善

IDE 強化