Initial tests config, updated documentation regarding tests

Author: DennisHalmstad

README.md

@@ -42,3 +42,13 @@ Future
 Using the new builder opens up for a lot of optimization. Primarily we can get rid of a lot of small
 watches by using build helpers. For instance, slapping on a `sf-changed` directive *only* if the
 form definition has an `onChange` option.
+
+
+Testing
+-------
+...
+npm install -g protractor
+protractor test/protractor/conf.js
+...
+
+change baseurl in test/protractor/conf.js to match ur local environment.

test/protractor/conf.js

@@ -0,0 +1,8 @@
+exports.config = {
+    specs: ['specs/*.js'],
+    baseUrl: 'http://localhost:63342/',
+    multiCapabilities: [
+        {'browserName': 'firefox'},
+        {'browserName': 'chrome'}
+    ]
+};

test/protractor/specs/validation-messages.js

@@ -0,0 +1,71 @@
+/* global browser, it, describe, element, by */
+
+describe('Schema Form validation messages', function() {
+
+    describe('#string', function() {
+        var URL = 'angular-schema-form-material/examples/material-example.html#/86fb7505a8ab6a43bc70';
+
+        it('should not complain if it gets a normal string', function() {
+            browser.get(URL);
+            var input = element.all(by.css('form[name=ngform] input')).first();
+            input.sendKeys('string');
+
+            expect(input.getAttribute('value')).toEqual('string');
+            expect(input.evaluate('ngModel.$valid')).toEqual(true);
+
+        });
+
+
+        var validationMessageTestBuider = function(nr, value, validationMessage) {
+            it('should say "' + validationMessage + '" when input is ' + value, function() {
+                browser.get(URL);
+                var input = element.all(by.css('form[name=ngform] input')).get(nr);
+                input.sendKeys(value);
+
+                var message = element.all(by.css('form[name=ngform] div[sf-message]'));//.get(nr);
+                expect(input.evaluate('ngModel.$valid')).toEqual(false);
+
+                /* no error messages at this point */
+                //expect(message.getText()).toEqual(validationMessage);
+
+            });
+        };
+
+        var stringTests = {
+            's': 'String is too short (1 chars), minimum 3',
+            'tooo long string': 'String is too long (11 chars), maximum 10',
+            'foo 66': 'String does not match pattern: ^[a-zA-Z ]+$'
+        };
+
+        Object.keys(stringTests).forEach(function(value) {
+            validationMessageTestBuider(0, value, stringTests[value]);
+        });
+
+
+        var integerTests = {
+            '3': '3 is less than the allowed minimum of 6',
+            '66': '66 is greater than the allowed maximum of 50',
+            '11': 'Value is not a multiple of 3',
+            // Chrome no longer lets you input anything but numbers in a type="number" input.
+            'aaa': 'Required'  //'Value is not a valid number'
+        };
+
+        Object.keys(integerTests).forEach(function(value) {
+            validationMessageTestBuider(1, value, integerTests[value]);
+        });
+
+
+        it('should say "Required" when fields are required', function() {
+            browser.get(URL);
+            element.all(by.css('form[name=ngform]')).submit();
+            var input = element.all(by.css('form[name=ngform] input')).get(1);
+
+            var message = element.all(by.css('form[name=ngform] div[sf-message]'));//.get(1);
+            expect(input.evaluate('ngModel.$valid')).toEqual(false);
+
+            /* no error messages at this point */
+            //expect(message.getText()).toEqual('Required');
+
+        });
+    });
+});