visual studio 2015 とteam foundation server 2015 /visual studio team services...
TRANSCRIPT
Visual Studio ハンズオン トレーニング
Visual Studio とTeam Foundation Server /Visual Studio Team Services で実現するビルド・テスト・デプロイ自動化 手順書
日本マイクロソフト株式会社
開発ツール推進部
武田 正樹 [email protected]
最終更新日 : 2017 年 3 月 4 日
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
3
目次 (2) ビルド基本編 70
ビルド定義の作成 71 ビルド定義の編集 74 ビルドの実行 85
Test Manager 編 91 テスト計画の策定 92 手動テストの実行 98 回帰テストの実行 101
UI テスト作成編 102 UI テスト用のリポジトリを作成 103 記録した操作の単体テスト化 109 単体テストにアサーションを追加 112 単体テストのコミット 119
4
目次 (3) ビルドサーバー構築編 122
ビルドエージェントのダウンロード 123 ビルドエージェントの有効化 125
リリース管理編 131 承認フローの作成 132 仮想マシン VM2 の作成 146 自動テストの実行 159
手順書 193
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 分
Azure DevTest Labs 編- DevTest Labs の作成- DevTest Labs 用仮想マシン VM1 の作成- DevTest Labs 用仮想マシン VM1 の確認
7
1. ブラウザーで https://portal.azure.com にアクセスし、 Azure ログイン可能なアカウントを入力します。2. 入力したアカウントの種類によりリダイレクト先がかわります。リダイレクト先で、パスワードを入力します。3. [ サインイン ] をクリックします。
DevTest Labs の作成 (1)
1
お手元の PC
23
8
Azure Portal のダッシュボードが表示されます。1. Dev Test Lab を作成します。 [+ 新規 ] をクリックします。
DevTest Labs の作成 (2)
1
お手元の PC
9
1. 新規作成するサービスのカテゴリが表示されます。 [ 開発者向けサービス ] もしくは、 [Developer tools] をクリックします。
2. [Dev Test Labs] をクリックします。
DevTest Labs の作成 (3)
1
2
お手元の PC
10
1. Dev Test Labs の作成画面が表示されます。 [ ラボ名 ] には、 [VSTSHOL] と入力します。2. [ 場所 ] は、 [ 東日本 ] を選択します。3. [ 作成 ] をクリックして、 Dev Test Labs の作成を開始します。作成までは数分かかります。
DevTest Labs の作成 (4)
1
2
3
1 つのサブスクリプションを複数人で共有している場合は、[VSTSHOL-1], [VSTSHOL-2] のように入力してください。
お手元の PC
11
Dev Test Labs の作成完了後、 Dev Test Labs に仮想マシンを作成します。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [Dev Test Lab アイコンの VSTSHOL] をクリックします。
DevTest Labs 用仮想マシンの作成 (1)
1
2
お手元の PC
12
1. Dev Test Lab [VSTSHOL] のブレードが表示されます。 [+ 追加 ] をクリックします。
DevTest Labs 用仮想マシンの作成 (2)
1
お手元の PC
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] のように入力してください。
14
1. [F2 Standard] をクリックします。2. [ 選択 ] をクリックします。3. [ 仮想マシンサイズ ] に [Standard_F2] が選択されていることを確認します。4. [ 作成 ] をクリックして、仮想マシンを作成します。
DevTest Labs 用仮想マシンの作成 (4)
1
2 4
3
お手元の PC
15
Dev Test Labs に作成した仮想マシンに RDP 接続して、 Visual Studio がインストールされていることを確認します。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [Dev Test Lab アイコンの VSTSHOL] をクリックします。
仮想マシンの VM1 の設定 (1)
1
2
お手元の PC
16
1. Dev Test Lab [VSTSHOL] のブレードが表示されます。作成した仮想マシン [VM1] をクリックします。
仮想マシンの VM1 の設定 (2)
1
お手元の PC
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] のように入力してください。
18
1. リモートデスクトップ接続の画面が表示されます。 [ 接続 ] をクリックします。2. [ ユーザー名 ] は [azuredaisuki] と入力します。3. [ パスワード ] は、 [Passw0rd!!!!] と入力します。4. [OK] をクリックします。
仮想マシンの VM1 の設定 (4)
1
2
3
4
RDP: VM1
19
リモートデスクトップ接続の画面が表示されます。1. [ このコンピュータへの接続について今後確認しない ] にチェックをいれます。2. [ はい ] をクリックします。
仮想マシンの VM1 の設定 (5)
1
2
RDP: VM1
20
仮想マシン [VM1] にリモートデスクトップ接続している画面が表示されることを確認します。
仮想マシンの VM1 の設定 (6) RDP: VM1
21
Internet Explorer のセキュリティ設定を変更します。1. [Local Server] をクリックします。2. [IE Enhanced Security Configuration] の [On] をクリックします。
仮想マシンの VM1 の設定 (7) RDP: VM1
1
2
22
1. [Administrators] の [Off] をクリックします。2. [Users] の [Off] をクリックします。3. [OK] をクリックします。
仮想マシンの VM1 の設定 (8) RDP: VM1
1
2
3
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
24
Powershell のリモート実行をするためにファイアウォールの設定をします。今回はファイアウォールの設定を Off にします。1. 画面左下のウインドウアイコンを右クリックし、 [Control Panel] をクリックします。2. [firewall] と入力し、フィルターをかけます。3. [Windows Firewall] をクリックします。
仮想マシンの VM1 の設定 (10)
1
2
3
RDP: VM1
25
1. [Turn Windows Firewall on or off] をクリックします。
仮想マシンの VM1 の設定 (11)
1
RDP: VM1
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
27
1. Visual Studio を起動します。 [Windows ロゴ ] を右クリックし、 [Run] をクリックします。2. [devenv] と入力します。3. [OK] をクリックして、 Visual Studio を起動します。
Visual Studio の起動 (1)
1
RDP: VM1
2
3
28
1. [Not now. Maybe later] をクリックします。2. [Start Visual Studio] をクリックして、 Visual Studio を起動します。
Visual Studio の起動 (2)
1
RDP: VM1
2
29
Visual Studio が起動すると、ライセンス認証の画面が表示されます。今回は評価版として利用します。1. [Sign in] をクリックします。2. Visual Studio Team Servies アカウントを作成際に使用したマイクロソフトアカウントを入力します。3. [Continue] をクリックします。
Visual Studio の起動 (3)
1
RDP: VM1
2
3
30
Visual Studio Team Services のサインイン画面が表示されます。1. Microsoft アカウントのパスワードを入力します。2. [ サインイン ] をクリックします。
Visual Studio の起動 (4)
1
2
RDP: VM1
31
1. ログインが完了したことを確認して、 [Close] をクリックします。
Visual Studio の起動 (5)
1
RDP: VM1
準備編- Visual Studio Team Services のアカウント作成
Team Foundation Server の場合は、下記手順書に従い、インストール~チームプロジェクトの作成を実施してください。
https://doc.co/ChRKFZ
33
1. ブラウザーで https://www.visualstudio.com/ja-jp にアクセスし、 [Sign in] をクリックします。2. Microsoft アカウントを入力します。3. [ 続行 ] をクリックします。
VSTS のアカウント作成 (1)
1
2
3
お手元の PC
34
Visual Studio Team Services のサインイン画面が表示されます。1. Microsoft アカウントのパスワードを入力します。2. [ サインイン ] をクリックします。
VSTS のアカウント作成 (2)
1
2
お手元の PC
35
1. 詳細情報に関する画面が表示されます。 [ 発信元 ] に [Japan] を選択します。2. [ 続行 ] をクリックします。
VSTS のアカウント作成 (3)
1
2
お手元の PC
36
1. [ 新しいアカウントの作成 ] をクリックします。
VSTS のアカウント作成 (4)
1
お手元の PC
37
Visual Studio Team Services のアカウント作成画面が表示されます。1. 任意の URL を入力します。2. [Team Foundation Version Control] を選択します。設定忘れやすいので注意!3. [ 詳細の変更 ] をクリックします。
VSTS のアカウント作成 (5)
2
3
1
お手元の PC
38
Visual Studio Team Services のアカウントを作成します。1. プロジェクト名が [MyFirstProject] 、 プロセステンプレート [Agile] となっている事を確認します。2. [ 続行 ] をクリックします。
VSTS のアカウント作成 (6)
2
1
プロジェクト名は変更可能ですが、本手順書では、デフォルトのままにします。
お手元の PC
39
Visual Studio Team Services のアカウント作成が完了すると下記画面が表示されます。今回は、 MyFirstProject というチームプロジェクトをそのまま使用します。
VSTS のアカウント作成 (7) お手元の PC
テスト作成編- Visual Studio と Visual Studio Team Services との接続- ワークスペースにプロジェクトを追加- 単体テストの自動生成- 単体テストの実行- 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
42
1. 先ほど作成した Visual Studio Team Services に接続します。 [▼] をクリックします。2. [ アカウントの追加 ...] をクリックします。3. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウント名を入力します。4. [ 続行 ] をクリックします。
Visual Studio との接続 (2)
12
3
4
RDP: VM1
43
1. 先ほど作成した Visual Studio Team Services にログイン可能なマイクロソフトアカウントのパスワードを入力します。
2. [ サインイン ] をクリックします。3. ログインしたマイクロソフトアカウントに紐づいた Visual Studio Team Services のアカウントとチームプロジェク
トのリストが表示されます。 [MyFirstProject] をクリックして選択します。4. [ マップと取得 ] をクリックします。
Visual Studio との接続 (3)
12 3
4
RDP: VM1
44
1. チームエクスプローラーが以下のように表示されていることを確認します。
Visual Studio との接続 (4) RDP: VM1
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
46
1. Visual Studio のチームエクスプローラーの [ ソリューションタブ ] の [ 開く ...] をクリックします。2. [C:\Users\<User 名 >\Source\Workspaces\MyFirstProject\SampleWinForm\SampleWinForm.sln] をダブルク
リックして開きます。3. セキュリティ警告が表示されますが、 [OK] をクリックします。
ワークスペースにプロジェクトを追加 (2)
1
2
3
RDP: VM1
47
1. 開始をクリックして、デバッグ実行をします。2. Windows Form 作成の計算機アプリケーションが起動します。 [1] [+] [1] [=] と入力し、 [2] が表示されることを
確認します。3. [X] をクリックしてデバッグ実行を終了します。
ワークスペースにプロジェクトを追加 (3)
1
2
3
RDP: VM1
48
今回は Visual Studio の単体テスト自動生成機能 [IntelliTest] を使用して単体テストを自動生成します。
1. [ ソリューション エクスプローラー ] をクリックします。2. [Calculator.cs] をダブルクリックして、ファイルを開きます。
単体テストの自動生成 (1)
1
2
RDP: VM1
49
1. クラス [Calculator] を右クリックします。2. [IntelliTest] - [IntelliTest の作成 ] の順にクリックします。
単体テストの自動生成 (2)
2
1
RDP: VM1
50
1. [IntelliTest の作成 ] 画面が表示されます。 [ テスト フレームワーク ] は [MSTest] を選択します。 2. [OK] をクリックします。3. ソリューション エクスプローラーで、単体テストプロジェクト [SampleWinForm.Tests] が自動生成されているこ
とを確認します。
単体テストの自動生成 (3)
2
1
3
RDP: VM1
51
この時点では、まだテストプロジェクトが作成されただけで、単体テストそのものは生成されていません。IntelliTest を実行して、単体テストを自動生成します。
1. クラス [Calculator] を右クリックします。2. [IntelliTest] - [IntelliTest の実行 ] の順にクリックします。
単体テストの自動生成 (4)
2
1
RDP: VM1
52
1. ソリューション エクスプローラーの クラス [Calculator.Test.cs] 内に四則演算のメソッドごとに単体テストが生成されていることを確認します。
単体テストの自動生成 (5)
1
RDP: VM1
53
IntelliTest を実行して自動生成された単体テストを実行します。
1. Visual Studio のメニュー [ テスト ] – [ 実行 ] - [ すべてのテスト ] の順にクリックします。
単体テストの実行 (1)
1
RDP: VM1
54
単体テストの実行が終了すると、テスト エクスプローラーに結果が表示されます。1. 失敗のテストが 2件あることを確認します。
単体テストの実行 (2)
1
RDP: VM1
55
1件目の失敗テストの内容を確認します。1. テスト エクスプローラーの [DivideTestThrowsDivideByZeroExpection…] をダブルクリックします。2. テストエクスプローラーの下側にエラーメッセージが表示されます。 単体テストの失敗原因が 0 で除算していることを確認します。
単体テストの実行 (3)
1
2
RDP: VM1
56
続いて、 2件目の失敗テストの内容を確認します。1. テスト エクスプローラーの [DivideTestThrowsOverflowExpection…] をダブルクリックします。2. テストエクスプローラーの下側にエラーメッセージが表示されます。単体テストの失敗原因が int 最小値
(-2,147,483,648) を -1 で除算した結果 int の最大値 (2,147, 483,647) を超えてしまっていることを確認します。
単体テストの実行 (4)
1
2
RDP: VM1
57
テストが成功するように、 Calculator.cs を修正します。 1. [Calculator.cs] をクリックして、ソースコードを表示します。2. [Divide] メソッドに赤枠の内容を追加します。テスト失敗ケースの値の場合は 意図的に 0 をかえすようにしていま
す。3. [保存 ] アイコンをクリックして、ファイルを保存します。
単体テストの実行 (5)
1
2
3
RDP: VM1
58
ソースコードを修正したので、再度単体テストを実行します。1. テスト エクスプローラーの [ すべて実行 ] をクリックします。2. 6 件のテストが成功していることを確認します。
単体テストの実行 (6)
2
1
RDP: VM1
59
条件文を追加した際に、それを網羅するように単体テストが追加されることも確認します。1. [Calculator.cs] をクリックして、ソースコードを表示します。2. [Subtract] メソッドに赤枠の内容を追加します。3. [保存 ] アイコンをクリックして、ファイルを保存します。
単体テストの実行 (7)
1
2
3
RDP: VM1
60
IntelliTest を実行して、再度単体テストを自動生成します。
1. クラス [Calculator] を右クリックします。2. [IntelliTest] - [IntelliTest の実行 ] の順にクリックします。
単体テストの実行 (8)
1
2
RDP: VM1
61
1. IntelliTest の実行が終了すると、 [IntelliTest の探索の結果 ] ウインドウが表示されます。Subtract メソッドに単体テストが 2件存在している事を確認します。
2. テスト エクスプローラーの [ すべて実行 ] をクリックします。3. 8 件のテストが成功していることを確認します。
単体テストの実行 (9)
2
1
RDP: VM1
62
Calculator.cs クラスに対して自動生成した単体テストがすべて成功しました。カバレッジをとってみましょう。1. Visual Studio のメニュー [ テスト ] – [ コード カバレッジの分析 ] - [ すべてのテスト ] の順にクリックします。
単体テストの実行 (10)
1
RDP: VM1
63
ソリューション 全体に対するカバレッジの分析が実行されます。分析が終了すると [ コード カバレッジの結果 ] ウインドウが表示されます。
1. [samplewinform.exe] – [SampleWinForm] - [Calculator] の順にクリックして、 [Calculator] クラスのカバレッジが 100% であることを確認します。
単体テストの実行 (11)
1
RDP: VM1
64
Calculator.cs に対するカバレッジ 100% の単体テストが完成しました。Visual Studio Team Services にチェックインしましょう。
1. ソリューション エクスプローラーの [ ソリューション “ SampleWinForm”] を右クリックします。2. [ ソリューションをソース管理に追加 ] をクリックします。
VSTS へのチェックイン (1)
1
2
RDP: VM1
65
VSTS へのチェックイン (2)1. [ チームエクスプローラー ] をクリックします。2. [ ホームアイコン ] をクリックします。3. [保留中の変更 ] をクリックします。
1
3
2
RDP: VM1
66
1. [ コメント ] 欄に [Calculator クラスの単体テスト作成 ] と入力します。2. [含まれる変更 ] 欄には [SampleWinForm] プロジェクトと [SampleWinForm.Tests] プロジェクトが含まれてい
ることを確認します ([含まれる変更 (20)] になっています ) 。3. [ チェックイン ] をクリックします。4. [ チェックインの確認 ] ウインドウが表示されるので、 [ はい ] をクリックしてチェックインを行います。
VSTS へのチェックイン (3)
3
1
3
4
チェックイン時の項目数は 20 以外になることがあります。
RDP: VM1
67
チェックインの完了を確認します。1. Visual Studio Team Services が開いているブラウザに移動して、 [CODE] をクリックします。2. [SampleWinForm] をクリックして、 [SampleWinForm] プロジェクトと [SampleWinForm.Tests] プロジェクト
が含まれていることを確認します。
なお、 [History] をクリックすると、変更履歴やソースの修正内容が確認できます。
VSTS へのチェックイン (4)
1
2
RDP: VM1
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
69
1. 45 行目の下記の箇所を変更します。
(修正前)<HintPath>..\..\..\..\..\..\..\Program Files (x86)… (修正後)<HintPath>c:\Program Files (x86)…
2. [保存 ] アイコンをクリックして、変更を保存します。
VSTS へのチェックイン (6)
1
2
RDP: VM1
ビルド基本編- ビルド定義の作成- ビルド定義の編集- ビルドの実行
71
ビルド定義を作成します。1. [MyFirstProject] をクリックします。2. [Build & Release] をクリックします。3. [Explorer] をクリックします。4. [+] をクリックします。
ビルド定義の作成 (1)
4
2
3
1
お手元の PC
72
1. ビルド定義画面が表示されます。 [Visual Studio] が選択されていることを確認して、 [Next] をクリックします。2. 続いて、ビルド定義の設定画面が表示されます。 [Create] をクリックします。
ビルド定義の作成 (2)
1 2
お手元の PC
73
以下のように定義が作成されていることを確認します。
ビルド定義の作成 (3) お手元の PC
74
1. [Visual Studio Build] をクリックします。2. [Platform] に [$(BuildPlatform)] 、 [Configration] に [$(BuildConfigration)] と入力されていることを確認しま
す。3. [Solution] 欄の [...] ボタンをクリックします。
ビルド定義の編集 (1)
1
3
2
お手元の PC
75
1. [SampleWinForrm] フォルダーにある [SampleWinForm.sln] をクリックします。2. [OK] をクリックします。
ビルド定義の編集 (2)
1
2
お手元の PC
76
1. [Solution] 欄に [$/MyFirstProject/SampleWinForm/SampleWinForm.sln] と入力されていることを確認します。2. [Visual Studio Version] 欄は、 [Visual Studio 2015] を選択します。
ビルド定義の編集 (3)
1
2
お手元の PC
77
1. [Visual Studio Test] をクリックします。2. [Code Coverage Enabled] のチェックボックスにチェックをいれ、ビルド結果レポートにコードカバレッジを含めま
す。
ビルド定義の編集 (4)
1
2
お手元の PC
78
1. 今回はビルドステップ [Copy and Publish Build Artifacts] を使用します。 [Copy Files] と [Publish Build Artifacts ] の [X] をクリックして、ビルド定義から削除します。
2. [Add build step...] をクリックします。
ビルド定義の編集 (5)
1
2
お手元の PC
79
1. [Utility] をクリックします。2. [Copy and Publish Build Artifact] の [Add] をクリックします。3. [Close] をクリックします。
ビルド定義の編集 (6)
21
3
お手元の PC
80
1. [Copy and Publish Build Artifacts] をクリックします。2. [Copy Root] 欄の [...] ボタンをクリックします。
ビルド定義の編集 (7)
1
2
お手元の PC
81
1. [SampleWinForrm] フォルダーをクリックします。2. [OK] をクリックします。
ビルド定義の編集 (8)
1
2
お手元の PC
82
1. [Copy Root] 欄に [$/MyFirstProject/SampleWinForm] と入力されていることを確認します。2. [Contents] には、 [**\bin] と入力します。3. [Artifact Name] には、 [drop] と入力します。4. [Artifact Type] には、 [Server] を選択します。
ビルド定義の編集 (9)
1
23
4
お手元の PC
83
1. [Variables] をクリックします。2. [BuildConfigration] に [debug] 、 [BuildPlatform] に [any cpu] に変更します。3. [Save] をクリックします。
ビルド定義の編集 (10)
1
2
3
お手元の PC
84
1. [Name] に [ ビルド ] と入力します。2. [OK] をクリックします。
ビルド定義の編集 (11)
2
1
お手元の PC
85
1. Visual Studio Team Services 上でビルド実行します。 [Queue build...] をクリックします。
ビルドの実行 (1)
1
お手元の PC
86
1. ビルド設定画面が表示されます。 [OK] をクリックします。
ビルドの実行 (2)
1
お手元の PC
87
1. ビルドが成功すると、 [Build Succeeded] と表示されます。 [Build …] をクリックします。
ビルドの実行 (3)
1
お手元の PC
88
ビルド結果の Summary が表示されます。ビルドに関する様々な項目が追跡可能です。1. ビルドに関連したチェックイン履歴が確認できます。2. テスト結果、コードカバレッジの結果が確認できます。
ビルドの実行 (4)
1
2
お手元の PC
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
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
Test Manager 編- テスト計画の策定- 手動テストの実行- 回帰テストの実行
92
テスト計画の策定 (1)1. 仮想マシン VM1 で Test Manager を起動します。 [Windows ロゴ ] を右クリックし、 [Run] をクリックします。2. [mtm] と入力します。3. [OK] をクリックして、 Test Manager を起動します。4. [ サーバーの追加 ] をクリックします。
1
2
3
4
RDP: VM1
93
Test Manager を利用した テスト計画の策定と実行を行います。1. 検索ウインドウに [Test Manager] と入力します。2. [Microsoft Test Manager 2015] をクリックして、 Test Manager を起動します。3. [ サーバーの追加 ] をクリックします。
テスト計画の策定 (1)
1
2
3
RDP: VM1
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
95
1. チームプロジェクト [MyFirstProject] をクリックします。2. [ 今すぐ接続 ] をクリックします。3. テストセンターが開きます。 [ 追加 ] をクリックして、テスト計画を新規作成します。
テスト計画の策定 (3)
1
2
3
RDP: VM1
96
1. [ 計画名 ] に [四則演算のテスト ] と入力します。2. [ 追加 ] をクリックします。3. [四則演算のテスト ] が選択されている状態で、 [ 計画の追加 ] をクリックします。
テスト計画の策定 (4)
1
2
3
RDP: VM1
97
1. [四則演算のテスト ] が表示されます。 [ 新規作成 ] をクリックしてテストケースを作成します。
テスト計画の策定 (5)
1
RDP: VM1
98
1. 引き算のテストケースを作成します。 [引き算のテスト ] と入力します。2. ステップを入力します。今回は 1 ステップにしますが、複数ステップにわけて作成可能です。
[ アクション ]欄には、 [[1] [-] [1] [=] を実行 ] と入力します。3. [期待される結果 ]欄には、 [[0] が得られる ] と入力します。4. [保存して閉じる ] をクリックします。
テスト計画の策定 (6)
1
2 3
4
RDP: VM1
99
引き算のテストケースを手動で実行します。1. [ テスト ] をクリックします。2. [引き算のテスト ] を選択します。3. [ 実行 ] をクリックします。4. テストランナーが表示されます。 [ 操作の記憶の作成 ] にチェックをいれます。5. [ テストの開始 ] をクリックします。
手動テストの実行 (1)
1
2
3
4
5
RDP: VM1
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
101
計画通りの値が得られなかったので、テスト結果は失敗となります。1. テストランナーに戻り、 [ テストの終了 ] をクリックし、操作記録を終了します。2. [▼] – [X] 順番にクリックし、テスト結果を失敗とします。3. コメント欄には、 [-1 が得られた ] と入力します。4. [X] をクリックして計算機アプリケーションを終了します。
手動テストの実行 (3)
2
3
1
4
RDP: VM1
102
先ほどの操作はすべて記録されています。今後はこの記録された操作を再生するだけで回帰テストが可能になります。1. [再生 ] をクリックして、先ほどの操作が再現されることを確認します。2. [保存して閉じる ] をクリックしてテストランナーを閉じます。3. [X] をクリックして計算機アプリケーションを終了します。4. [X] をクリックして Test Manager を終了します。
回帰テストの実行
1
32
4
計算機アプリの入力でエラーとなった場合、テストランナーの上部のウインドウアイコンをクリック、 [ フローティング ] を選択してから再度実行してください。
RDP: VM1
UI テスト作成編- UI テスト用のリポジトリを作成 - 記録した操作の単体テスト化 - 単体テストにアサーションを追加- 単体テストのコミット
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
105
1. Git リポジトリが作成されます。 [Clone in Visual Studio] をクリックします。
UI テスト用のリポジトリを作成 (2)
1
[Git for Windows] がインストールされていない場合、 [Git for Windows] をクリックして、 Git のダウンロード & インストールを実施ください。
RDP: VM1
106
1. ポップアップウインドウが表示されます。 [Allow] をクリックして、 Visual Studio を起動します。2. Visual Studio が起動します。メニュー [ 表示 ] – [ チーム エクスプローラー ] の順にクリックします。3. [ 接続 ] アイコンをクリックします。4. [MyFirstProject] – [UITest] の順にダブルクリックします。
UI テスト用のリポジトリを作成 (3)
1
RDP: VM1
23
4
107
1. [ チームエクスプローラー ] の [ このリポジトリを複製 ] をクリックします。
UI テスト用のリポジトリを作成 (4)
1
RDP: VM1
108
1. リポジトリの複製先が [C:\Users\<User 名 >\Source\Repos\UITest] である事を確認します。2. [ 複製 ] をクリックします。3. リポジトリの複製が完了します。 [ 新しいプロジェクトまたはソリューションを作成 ] をクリックします。
UI テスト用のリポジトリを作成 (5)
1
2
3
RDP: VM1
109
1. 新しいプロジェクトの作成画面が開きます。 [Visual C#] の [ テスト ] を選択します。2. [ コード化された UI テスト プロジェクト ] を選択します。3. [ ソリューションのディレクトリを作成 ] と [ 新しい Git リポジトリの作成 ] にチェックがはいっていることを確認し
ます。4. [OK] をクリックします。
記録した操作の単体テスト化 (1)
3
2
1
4
RDP: VM1
110
1. [既存の操作の記録を使用 ] を選択します。2. [OK] をクリックします。3. 操作が記録されているテストケースを選択します。 [ タイトルに含まれる文字列 ] をクリックして、 [引き算 ] と入力し
ます。4. [検索 ] をクリックします。5. [引き算のテスト ] が選択されていることを確認して、 [OK] をクリックします。
記録した操作の単体テスト化 (2)
1
2
3
4
5
RDP: VM1
111
1. Visual Studio のメニュー [ テスト ] – [ 実行 ] - [ すべてのテスト ] の順にクリックします。2. 記録された操作が実行されます。テストエクスプローラーで [CodedUITestMethod1] が 成功していることを確認しま
す。
計算機アプリケーションは閉じないでください。
記録した操作の単体テスト化 (3)
2
1
RDP: VM1
112
記録した操作が単体テストとして登録はされましたが、このままでは単体テストは通過してしまいます。計算機アプリケーションの引き算 1-1 の答えが [0] が得られるようなテストを追加します。 1. [ ソリューションエクスプローラー ] をクリックします。2. [UIMap.uitest] を右クリックし、 [ コード化された UI テストビルダーで編集 ] をクリックします。
単体テストにアサーションを追加 (1)
2
1
RDP: VM1
113
コード化された UI テストビルダーが画面右下に起動します。1. [◎] をクリックします。2. [<<] をクリックします。3. 記録された操作で取得したコントロールの一覧が表示されます。 [UICalculatorWindow] をダブルクリックしま
す。4. [UITxtAnswerWindows] をダブルクリック、続いて [UITextAnswerEdit] をクリックします。5. [ すべてのプロパティの表示 ] をクリックします。
単体テストにアサーションを追加 (2)
1
3
4
2
5
RDP: VM1
114
[UITextAnswerEdit] のプロパティが表示されます。1. [Text] を選択します。2. [ アサーションの追加 ] をクリックします。3. [比較対象値 ] を [0] に変更します。4. [OK] をクリックします。5. [X] をクリックして計算機アプリケーションを終了します。
単体テストにアサーションを追加 (3)
3
14
2
5
RDP: VM1
115
1. コード化された UI テストビルダーの [赤枠 ] をクリックします。2. [ 追加と生成 ] をクリックします。3. [X] をクリックしてコード化された UI テストビルダーを終了します。
単体テストにアサーションを追加 (4)
31
2
RDP: VM1
116
1. Visual Studio に戻り、ソリューションエクスプローラーの [CodeedUITest1.cs] をクリックします。2. [CodedUITestMethod1] に、 [this.UIMap.AssertMethod1();] を追加します。
単体テストにアサーションを追加 (5)
2
1
RDP: VM1
117
単体テストにアサーションを追加 (6)1. Visual Studio のメニュー [ テスト ] – [ 実行 ] - [ すべてのテスト ] の順にクリックします。2. テスト実行の結果、 [CodedUITestMethod1] が失敗していることを確認します。
2
1
RDP: VM1
118
単体テストにアサーションを追加 (7)失敗テストの内容を確認します。1. テスト エクスプローラーの [CodedUITestMethod1] をクリックします。2. テストエクスプローラーの下側にエラーメッセージが表示されます。 先ほど追加したアサーションメソッドにより単体テストの失敗していることを確認します。
1
2
RDP: VM1
119
単体テストのコミット (1)1. メニュー [ 表示 ] – [ チーム エクスプローラー ] の順にクリックします。2. [ チームエクスプローラー ] の [ 設定 ] をクリックします。
1
2
RDP: VM1
120
単体テストのコミット (2)1. [ グローバル設定 ] をクリックします。2. [ ユーザー名 ] を入力します。3. [電子メールアドレス ] には、今回使用している MS アカウントを入力します。4. [ 更新 ] をクリックします。
1
4
2
3既に入力されている場合は、次に進んでください。
RDP: VM1
121
単体テストのコミット (3)1. [ ホームアイコン ] をクリックします。2. [ 変更 ] をクリックします。3. [ コメント ] には、 [UITest] と入力します。4. [▼] をクリックして、 [ すべてをコミットしてプッシュ ] を選択すると、コミット&プッシュが完了します。
1
42
3
RDP: VM1
ビルドサーバー構築編- ビルドエージェントのダウンロード - ビルドエージェントの有効化
123
仮想マシンをビルドサーバーとして利用できるように設定します。1. 仮想マシン上のブラウザーで Visual Studio Team Services にアクセスします。 [ 設定アイコン ] をクリックし
ます。2. [Agent queues] をクリックします。3. [Download agent] をクリックします。
ビルドエージェントのダウンロード (1)
1
2
3
RDP: VM1
124
1. [Windows] タブ の [Download] をクリックして、 zip ファイルをダウンロードします。2. ZIP ファイルを展開して、作成されたフォルダーを [agent] にリネームして [ デスクトップ ] にコピーします。3. [agent] フォルダーの中に、 [config.cmd] があることを確認します。
ビルドエージェントのダウンロード (2)
2
3
1
125
ビルドエージェントの有効化に必要なアクセストークンを発行します。1. 別ウインドウで Visual Studio Team Services にアクセスし、 [ ログインアカウントのアイコン ] をクリックしま
す。2. [Security] をクリックします。3. [Personal access tokens] 画面が表示されます。 [Add] をクリックします。
ビルドエージェントの有効化 (1)
1
2
3
RDP: VM1
126
1. [Description] には、 [ ビルドエージェント ] と入力します。2. [Create Token] をクリックします。
ビルドエージェントの有効化 (2)
1
2
RDP: VM1
127
1. アクセストークンが発行されましたので、発行されたアクセストークンをメモ帳にコピーします。
ビルドエージェントの有効化 (3)
1
RDP: VM1
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
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
130
1. [X] をクリックして、 Get Agent ウインドウを閉じます。2. Visual Studio Team Services 上でもビルドエージェントが有効化されていることを確認します。
ビルドエージェントの有効化 (6)
1
2
RDP: VM1
リリース管理編- 承認フローの作成- Visual Studio Team Services (VSTS) から仮想マシン作成- Azure への成果物デプロイ
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
133
リリース管理に使用するビルド成果物などの設定画面が表示されます。1. [Queue] は [Default] を選択します。2. [Create] をクリックします。
承認フローの作成 (2)
2
1
お手元の PC
134
1. リリース管理の名前を入力します。 [Edit] アイコンをクリックします。2. [Definition] 欄に [ リリース管理 ] と入力します。
承認フローの作成 (3) お手元の PC
2 1
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
136
承認フローの作成 (5)1. [Deployment conditions] をクリックします。2. [After release creation] をクリックして、自動でリリース管理が始まるようにします。3. [OK] をクリックして、設定ウインドウを閉じます。
お手元の PC
1
2
3
137
承認フローの作成 (6)1. [Artifacts] をクリックします。2. [ ビルド ] のビルド成果物が関連付けされています。 […] をクリックします。3. [Edit] をクリックします。
1
2
3
お手元の PC
138
承認フローの作成 (7)1. 今回は成果物の関連付けの変更は行いません。 [Cencel] をクリックします。
1
お手元の PC
139
1. リリース環境の設定を行います。 [Triggers] をクリックします。2. [Continuous Deployment] をクリックします。3. [Set trigger on artifact source] は、 [ ビルド ] を選択します。
承認フローの作成 (8)
1
2
3
お手元の PC
140
承認フローの作成 (9)1. [Save] をクリックします。2. [OK] をクリックして、保存します。
1
2
お手元の PC
141
一度実行します。今回の設定では、ビルド成功後に自動的にデプロイが実行されます。1. [Explorer] をクリックします。2. [ ビルド ] をクリックします。3. [Queue build...] をクリックします。4. [OK] をクリックしてビルドを開始します。
承認フローの作成 (10)
1
2
3
4
お手元の PC
142
1. ビルドが成功すると、 [Build Succeeded] と表示されます。 [Releases] をクリックします。
承認フローの作成 (11)
1
お手元の PC
143
承認フローの作成 (12)1. リリース管理画面で、 1件承認待ちとなっています。 [ 承認者 ] アイコンをクリックします。2. テスト環境への承認を求められています。 [Approve] をクリックします。
1
2
お手元の PC
144
承認フローの作成 (13)実行状況を確認します。1. [Release-xx] をダブルクリックします。2. [Deployment Status] が [INPROGRESS] から [SUCCEEDED] となります。
1
2
お手元の PC
145
承認フローの作成 (14)リモートデスクトップ接続している仮想マシン VM1 にアクセスします。デスクトップにある [agent] フォルダーをクリックし、 [_work\xxxxxxxxx\a\ ビルド \drop\SampleWinForm\bin\Debug] に ビルド成果物 [SampleWinForm.exe] があることを確認します。
RDP: VM1
146
Visual Studio Team Services のリリース管理で DevTest Labs に仮想マシン作成するための設定を行います。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [Dev Test Lab アイコンの VSTSHOL] をクリックします。
仮想マシン VM2 の作成 (1)
1
2
お手元の PC
147
1. Dev Test Lab [VSTSHOL] のブレードが表示されます。 [+ 追加 ] をクリックします。
仮想マシン VM2 の作成 (2) お手元の PC
1
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] のように入力してください。
149
1. [D1_V2 Standard] をクリックします。2. [ 選択 ] をクリックします。3. [ 仮想マシンサイズ ] に [Standard_D1_V2] が選択されていることを確認します。4. [ 作成 ] をクリックして、仮想マシンを作成します。
VSTS から仮想マシン VM2 作成 (4)
4
3
1
2
お手元の PC
4
150
Dev Test Labs に作成した仮想マシンに RDP 接続して、成果物がインストールされていることを確認します。1. Azure Portal で [ すべてのリソース ] をクリックします。2. [VM2] と入力します。自動的にフィルターがかかります。3. 仮想マシン [VM2] をクリックします。
仮想マシン VM2 の作成 (5)
1
3
2
お手元の PC
151
1. 作成した仮想マシン [VM2] のブレードが表示されます。 [ 接続 ] をクリックします。2. [VM2.rdp のダウンロード終了しました。 ] メッセージが画面下部に表示されます。 [ 開く ] をクリックします。
仮想マシン VM2 の作成 (6)
1
2
お手元の PC
152
1. リモートデスクトップ接続の画面が表示されます。 [ 接続 ] をクリックします。2. [ ユーザー名 ] は [azuredaisuki] と入力します。3. [ パスワード ] は、 [Passw0rd!] と入力します。4. [OK] をクリックします。
仮想マシン VM2 の作成 (7)
1
2
3
4
RDP: VM2
153
リモートデスクトップ接続の画面が表示されます。1. [ このコンピュータへの接続について今後確認しない ] にチェックをいれます。2. [ はい ] をクリックします。
仮想マシン VM2 の作成 (8)
1
2
RDP: VM2
154
仮想マシン [VM2] にリモートデスクトップ接続している画面が表示されます。
仮想マシン VM2 の作成 (9) RDP: VM2
155
1. 仮想マシン [VM2] で [PowerShell] アイコンをクリックします。2. [Enable-PSRemoting] コマンドを実行します。選択肢は2回とも [A] で回答します。
仮想マシン VM2 の作成 (10)
1
2
2
2
RDP: VM2
156
Powershell のリモート実行をするためにファイアウォールの設定をします。今回はファイアウォールの設定を Off にします。1. 画面左下のウインドウアイコンを右クリックし、 [Control Panel] をクリックします。2. [firewall] と入力し、フィルターをかけます。3. [Windows Firewall] をクリックします。
仮想マシン VM2 の作成 (11)
1
2
3
RDP: VM2
157
1. [Turn Windows Firewall on or off] をクリックします。
仮想マシン VM2 の作成 (12)
1
RDP: VM2
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
159
自動テストの実行 (1)1. お手元の PC の Visual Studio Team Services に戻り、 [Explorer] をクリックします。2. [+] をクリックします。
2
1
お手元の PC
160
1. [Repository] は [UITest] を選択します。2. [Create] をクリックします。
自動テストの実行 (3)
2
1
お手元の PC
161
以下のように定義が作成されていることを確認します。
自動テストの実行 (4) お手元の PC
162
1. [Visual Studio Build] をクリックします。2. [Platform] に [$(BuildPlatform)] 、 [Configration] に [$(BuildConfigration)] と入力されていることを確認しま
す。3. [Solution] 欄の [...] ボタンをクリックします。
自動テストの実行 (5)
1
3
2
お手元の PC
163
1. [CodedUITestProject1] フォルダーにある [CodedUITestProject1.sln] をクリックします。2. [OK] をクリックします。
自動テストの実行 (6)
1
2
お手元の PC
164
1. [Solution] 欄に [CodedUITestProject1/CodedUITestProject1.sln] と入力されていることを確認します。
自動テストの実行 (7)
1
お手元の PC
165
1. 今回は [Nuget Installer] は使用しません。 [X] をクリックして、ビルド定義から削除します。2. 今回は [Visual Studio Build] のみ使います。ほかのビルドタスクを [X] をクリックして、ビルド定義から削除します。3. [Add build step…] をクリックします。
自動テストの実行 (8)
2
1
3
お手元の PC
166
1. [Utility] をクリックします。2. [Copy and Publish Build Artifact] の [Add] をクリックします。3. [Close] をクリックします。
自動テストの実行 (9)
21
3
お手元の PC
167
1. [Copy and Publish Build Artifacts] をクリックします。2. [Copy Root] 欄の [...] ボタンをクリックします。
自動テストの実行 (10)
1
2
お手元の PC
168
1. [UITest] - [CodedUITestProject1] - [CodedUITestProject1] の順にフォルダーをクリックします。2. [OK] をクリックします。
自動テストの実行 (11)
1
2
お手元の PC
169
1. [Copy Root] 欄に [CodedUITestProject1/CodedUITestProject1] と入力されていることを確認します。2. [Contents] には、 [**\bin] と入力します。3. [Artifact Name] には、 [test] と入力します。4. [Artifact Type] には、 [Server] を選択します。
自動テストの実行 (12)
12
34
お手元の PC
170
1. [Variables] をクリックします。2. [BuildConfigration] に [debug] 、 [BuildPlatform] に [any cpu] と入力されていることを確認します。3. [Save] をクリックします。
自動テストの実行 (13)
1
2
3
お手元の PC
171
1. [Name] に [UI テスト ] と入力します。2. [OK] をクリックします。3. [UI テスト ] という名前でビルド定義が保存されていることを確認します。
自動テストの実行 (14)
3
お手元の PC
2
1
172
1. Visual Studio Team Services 上でビルド実行します。 [Queue build...] をクリックします。
自動テストの実行 (15)
1
お手元の PC
173
1. ビルド設定画面が表示されます。 [OK] をクリックします。2. ビルドが成功していることを確認します。
自動テストの実行 (16)
1
2
お手元の PC
174
自動テストの実行 (17)1. Visual Studio Team Services の [Releases] をクリックします。2. [ リリース管理 ] をクリックします。3. [Edit] をクリックします。
2
31
お手元の PC
175
自動テストの実行 (18)1. [Artifacts] をクリックします。2. [Link an artifact source] をクリックします。
21
お手元の PC
176
自動テストの実行 (19)1. ビルド [UI テスト ] の成果物が関連付けされていることを確認して、 [Link] をクリックします。
1
お手元の PC
177
自動テストの実行 (20)1. [Environment] をクリックします。2. [Add tasks] をクリックします。
2
1
お手元の PC
178
自動テストの実行 (21)1. スクロールして、 [Windows Machine File Copy] の [Add] を 2 回クリックします。
1
お手元の PC
179
自動テストの実行 (22)1. [Test] をクリックします。2. スクロールして、 [Visual Studio Test Agent Deployment] の [Add] をクリックします。3. [Run Functional Tets] の [Add] をクリックします。4. [Close] をクリックします。
1
4
2
3
お手元の PC
180
自動テストの実行 (23)1. 最初の [Windows Machine File Copy] タスクの [Source] 欄の [...] ボタンをクリックします。
1
お手元の PC
181
1. [ ビルド (Build)]–[drop]–[SampleWinForm]-[bin]-[Debug]-[SampleWinForm.exe] の順にクリックします。2. [OK] をクリックします。
自動テストの実行 (24)
1
2
お手元の PC
182
1. [Machine] は、 [10.0.0.5] と入力します。2. [Admin login] は、 [$(myadmin)] と入力します。3. [Password] は、 [$(mypassword)] と入力します。4. [Destination Folder] は、 [c:\drop] と入力します。
自動テストの実行 (25)
1
234
お手元の PC
183
自動テストの実行 (26)1. 2 番目の [Windows Machine File Copy] タスクをクリックします。2. [Source] 欄の [...] ボタンをクリックします。
2
1
お手元の PC
184
1. [UI テスト (Build)]–[test]-[bin]-[Debug]-[CodedUITestProject1.dll] の順にクリックします。2. [OK] をクリックします。
自動テストの実行 (27)
1
2
お手元の PC
185
1. [Machine] は、 [10.0.0.5] と入力します。2. [Admin login] は、 [$(myadmin)] と入力します。3. [Password] は、 [$(mypassword)] と入力します。4. [Destination Folder] は、 [c:\test] と入力します。
自動テストの実行 (28) お手元の PC
1
234
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
187
1. [Run Functional Test] タスクをクリックします。2. [Machines] は、 [10.0.0.5] と入力します。3. [Test Drop Location] は、 [c:\test] と入力します。
自動テストの実行 (30)
2
3
1
お手元の PC
188
1. リリース環境変数の設定を行います。 [Variables] をクリックします。2. [Name] には、 [myadmin], [Value] には、仮想マシンのユーザー ID [azuredaisuki] と入力します。3. [+Variable] をクリックし、変数を追加します。4. [Name] には、 [mypassword], [Value] には、仮想マシンのパスワード [Passw0rd!!!!] と入力します5. [鍵アイコン ] をクリックしてパスワードを隠します。
自動テストの実行 (31) お手元の PC
2
34 5
1
189
1. [Save] をクリックします。2. [OK] をクリックして、保存します。
自動テストの実行 (32)
1
2
お手元の PC
190
Azur への成果物デプロイを実行します。今回はリリース管理だけを実行します。1. [Release]-[Create Release] をクリックします。2. [Artifact] では最新のビルドの [ ビルド ] と [UI テスト ] を選択します。3. [Create] をクリックします。4. [Releases] をクリックします。
自動テストの実行 (33)
3
1 2
4
お手元の PC
191
1. リリース管理画面で、 1件承認待ちとなっています。 [ 承認者 ] アイコンをクリックします。2. テスト環境への承認を求められています。 [Approve] をクリックします。
自動テストの実行 (34)
1
2
お手元の PC
192
リモートデスクトップ接続している仮想マシン VM2 にアクセスし、UI テストが実行されることを確認してください。
自動テストの実行 (35) RDP: VM2
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 フォーム サンプル アプリケーション構築
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日時点
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 ライセンスに含まれる
~ アプリケーション ライフサイクル全般をカバー
▶ Visual Studio のエディション構成 ( 主要製品 ) * 2017 年 1 月 14 日時点
~ 開発に必要な機能を提供
~ 様々な開発に対応した包括的な開発基盤
無償提供
※ それ以外にもテスト専用ツールを提供する Test Professional 、 MSDN Subscription の特典を提供する MSDN Platforms を提供
しています。
~ 中小企業、オープン ソース開発、勉強向け ~ アプリの形態に限定された開発 ~ クロス プラットフォームのコード エディタ
196
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 新機能
構造分析
コードカバレッジ
静的コード分析 *
コードクローン分析
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 強化