Add tests for users page

frontend/components/edit-user.vue

 <template>
-  <b-row class="mb-2">
+  <b-row class="mb-2 editUser">
     <b-col cols="2">
       {{ user.username }}
     </b-col>

frontend/components/edit-users.vue

 <template>
-  <div>
-    <b-row class="mb-3 mt-3">
+  <div id="editUsers">
+    <b-row id="editUsersHeader" class="mb-3 mt-3">
       <b-col cols="2">
         <label>Username</label>
       </b-col>

frontend/test/e2e/admin.test.js

@@ -28,6 +28,7 @@ module.exports = {
     const users = browser.page.users();
     const groups = users.section.leftSidebar;
     const addUser = users.section.addUser;
+    const editUsers = users.section.editUsers;
     const newUsername = "newTestUser"
     users.navigate()
     groups
@@ -46,5 +47,13 @@ module.exports = {
       .assert.cssClassPresent("@inputUsername", "is-valid")
       .click("@submitUsername")
       .assert.hidden("@inputUsername")
+    editUsers
+      .assert.visible("@header")
+      .assert.containsText("@header", "Username")
+      .assert.containsText("@header", "Password")
+      .assert.containsText("@header", "Email")
+      .assert.containsText("@header", "Roles")
+      .assert.containsText("@header", "Applications")
+      .assert.visible("@rows")
   }
 };

frontend/test/pages/users.js

@@ -18,11 +18,22 @@ module.exports = {
         }
       }
     },
+    editUsers:{
+      selector: '#editUsers',
+      elements: {
+        header: {
+            selector: '#editUsersHeader'
+        },
+        rows: {
+            selector: '.editUser'
+        }
+      }
+    },
     leftSidebar: {
         selector: '#roleSidebar',
         elements: {
           all: {
-            selector: "#allRoles",
+            selector: "#allRoles"
             }
           }
         }