Scouting App: Add test for note scouting

Add a protractor test to scouting_test.ts to test if you can add notes and select
keywords for multiple teams.

Signed-off-by: Filip Kujawa <filip.j.kujawa@gmail.com>
Change-Id: I0e9f167a1875cdadd8da723121ac7e9c27ac9f9f
diff --git a/scouting/www/notes/notes.ng.html b/scouting/www/notes/notes.ng.html
index af48fd9..8170801 100644
--- a/scouting/www/notes/notes.ng.html
+++ b/scouting/www/notes/notes.ng.html
@@ -1,8 +1,10 @@
-<h2>Notes</h2>
+<h2 id="page-title">Notes</h2>
 
 <ng-container [ngSwitch]="section">
   <div *ngSwitchCase="'TeamSelection'">
-    <label class="label" for="team_number_notes">Team Number</label>
+    <label id="team_number_label" class="label" for="team_number_notes">
+      Team Number
+    </label>
     <input
       [(ngModel)]="teamNumberSelection"
       type="number"
@@ -26,11 +28,12 @@
               <!--X Symbol-->
             </button>
           </div>
-          <div><h3>{{team.teamNumber}}</h3></div>
+          <div><h3 id="team-key-{{i+1}}">{{team.teamNumber}}</h3></div>
         </div>
         <div class="">
           <textarea
             class="text-input"
+            id="text-input-{{i+1}}"
             [(ngModel)]="newData[i].notesData"
           ></textarea>
         </div>
@@ -86,10 +89,22 @@
     </div>
     <div class="d-flex flex-row justify-content-center pt-2">
       <div>
-        <button class="btn btn-secondary" (click)="addTeam()">Add team</button>
+        <button
+          id="add-team-button"
+          class="btn btn-secondary"
+          (click)="addTeam()"
+        >
+          Add team
+        </button>
       </div>
       <div>
-        <button class="btn btn-success" (click)="submitData()">Submit</button>
+        <button
+          id="submit-button"
+          class="btn btn-success"
+          (click)="submitData()"
+        >
+          Submit
+        </button>
       </div>
     </div>
   </div>