More e2d tests (#258)

ui/src/App.vue

@@ -179,7 +179,7 @@
 
       </v-app-bar>
       <router-view></router-view>
-      <v-snackbar v-model="snackbar" :color="$store.state.alert.type" :timeout="$store.state.alert.type === 'error' ? -1 : 5000" outlined>
+      <v-snackbar id="alert" v-model="snackbar" :color="$store.state.alert.type" :timeout="$store.state.alert.type === 'error' ? -1 : 5000" outlined>
         <b style="display: block">{{ $store.state.alert.name | capitalize }}</b>
         {{ $store.state.alert.detail }}
         <template v-slot:action="{ attrs }">

ui/src/components/AdvancedJSONSchemaEditor.vue

@@ -3,6 +3,7 @@
     <div class="d-flex" >
       <v-spacer></v-spacer>
       <v-switch
+          id="advanced"
           v-model="advanced"
           label="Advanced"
           class="float-right mt-0"

ui/src/components/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <prism-editor
       v-if="showEditor"
-      class="my-editor"
+      class="editor"
       v-model="code"
       :highlight="highlighter"
       line-numbers

ui/src/components/List.vue

@@ -43,8 +43,8 @@
         <v-card-title> Delete {{ singular }} {{ deleteName }} ? </v-card-title>
         <v-card-actions>
           <v-spacer></v-spacer>
-          <v-btn color="error" text @click="dialog = false">Cancel</v-btn>
-          <v-btn color="success" outlined @click="deleteItem(deleteName)">Delete</v-btn>
+          <v-btn id="cancel-button" color="error" text @click="dialog = false">Cancel</v-btn>
+          <v-btn id="delete-button" color="success" outlined @click="deleteItem(deleteName)">Delete</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>

ui/src/views/Template.vue

@@ -17,9 +17,9 @@
       <h2 v-else>Edit Template: {{ template.name }}</h2>
     </div>
 
-    <v-text-field label="Name" v-model="template.name" class="flex-grow-0 flex-shrink-0" :readonly="readonly"></v-text-field>
+    <v-text-field id="name-edit" label="Name" v-model="template.name" class="flex-grow-0 flex-shrink-0" :readonly="readonly"></v-text-field>
 
-    <AdvancedJSONSchemaEditor v-if="schema" @save="save" :schema="schema" :readonly="readonly" :hidepreview="false"></AdvancedJSONSchemaEditor>
+    <AdvancedJSONSchemaEditor id="template-edit" v-if="schema" @save="save" :schema="schema" :readonly="readonly" :hidepreview="false"></AdvancedJSONSchemaEditor>
   </div>
 </template>
 

ui/src/views/Ticket.vue

@@ -278,7 +278,7 @@
           <div
             v-for="(playbook, playbookid) in ticket.playbooks"
             :key="playbookid"
-            class="mb-2"
+            :class="'playbook-'+playbookid + ' mb-2'"
           >
             <v-card color="cards" flat>
               <v-card-subtitle class="d-flex pa-2 pb-1 mb-0" style="line-height: 28px;">
@@ -310,7 +310,7 @@
                   class="mx-4"
                 />
               </div>
-              <v-list dense color="cards" class="py-0">
+              <v-list dense color="cards" class="tasks py-0">
                 <v-list-item
                   v-for="taskwithid in stasks(playbookid)"
                   :key="taskwithid.id"

ui/src/views/TicketNew.vue

@@ -2,24 +2,28 @@
   <div class="mt-8">
     <h2>New {{ $route.params.type | capitalize }}</h2>
     <v-form class="create clearfix">
-      <v-text-field label="Title" v-model="name"></v-text-field>
+      <v-text-field id="title-edit" label="Title" v-model="name"></v-text-field>
 
-      <v-select
-          label="Playbooks"
-          :items="playbooks"
-          item-text="name"
-          return-object
-          multiple
-          v-model="selectedPlaybooks"
-      ></v-select>
+      <div id="playbooks-edit">
+        <v-select
+            label="Playbooks"
+            :items="playbooks"
+            item-text="name"
+            return-object
+            multiple
+            v-model="selectedPlaybooks"
+        ></v-select>
+      </div>
 
-      <v-select
-        label="Template"
-        :items="templates"
-        item-text="name"
-        return-object
-        v-model="selectedTemplate"
-      ></v-select>
+      <div id="templates-edit">
+        <v-select
+            label="Template"
+            :items="templates"
+            item-text="name"
+            return-object
+            v-model="selectedTemplate"
+        ></v-select>
+      </div>
 
       <v-subheader class="pl-0 mt-4" style="height: 20px">Details</v-subheader>
       <div v-if="selectedTemplate !== undefined" class="details">