Test behavior of required form elements.

tests/selenium/testQfqForm.js

@@ -34,4 +34,36 @@ test.describe('QFQ Form', function () {
     test.after(function () {
         driver.quit();
     });
+
+    test.it("should mark required fields", function (done) {
+        driver.get(URL)
+            .then(
+                () => driver.findElement(By.id('firstname'))
+                    .then(
+                        (firstnameInput) => firstnameInput.click()
+                    )
+            )
+            .then(
+                () => driver.findElement(By.id('nameShort'))
+                    .then(
+                        (shortNameInput) => shortNameInput.click()
+                    )
+            )
+            // By now, we should have triggered a validation error on the form
+            .then(
+                () => driver.findElement(By.css('#firstname + div.help-block > ul.list-unstyled li:first-child'))
+                    .then(
+                        (validationItem) => driver.wait(until.elementIsVisible(validationItem), 1000)
+                            .then(
+                                () => validationItem.getText()
+                                    .then(
+                                        (text) => {
+                                            should(text).be.exactly("Please fill out this field.");
+                                            done();
+                                        }
+                                    )
+                            )
+                    )
+            )
+    });
 });