Add test for users page

frontend/test/e2e/admin.test.js

@@ -23,5 +23,28 @@ module.exports = {
     navbar
       .assert.elementPresent('@oidc')
       .assert.elementPresent('@users')
+  },
+  'Users page' : function(browser){
+    const users = browser.page.users();
+    const groups = users.section.leftSidebar;
+    const addUser = users.section.addUser;
+    const newUsername = "newTestUser"
+    users.navigate()
+    groups
+      .waitForElementVisible("@all")
+      .assert.containsText("@all", "All")
+    addUser
+      .assert.containsText("@addUserButton", "Add user")
+      .click("@addUserButton")
+      .waitForElementVisible("@inputUsername")
+      .assert.hidden("@addUserButton")
+      .assert.visible("@submitUsername")
+      .setValue("@inputUsername", browser.globals.adminUsername)
+      .assert.attributeEquals("@inputUsername", "aria-invalid", "true")
+      .assert.cssClassPresent("@inputUsername", "is-invalid")
+      .setValue("@inputUsername", newUsername)
+      .assert.cssClassPresent("@inputUsername", "is-valid")
+      .click("@submitUsername")
+      .assert.hidden("@inputUsername")
   }
 };

frontend/test/pages/users.js

+module.exports = {
+  url: function(){
+    return this.api.launchUrl + "/users"
+  },
+  elements: {},
+  sections: {
+    addUser: {
+      selector: 'form.mt-5.form-inline',
+      elements:{
+        addUserButton: {
+            selector: 'button[align-h="end"].btn-outline-success'
+        },
+        inputUsername: {
+          selector: '#input-new-username'
+        },
+        submitUsername: {
+          selector: 'button[type="submit"].btn-success'
+        }
+      }
+    },
+    leftSidebar: {
+        selector: 'div.border-right.d-none.d-md-block',
+        elements: {
+          all: {
+            selector: "button.list-group-item",
+            index: 0
+            }
+          }
+        }
+  }
+};