【個人開発】チームで同時に操作できる、手動統合テスト管理ツール「Itamaster」をリリースしました！（Itamaster　操作ガイド）

# サイトの概要
![itamaster_twitter_icon.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/1b4fc1dd-875a-bd11-267c-23ed25ac1fa4.png)

APP URL
https://itamaster.work

Itamasterは、Web上で統合テストを設計、管理し、直感的な操作で実行が可能なサービスです。

テストには前提条件、手順、期待する結果を複数登録でき、実行ログは全てサーバーに保存されます。
チームには他のユーザーを招待し、複数人で同時にテストの管理、実行が可能です。

また、システムはテスト結果を複数の選択肢からテンプレートを選択し、Excelへの出力が可能です。
（テスト結果一覧表、テストサマリーレポートの出力が現在可能です。詳細やイメージは後述「プロジェクト」章にて解説します。）
Excelを編集する際のCPUへの負荷と、作業時のストレスを無くすことが出来ます。

言語切り替え機能が実装されています。
英語と日本語によってシステムを利用可能です。

<TABLE ALIGN=CENTER>
  <TR>
    <TD WIDTH=400px>
      <A HREF="https://itamaster.work" TARGET="_blank"><strong>手動統合テスト管理ツール　Itamaster</strong></a>
      <A HREF="https://itamaster.work" TARGET="_blank">
      <IMG BORDER="0" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/4218d71f-684b-d9ae-740c-d49cc42ed790.png" BORDER="0" ALT="" /></a>
      <BR
    </TD>
    <TD WIDTH=150px>
      <IMG STYLE="float:left;margin-right:.5em;" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/1b4fc1dd-875a-bd11-267c-23ed25ac1fa4.png" ALT="" WIDTH="120" HEIGHT="120" />
    </TD>
  </TR>
</TABLE>

# Itamasterの使い方
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/aedf938d-0c17-6c74-778a-5098addd4643.png)

## アカウント作成・ログイン
### アカウント作成
Itamasterを利用するにあたり、アカウント作成が必要になります。
アカウント作成を行うには、トップ画面各所や、ヘッダー部右側に配置されている「アカウント登録」（英語表示時は、「SIGN UP」）ボタンをクリックし、アカウント登録画面を表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/90070d56-83f0-8188-126e-b54dcf9fa665.png)

アカウント登録画面では、以下の情報を入力します。

- 名前（他のユーザーに表示されます。）
- メールアドレス（他のユーザーに表示されます。）
- パスワード（絶対に忘れないようにしてください。確認のため、同じ入力を二度行います。）

それらの情報を正しいフォーマットで入力したうえで、「プライバシーポリシー」、「利用規約」、「特定商品取引法に基づく表記」への同意を表明するチェックボックスをONにすると、カード右下の「アカウント登録」（「SIGN UP」）ボタンが有効になり、クリックが可能になります。
アカウント登録が完了した時点で、後述「チーム」章の、自分が所属しているチームの一覧画面にリダイレクトされます。

# ログイン
ログインを行うには、トップ画面各所や、ヘッダー部右側に配置されている「ログイン」（英語表示時は、「SIGN IN」）ボタンをクリックし、ログイン画面を表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/ec08bdb0-b0ab-dd6b-1f47-f12b7e505c52.png)
正しい自分のメールアドレスとパスワードを入力することで、ログインが完了し、後述「チーム」章の、自分が所属しているチームの一覧画面にリダイレクトされます。

# チーム
## チーム一覧画面（自分が所属しているチームの一覧画面）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/fb8d42d8-1d68-ac4e-ae56-65c749a5e2ab.png)

この画面では、自分が所属しているチームを一覧表示・作成できます。
自分が参加しているチーム、自分が運営を行っているチームの全てをこの画面で確認でき、チームに対するアクションが集結している画面です。
また、この画面はログイン後のホーム画面で、フッター左部の「ホームに戻る」（「HOME」）ボタンをクリックした場合、この画面に遷移します。

### チームカード
ある一つのチームの情報を表示し、チームに対するアクションを行うことが出来ます。
「プロジェクト」（「PROJECT PAGE」）と書かれているリンクボタンをクリックした場合、後述する「プロジェクト」章の「プロジェクト選択画面」に画面遷移します。
カード右下に表示されている四種のボタンについては、後述「チーム」章内の「チームカードアクションボタン」で詳細な記述を行います。
また、チームは以下の四種類の状態を有しています。

#### チームが有効（管理者が有料会員プランに加入中である）であり、ログインユーザーがチームの管理者である場合の表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/dc993143-1d33-bd51-e48d-a1a37aeb9a09.png)

#### チームが有効であり、ログインユーザーがチームの管理者ではない場合の表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/f5bc3d4f-aeda-04d0-ac10-3bcfcbc8bf07.png)

#### チームが無効（管理者が有料会員プランに加入中ではない）であり、ログインユーザーがチームの管理者である場合の表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/94672288-b854-6de4-4328-bafd1c1b6c62.png)

#### チームが無効（管理者が有料会員プランに加入中ではない）であり、ログインユーザーがチームの管理者でない場合の表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/cc6f4318-214c-9985-72dc-6c3aeca3d7db.png)

### チームカードアクションボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/4a00b27e-ec6e-8693-4b63-eceea6a84ac7.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/bfdf96ae-5a57-f018-10d4-8476785b88b4.png)

#### Informationボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/198a39b2-627c-e550-310a-f31c0003c208.png)
Informationボタンは、チームがどんな状態であっても、チームメンバーが誰でもクリック可能な唯一のボタンです。
チームの情報や状況を表示するInformationダイアログを表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/865d4a70-6ed5-c5ba-391f-ced31d721833.png)

#### Editボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/1c108791-be8c-423d-45d2-0ebfdfa2fcc1.png)
Editボタンはクリックされた時、チームの情報や状況を編集するためのダイアログを表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/000c38f9-e409-857e-c0f7-4fb6a0574712.png)
チームの登録時は、以下の項目が登録可能です。

##### チームID
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/60e8cff9-61d8-b8f3-42ab-c07a54826f30.png)
チームIDは、チームを識別するためのユニークな文字列です。
他に使われていないIDを取得する必要があるため、登録前にチェックが必要となっています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/87c1874a-0617-d833-9565-29f7d8dc5e23.png)
ID入力後、チェックされていない状態では、テキストボックス横のアイコンが黄色く警告表示されます。
アイコンにカーソルを重ねると、「NotChecked」（チェックが行われていません）と表示されます。
アイコン横の再読み込みのアイコンをクリックすることで、サーバーとの通信が行われ、入力されているチームIDが登録可能であるかをユーザーに告知します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/0c647062-5002-ca40-5090-b679b2c56409.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8a01e58b-3aa8-8f4f-b03a-f0527fbc474c.png)

##### チーム名
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8ddc6270-d747-8927-e9d8-03e1b5166ded.png)
チームの名前です。チームカード上部に表示されるのは、チーム名となります。

##### チームメモ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8589c1bc-3b6d-42b3-3230-7d1a52ec115a.png)
チームのメモです。Informationダイアログから、チームメンバーはいつでも閲覧可能です。

##### プライベート設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/1d8478ab-0f04-307c-d5cd-af3a9f369eb6.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/6168c8ac-072a-76b6-bb4b-cab07333a160.png)
※ 現在はまだ利用不可能な機能に関する項目ですが、ロックを取得したうえで、private: trueにして登録を行う事を推奨します。

#### チームメンバー管理ボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/b266001a-5b84-d8ff-c6d0-11eb98144b10.png)
メンバー管理ボタンをクリックした場合、後述の「チーム」章、「チームメンバー管理」のチームメンバー管理画面に遷移します。

#### Exitボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8f619d26-f368-ad20-b663-e4d389d7b362.png)
Exitボタンをクリックした時、「チームを抜けることへの同意」の趣旨の確認メッセージが表示されます。
確認メッセージに同意した場合、ユーザーはチームのメンバーではなくなり、チームの情報にアクセス不可能になります。

#### プロジェクトリンクボタン・チームアクションボタン表示/非表示早見表
| 状態　\　ボタン                                              | Informationボタン | Editボタン | メンバー管理ボタン | Exitボタン | プロジェクトリンクボタン |
| ------------------------------------------------------------ | ----------------- | ---------- | ------------------ | ---------- | ------------------------ |
| ログインユーザーがチームの管理者であり、<br />チームの管理者が有料会員プランに参加中である | 〇                | 〇         | 〇                 |            | 〇                       |
| ログインユーザーがチームの管理者であり、<br />チームの管理者が有料会員プランに参加中でない | 〇                |            |                    |            |                          |
| ログインユーザーがチームの管理者でなく、<br />チームの管理者が有料会員プランに参加中である | 〇                |            |                    | 〇         | 〇                       |
| ログインユーザーがチームの管理者でなく、<br />チームの管理者が有料会員プランに参加中でない | 〇                |            |                    | 〇         |                          |


### チームの新規作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/e2788da4-0de1-5562-39aa-6763474f4eb6.png)
チーム一覧画面の、カード右下部のアイコンボタンをクリックし、チーム登録ダイアログを表示することによってチームの新規作成が可能です。
各項目の説明は、前述した「チーム」章、「チームアクションボタン」内、「Editボタン」のものと同じです。

## チームメンバー管理画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/7fc04417-b2e8-74b7-ed76-f42917362372.png)
チームメンバー管理画面では、チームメンバーをメールアドレスによって招待する事が可能です。
また、既存のチームメンバーをチームから除名することも可能です。

### チームメンバーの招待
チームメンバーの招待は、カード右下のプラスアイコンボタンから行うことが出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/d9da73a1-3d87-10f3-92b7-ea1785aa549e.png)
招待したい人のメールアドレスを入力し、合言葉を設定します。
登録ボタンをクリックすることで、招待が完了します。
（Itamasterのアカウントを持っていない相手を招待した場合でも、アカウントを作成することで招待を受け取ることが出来ます。）

### チームへの加入
招待されたユーザーは、通知欄から招待を表示することが出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/054f65c2-7a12-d78b-8778-adfd55a81dd8.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/be542796-1bd7-5cfa-f151-1d20bec3c97e.png)
招待を断る場合は、バツのアイコンボタンをクリックします。
（間違って招待を断ってしまった場合は、チームの管理者に連絡をとり、再度招待を受け取ってください。）

招待を受ける場合は、マルのアイコンボタンをクリックすることで、加入ダイアログを表示することが出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8718732a-627a-3491-1e07-6f9bc90da35c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/2411ac92-744c-a548-21f0-2e3ea31ebee9.png)
チームの管理者から受け取った合言葉を入力し、登録ボタンをクリックしてください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/afe44bc4-94a8-9992-5ad2-8c936237076b.png)
正常に、加入が成功しました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/abaa5611-e004-ca72-4a63-e286ef18e5fe.png)
チームのInformationダイアログを表示し、チームメンバー一覧を見ると、正常に追加されていることがわかります。

### チームメンバーカード
チームメンバーを表示するカードには、三つの状態が存在します。
#### チームの管理者
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/66454c93-e31d-0bf4-abb0-75f0713e2cfb.png)
右下に、王冠アイコンが表示されます。

#### チームに加入済のユーザー
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8ae73b11-4a4d-208d-ef14-1e3c5b7756d2.png)
カードの右下に、薄赤のアイコンボタンが表示されます。
クリックすることで、ユーザーをチームから除名することが出来ます。
（再度招待を行い、加入させることで、チームに参加させることは可能です。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/007dda36-a153-58ae-8504-01f8c86adacc.png)

#### チームに招待中のユーザー
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8151414b-a09b-22a1-de0c-32d7f2a272f5.png)
カードにはメールアドレスのみが表示されます。
同様に、右下のアイコンボタンをクリックすることで、招待を取り消すことが可能です。

# プロジェクト
## プロジェクト選択画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/9426b747-0cbc-6cbe-56e2-464a971917ef.png)
チームカードの、「プロジェクト」リンクボタン（或いは、チームInformationダイアログの「プロジェクト」リンクボタン）をクリック
することで、プロジェクト選択画面に遷移します。

### プロジェクトの作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/bdf83e70-b65d-548e-6fea-4d54c25639df.png)
カード右上の、プラスアイコンボタンをクリックすることで、プロジェクトの作成ダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/cf445623-f9ff-0bef-8242-4d54a858a641.png)
プロジェクト作成時、以下の項目が設定可能です。

#### プロジェクト名
プロジェクト名です。
プロジェクト選択時、選択肢に表示されます。

#### メモ
プロジェクトカードに表示されます。
チームメンバー全員がプロジェクト選択時に表示可能で、改行コードは処理されます。

#### CREATE ENVIRONMENT STEPS PAGE
環境構築手順をMarkdown記法で、wikiとして設置するオプションです。

:::note warn
現在、この機能はメンテナンス中で利用できません。
:::

#### TEST ENVIRONMENT URL
テスト環境のURLを設定可能です。
テスト環境のURLを設定した場合、プロジェクトカードに自動的にテスト環境のリンクボタンが生成されます。

#### REPOSITORY URL
ソースコードを管理しているリポジトリのURLを設定可能です。
リポジトリのURLを設定した場合、プロジェクトカードに自動的にリポジトリのリンクボタンが生成されます。

### プロジェクトの選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/3496a3ad-90d6-28a0-e3df-7c6dab3025ae.png)
カードの上部のセレクトボックスをクリックすることで、チームに登録されているプロジェクトを選択できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/19931279-1f29-6277-9954-a985e6027b5d.png)
プロジェクトを選択した場合、カードの表示が切り替わります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/42e32948-844e-2fc8-01a7-a03bac6bf8be.png)

### プロジェクト全体でのテストの進捗バー
（進捗バー表示のため、テストスイートを三件、テストを五件登録したデータを用意しています。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/b55c1892-1c76-b9aa-37aa-b0eabc7842b4.png)
プロジェクトに対して、テストスイートを作成（「テストスイート」章にて、後述します。）し、
テストスイート以下にテストケースを作成（「テストケース」章にて、後述します。）することで、プロジェクトカードに進捗表示と、進捗バーが表示されます。
プロジェクトに登録されているテストスイートと、テストケースの件数が表示されます。また、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/7c89263c-7fe7-9ec7-7003-dd902ad42f80.png)
進捗バーにマウスを重ねると、ステータス毎のテストケースの件数を確認できます。
それぞれ、
青色　＝　「完了」
黄色　＝　「再テスト」
赤色　＝　「問題」
灰色　＝　「未実行」
の割合を示しています。

### テスト結果一覧表の出力
（出力のため、テストスイートを三件、テストを五件登録したデータを用意しています。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/92043fe0-f9de-ef73-bd48-887bb1a2125c.png)
カード右上の緑色のアイコンボタンをクリックしたとき、出力テンプレートの選択が可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/50deecdb-45d6-49f0-20fe-4c608628f325.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/6d9b1e1d-feb6-c863-f195-b9e3d4494cbb.png)
テスト実行結果表の出力オプションを➁「情報の入力」にて行うことが可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/6d0d52a1-b7ff-4955-d665-bdd1070591db.png)
#### 出力オプション
出力オプションの値は、出力されたExcelファイルのヘッダー部にセットされます。
出力オプションには、以下の項目を設定できます。

##### システム名
システムの名称です。
初期状態時は、プロジェクト名がセットされています。

##### サブシステム名
サブシステム名です。
初期状態時は空白です。

##### 責任者
チームの責任者を入力可能です。
初期状態時は、チームの管理者ユーザーの表示名がセットされています。

##### チーム名
チーム名を入力可能です。
初期状態時は、チームの表示名がセットされています。

##### テスト開始日・テスト終了日
テスト開始日と、終了日を入力可能です。
初期状態時は両方空白です。

#### 出力確認
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/5c938f6d-5949-3b0d-46c8-91e2fdfea43d.png)
ファイル名を設定できるほか、➁で入力した出力オプションの確認を行います。
ファイル名は、初期状態時は「テスト実行結果表」がセットされています。
よろしければ、「出力」（「Export」）をクリックし、テスト実行結果表.xlsxの出力を行います。

#### テスト実行結果表
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/5ce63e70-6a27-8f4c-65a9-f1da499f672f.png)

##### 項目
テスト実行結果表には、以下の項目がセットされます。

###### No
テストケースに対して、自動で連番が振り当てられます。

###### テストスイート
テストスイート名がセットされます。

###### テストケース
テストケース名がセットされます。

###### 前提条件
テストケースに登録可能なプロパティである、「前提とする条件」（「テストケース」章にて後述）が全て順番にセットされます。

###### テスト手順
テストケースに登録可能なプロパティである、「テスト手順」（「テストケース」章にて後述）が全て順番にセットされます。

###### 期待する結果
テストケースに登録可能なプロパティである、「期待する結果」（「テストケース」章にて後述）が全て順番にセットされます。

###### 回数
テストを実行した回数をセットします。
現在のステータスが「未実行」であるテストケースの場合、空白がセットされます。

###### 結果
回数目のテスト結果を、「完了」「再テスト」「問題」からセットします。
現在のステータスが「未実行」であるテストケースの場合、空白がセットされます。

###### 実施日
回数目のテストの実施日を「'YY-MM-DD」のフォーマットでセットします。
現在のステータスが「未実行」であるテストケースの場合、空白がセットされます。

###### 実施者
回数目のテストの実施者のアカウントの、現在の表示名をセットします。
現在のステータスが「未実行」であるテストケースの場合、空白がセットされます。

###### 備考
テストは実行を行う際、「再テスト」「問題」をセットするテストケースに対して備考をセット可能です。（「テストケース」章にて後述）

##### 行の色
出力時のテストケースの最終的なステータスが、「完了」でないもの（「未実行」「再テスト」「問題」のいずれかであるもの）を赤く表示し、未完了のテストをユーザーに通知します。

##### 簡易サマリ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/11c2236b-ed1b-de0f-d656-1fccd58737bc.png)
上のような簡易サマリを別シートで出力します。

### テストサマリーレポートの出力
（出力のため、テストスイートを三件、テストを五件登録したデータを用意しています。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/92043fe0-f9de-ef73-bd48-887bb1a2125c.png)
カード右上の緑色のアイコンボタンをクリックしたとき、出力テンプレートの選択が可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/50deecdb-45d6-49f0-20fe-4c608628f325.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/170e0e78-6876-7800-29ca-d203179ec122.png)
テストサマリーレポートの出力オプションを➁「情報の入力」にて行うことが可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/694c5868-790b-f446-68dc-2f6f2f86ed9e.png)

#### 出力オプション
出力オプションの値は、出力されたExcelファイルのヘッダー部にセットされます。
出力オプションには、以下の項目を設定できます。

##### システム名
システムの名称です。
初期状態時は、プロジェクト名がセットされています。

##### サブシステム名
サブシステム名です。
初期状態時は空白です。

##### 責任者
チームの責任者を入力可能です。
初期状態時は、チームの管理者ユーザーの表示名がセットされています。

##### チーム名
チーム名を入力可能です。
初期状態時は、チームの表示名がセットされています。

##### テスト開始日・テスト終了日
テスト開始日と、終了日を入力可能です。
初期状態時は両方空白です。

#### 出力確認
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/a1d1f365-6726-5325-bfb0-aca069c254ab.png)
ファイル名を設定できるほか、➁で入力した出力オプションの確認を行います。
ファイル名は、初期状態時は「サマリーレポート」がセットされています。
よろしければ、「出力」（「Export」）をクリックし、サマリーレポート.xlsxの出力を行います。

#### サマリーレポート
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/c230b738-0ed5-be27-1e32-2983c6c48d98.png)
##### データ
サマリーレポート、「データ」には、以下の情報が出力されます。

###### 完了率
テストスイート毎に、
「テスト件数」（テストスイートに対して登録されているテストケースの件数）に対する、「完了件数」（テストスイートに対して登録されているテストケースのうち、ステータスが「完了」となっているテストの件数）の割合を出力します。

###### テスト密度
テストスイート毎に、
「ステップ数」（テストスイートに対して登録されている実行ステップ数）に対する、「テスト件数」（テストスイートに対して登録されているテストケースの件数）の割合を出力します。

###### 検出不具合密度
テストスイート毎に、
「ステップ数」（テストスイートに対して登録されている実行ステップ数）に対する、「検出不具合件数」（テストスイートに対して登録されているテストケースのうち、ステータスが「問題」に変更された延べ件数）の割合を出力します。

###### 不具合発生率
「テスト件数」（テストスイートに対して登録されているテストケースの件数）に対する、「不具合発生件数」（テストスイートに対して登録されているテストケースのうち、ステータスが「問題」に変更された延べ件数）の割合を出力します。

###### 推測残存不具合件数
「完了率」と「不具合発生率」から、残りのテスト件数に対しての不具合の件数を算出し、出力します。

##### グラフ
サマリーレポートでは、
「テスト密度」「検出不具合密度」「不具合発生率」のグラフを生成し出力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/d80d35c5-4b9e-204f-d960-f9f4a9ececad.png)

# テストスイート
プロジェクトカード
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/cfdd1e7d-67e5-115f-b7d7-b27d335e2f77.png)
テストスイート一覧テーブル
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/34f6698f-793d-61cd-9197-137dc4978a17.png)
## テストスイートの作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/54490bc8-e236-50a6-9c3d-a20177bd851a.png)
テストスイート一覧テーブル右下の、プラスアイコンボタンをクリックすることで、テストスイート登録ダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/378dea5e-b840-916b-34de-cc40f81c207a.png)
テストスイート作成時、以下の項目が設定可能です。

### タイトル
テストスイートの表示名です。
テストスイート一覧テーブルに表示されます。

### 備考
テストスイートの備考情報を入力します。
後述の「テストスイート章」、「アクションボタン」の、「Informationボタン」から表示可能です。

### 実行ステップ
プログラム中の、該当するテストスイートの機能を実装しているステップ数を入力可能です。
「テストサマリーレポート」出力時の、「テスト密度」「不具合密度」を算出するため必要な項目です。

### 編集担当者
該当するテストスイートを、「チーム管理者」と、「テストスイート作成者」以外で編集出来るメンバーを指定します。
（「チーム管理者」と、「テストスイート作成者」は、編集担当者に指定しないでも編集・削除の権限を持ちます。）

## テストスイート一覧テーブル

テストスイートが一覧で表示されます。
テストスイート一覧テーブルには、以下の項目が表示されます。
### No
プロジェクト内での、テストスイートが固有で所持する番号です。
最初に作成されたものを「1」とし、順番にセットされます。
### complete/testcase(%)
テストスイートに登録されているテストケースの件数に対する、テストスイートに登録されているテストケースの件数のうちステータスが「完了」となっているものの割合を表示します。
### Test Suite Title
テストスイート名が表示されます。
### Actions
テストスイートに対するアクションを選択できます。
以下のようなものがあります。

#### アクションボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/0df8a460-5fea-71c1-f49c-a8e6c4423d25.png)

##### 展開ボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/b03aa10b-21a4-14d9-ef54-c8ec826b90ed.png)
展開ボタンは、ログインユーザーが編集担当者でも、チーム管理者でも、テストスイート作成者でもない場合であっても、クリック可能なボタンです。
展開ボタンをクリックした場合、テストスイート内のテストケースを展開するオプションを選択するためのダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/67cac87c-15c4-ebad-8e12-fa9fb2fccafc.png)
「テストを実行する」を選択した場合、後述の「テストケース」章、「テスト実行画面」に遷移します。
「テストを管理する」を選択した場合、後述の「テストケース」章、「テスト管理画面」に遷移します。

##### Informationボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/478d9580-4aa6-f80c-8487-390e4a05e024.png)
Informationボタンは、ログインユーザーが編集担当者でも、チーム管理者でも、テストスイート作成者でもない場合であっても、クリック可能なボタンです。
テストスイートの情報や状況を表示するInformationダイアログを表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/c64f28f2-eab8-c765-a40e-284b299735bc.png)

- テストスイートタイトル
- 備考
- テストスイート作成者
- 実行ステップ数
- 編集担当者
- テストスイート以下に登録されているテストケースの件数
- テストスイート以下に登録されているテストケースのそれぞれの状態
- テストスイート以下の進捗バー

が表示されます。

##### Editボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/1c108791-be8c-423d-45d2-0ebfdfa2fcc1.png)
Editボタンは、ログインユーザーがチームの管理者か、テストスイートの作成者か、テストスイートの編集権限者である場合のみクリック可能です。
Editボタンをクリックすることで、テストスイート登録ダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/378dea5e-b840-916b-34de-cc40f81c207a.png)
テストスイート作成時、以下の項目が設定可能です。

### タイトル
テストスイートの表示名です。
テストスイート一覧テーブルに表示されます。

### 備考
テストスイートの備考情報を入力します。
後述の「テストスイート章」、「アクションボタン」の、「Informationボタン」から表示可能です。

### 実行ステップ
プログラム中の、該当するテストスイートの機能を実装しているステップ数を入力可能です。
「テストサマリーレポート」出力時の、「テスト密度」「不具合密度」を算出するため必要な項目です。

### 編集担当者
該当するテストスイートを、「チーム管理者」と、「テストスイート作成者」以外で編集出来るメンバーを指定します。
（「チーム管理者」と、「テストスイート作成者」は、編集担当者に指定しないでも編集・削除の権限を持ちます。）

# テストケース
## テスト管理画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/9af1e38b-2441-e3e0-8209-07e01f8f349f.png)
「テストスイート」章、「アクションボタン」内の、「展開ボタン」から、「テストを管理する」を選択した場合、テストスイート以下のテストケースを管理する画面を表示します。
テストケース一覧テーブル
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/70b5e01d-d23e-058f-cd80-b0f43443c1e8.png)

### テストケースの作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/19b93017-bde8-4f49-303f-d46a5c827f3d.png)
カード右下の、プラスアイコンボタンをクリックすることで、テストケースの作成ダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/2fdd2b6a-3c3e-132e-e6e7-ca8dace059bb.png)

テストケース作成時、以下の項目が設定可能です。

#### テストケースタイトル
テストケースのタイトルを入力します。
テストケース一覧テーブルに表示されます。

#### テスト担当者
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/98ab530e-d9da-ff99-1e29-5c4b5f048551.png)
チームのメンバーをセレクトボックスから一名選択できます。
該当するテストケースの実行を担当します。

#### 重要度
☆の数によってテストケースの重要度を設定できます。

#### 詳細
「前提条件」、「（テスト実行）手順」、「（期待する）結果」を設定できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/49706e4f-d507-287b-b64c-1a6be577e7a9.png)
いずれも、順番に複数項目追加可能です。

### テストケース一覧テーブル

#### No
テストスイート内での、テストケースが固有で所持する番号です。
最初に作成されたものを「1」とし、順番にセットされます。

#### Status
テストケースの状態を四色のパターンで示します。
それぞれ、
青色　＝　「完了」
黄色　＝　「再テスト」
赤色　＝　「問題」
灰色　＝　「未実行」
を示しています。

#### Importance Level
後述しますが、テストケース作成時に、テストケースに対して「重要度」を設定できます。
「重要度」を1 ~ 3で示します。
（並び替え可能です。）

#### Order
テストスイート内での、テストケースが固有で所持する整列順序です。
最初に作成されたものを「1」とし、順番にセットされます。
（整列順序を変更する機能は現在メンテナンス中です。）

#### Test Case Title
テストケースのタイトルを表示します。

#### Tester
テストの実行担当者をアイコン表示します。
並び替えが可能です。

#### Actions
テストケースに対して実行可能なアクションを行うためのボタングループです。
以下のようなものがあります。

##### アクションボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/3c0afdb7-c2e6-8111-fe11-d08009f227a7.png)

###### Informationボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/478d9580-4aa6-f80c-8487-390e4a05e024.png)
Informationボタンは、ログインユーザーが編集担当者でも、チーム管理者でも、テストスイート作成者でもない場合であっても、クリック可能なボタンです。
テストケースの情報や状況を表示するInformationダイアログを表示します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/e43628c2-0dec-5a4d-c14c-fe672a860915.png)

- ステータス

テストケースの状態を四色のパターンで示します。
それぞれ、
青色　＝　「完了」
黄色　＝　「再テスト」
赤色　＝　「問題」
灰色　＝　「未実行」
を示しています。

- 重要度
- テストケースの作成者
- テストケースの最新更新者
- テスト担当者
- 詳細　

「前提条件」、「手順」、「（期待する）結果」が、全て順番に表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/f19fe8a5-80ad-d581-0502-3c0d1de7482d.png)

- LOGS　

テストの実行ログが、古い順から表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/0687d855-c5c6-33c5-c338-53fb28302a33.png)
実行ログ一つに対して、「実施日」、「実施者」、「元のステータス」、「テスト後のステータス」、「テスト時記録した備考」が表示されます。

###### Editボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/1c108791-be8c-423d-45d2-0ebfdfa2fcc1.png)
Editボタンは、ログインユーザーがチームの管理者か、テストスイートの作成者か、テストスイートの編集権限者である場合のみクリック可能です。
Editボタンをクリックすることで、テストケース登録ダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/e780f27e-cefa-d1a6-aaf5-06e87829008b.png)

テストケース作成時、以下の項目が設定可能です。

#### テストケースタイトル
テストケースのタイトルを入力します。
テストケース一覧テーブルに表示されます。

#### テスト担当者
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/98ab530e-d9da-ff99-1e29-5c4b5f048551.png)
チームのメンバーをセレクトボックスから一名選択できます。
該当するテストケースの実行を担当します。

#### 重要度
☆の数によってテストケースの重要度を設定できます。

#### 詳細
「前提条件」、「（テスト実行）手順」、「（期待する）結果」を設定できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/49706e4f-d507-287b-b64c-1a6be577e7a9.png)
いずれも、順番に複数項目追加可能です。

## テスト実行画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/002c37d0-8c55-ab2d-6415-e45e3d331894.png)
「テストスイート」章、「アクションボタン」内の、「展開ボタン」から、「テストを実行する」を選択した場合、テストスイート以下のテストケースを実行する画面を表示します。
テスト実行画面には、ログインユーザーがテスト担当者に指定されているテストケースのみが表示されます。

### テスト実行カード
テスト実行カードは、テストケース一件を表示し、テスト結果を入力するためのカードです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/7e411ed9-8052-4d7b-7763-1df2f79a74f1.png)
初期状態時はClose状態であり、クリックすることで展開されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/8a6e3ca8-1999-5425-e144-fa2530df0d35.png)

テストケースのタイトルはClose状態でも、左端に表示されています。
（展開時も、左上に引き続き表示されます。）

#### 詳細
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/f1e9e64e-6083-ef27-0296-63581bc0a7df.png)
「前提条件」、「手順」、「（期待する）結果」が、全て順番に表示されます。

#### ステータス表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/54b44a13-9f75-ab42-36f9-3ecc2e6a3cc5.png)
カード上中心部には、（現在のステータス）　➡　（テスト後のステータス）　が表示されています。
状態を四色のパターンで示します。
青色　＝　「完了」
黄色　＝　「再テスト」
赤色　＝　「問題」
灰色　＝　「未実行」
を示しています。

また、（テスト後のステータス）部をクリックすることで、テスト結果を入力することが可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/2b28e24a-4df0-d493-074b-2a7bc49409b0.png)

#### テスト結果入力ラジオボックス
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/aa5d678c-c66e-a5a7-6022-f7396af3f0f5.png)
テスト結果を、「完了（complete）」「再テスト（retest）」「問題（Issue）」から選択し、入力することが出来ます。

#### 理由（備考）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/0f73cd3c-6dac-7551-8408-a3306a38c9c9.png)
テスト結果に、「再テスト（retest）」「問題（Issue）」を選択している場合のみ登録が可能です。

### テストの完了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/129f6053-229f-8285-8241-bc5479c96e4f.png)
テスト実行画面左下部の、「^」アイコンボタンをクリックすると、テスト実行画面でのアクションを選択できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/6261dcdd-a13f-6bb4-6e95-cf739128524a.png)

#### 完了ボタン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/6c6119f0-92d3-ed2b-c64b-8ca76c986dd7.png)
緑色の紙飛行機アイコンボタンをクリックすると、完了確認メッセージが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/c1ad595b-982a-4540-d764-bc36483b6d3c.png)
「はい」をクリックした場合、テスト結果を入力しているテストのみが送信され、テスト結果がサーバーに登録されます。

# 有料会員登録
チームの運営は、有料会員のみが可能な機能です。
（サブスクリプションプランに参加しなくとも、チームに参加し、テストを管理・実行する機能は問題なく利用できます。）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/3bc80f3f-b99a-7ee1-8c92-f3b2861567e4.png)
ヘッダー右端部の、アクションドロップダウンを展開し、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/2f3e6539-cc19-1e0e-0139-64e4a19d15fc.png)
「有料オプション管理」をクリックすると、有料オプション管理画面に遷移します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/95039ad4-03a2-e4a3-5201-8c35a7360630.png)
プラン説明、
トライアル期間について、
自動更新について、
解約方法については、有料オプション管理画面に記載されています。

# プロフィールの表示
他のユーザーのアイコンをクリックすると、ユーザーアクションモーダルを表示可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/b7831616-ea5c-887b-33c0-cb596c59cedd.png)
「プロフィール」をクリックした場合、プロフィール画面に遷移します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/3b358d33-ff43-3ed9-74bd-9555a8fd1bd5.png)
プロフィールは、後述するプロフィール編集画面から、さまざまなカスタマイズが可能です。

# プロフィール編集画面
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/3bc80f3f-b99a-7ee1-8c92-f3b2861567e4.png)
ヘッダー右端部の、アクションドロップダウンを展開し、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/2f3e6539-cc19-1e0e-0139-64e4a19d15fc.png)
「プロフィールを編集する」をクリックすると、プロフィール編集画面に遷移します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/f5292f97-70ae-b58e-93d1-6d779997a874.png)
「表示名」、「メッセージ文（プロフィール文）」を編集できるほか、アイコンを変更可能です。

## アイコン編集ダイアログ
プロフィール編集画面から、自分のアイコンをクリックすると、アイコン編集ダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/34034583-4a55-dea3-4f40-fd1c63f6a794.png)
画面中央のセレクトボックスで、「シンプルアイコン」を選択している場合は、色を選択し、頭文字を入力することでアイコンをカスタマイズ可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/875d80d2-7653-19ce-0beb-9829b3f94ab6.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/c9a58388-d29f-3f79-37bc-03ef282207b4.png)

「画像アイコン」を選択した場合は、画像のアップロードが可能です。
画像をアップロードする場合は、「画像をアップロード」ボタンをクリックしてください。

画像が正常にアップロードされた場合は、円形選択切り抜きダイアログが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/ffa5c1bf-3579-4550-5ba6-0f913b99be1d.png)
選択円は自由に縮小・拡大・移動が可能です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/b06029ac-e0ca-9291-9746-630c1ba5c548.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/1227d04d-5d6e-e944-5acc-7c9edf213423.png)

選択が完了したら、ダイアログ左下の「切り取り」ボタンをクリックし、円形選択切り抜きダイアログを終了します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/3decb79f-7b73-bea8-1dbd-769a534bef7e.png)

引き続き、ダイアログ左下の「登録」ボタンをクリックし、アイコン編集ダイアログを終了します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1869061/787520d4-44d8-9672-895d-bbefcc19ec57.png)

最後に、カード左下部の「登録」ボタンをクリックし、正常に保存が完了したら、プロフィールの編集が完了です。