Merge pull request #100 from lukepfeiffer10/protractor-setup

Add protractor testing

Author: PowerKiKi

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-- '0.11'
+- 'node'
 git:
   depth: 10
 before_install:

gulpfile.js

@@ -15,12 +15,19 @@ var bump = require('gulp-bump');
 var runSequence = require('run-sequence');
 var geSaLaKaCuLa = require('gesalakacula');
 var reKaLa = geSaLaKaCuLa.recursiveKarmaLauncher;
-var versionAfterBump;
+var connect = require('gulp-connect');
+var angularProtractor = require('gulp-angular-protractor');
+var sauceConnectLauncher = require('sauce-connect-launcher');
+var versionAfterBump, sauceConnectProcess;
 
 gulp.task('default', ['build', 'test']);
-gulp.task('ci', ['karma-sauce']);
 gulp.task('build', ['scripts']);
-gulp.task('test', ['build', 'karma']);
+gulp.task('test', ['build', 'protractor', 'karma']);
+gulp.task('ci', ['protractor-sauce','karma-sauce'], function() {
+    sauceConnectProcess.close(function() {
+        console.log("Closed Sauce Connect process");
+    });
+});
 
 gulp.task('watch', ['build', 'karma-watch'], function() {
     gulp.watch(['src/**/*.{js,html}'], ['build']);
@@ -69,17 +76,36 @@ gulp.task('scripts', ['clean'], function() {
 
 });
 
-gulp.task('karma', ['build'], function() {
-    var server = new Server({configFile: __dirname + '/karma.conf.js', singleRun: true});
-    server.start();
+gulp.task('karma', ['build'], function(callback) {
+    runKarma(true, callback);
+});
+gulp.task('karma-watch', ['build'], function(callback) {
+    runKarma(false, callback);
 });
 
-gulp.task('karma-watch', ['build'], function() {
-    var server = new Server({configFile: __dirname + '/karma.conf.js', singleRun: false});
+function runKarma(singleRun, callback) {
+    var server = new Server({configFile: __dirname + '/karma.conf.js', singleRun: singleRun}, function(exitCode) {
+        callback();
+    });
     server.start();
+}
+
+gulp.task('start-sauce-connect', function(callback) {
+    sauceConnectLauncher({
+        username: process.env.SAUCE_USERNAME,
+        accessKey: process.env.SAUCE_ACCESS_KEY,
+        tunnelIdentifier: process.env.TRAVIS_JOB_NUMBER
+    }, function(err, sauceProcess) {
+        if (err) {
+            callback(err);
+        }
+
+        sauceConnectProcess = sauceProcess;
+        callback();
+    });
 });
 
-gulp.task('karma-sauce', ['build'], function() {
+gulp.task('karma-sauce', ['build', 'start-sauce-connect'], function(callback) {
   var customLaunchers = geSaLaKaCuLa({
     'Windows 7': {
       'internet explorer': '9..11',
@@ -92,11 +118,41 @@ gulp.task('karma-sauce', ['build'], function() {
   });
 
   reKaLa({
-    karma: Server,
-    customLaunchers: customLaunchers
-  }, process.exit);
+      karma: Server,
+      customLaunchers: customLaunchers
+  }, function(code) {
+      callback();
+  });
+});
+
+gulp.task('protractor', ['build'], function(callback) {
+    runProtractor('protractor.config.js', callback);
+});
+
+gulp.task('protractor-sauce', ['build', 'start-sauce-connect'], function(callback) {
+    runProtractor('protractor.travis.config.js', callback);
 });
 
+var runProtractor = function(configFile, callback) {
+    connect.server({
+        port: 8000
+    });
+
+    gulp.src(['test/maskSpec.protractor.js'])
+        .pipe(angularProtractor({
+            'configFile': configFile,
+            'debug': false,
+            'autoStartStopServer': true
+        }))
+        .on('error', function(e) {
+            callback(e);
+        })
+        .on('end', function() {
+            connect.serverClose();
+            callback();
+        });
+};
+
 var handleError = function(err) {
     console.log(err.toString());
     this.emit('end');

karma.conf.js

@@ -71,7 +71,9 @@ module.exports = function(config) {
 
     config.set({
       sauceLabs: {
-        testName: 'UI Mask CI'
+        testName: 'UI Mask CI',
+        tunnelIdentifier: process.env.TRAVIS_JOB_NUMBER,
+        startConnect: false
       },
       captureTimeout:  120000,
       singleRun: true

package.json

@@ -10,8 +10,10 @@
     "event-stream": "~3.3.1",
     "gesalakacula": "^1.4.0",
     "gulp": "~3.9.0",
+    "gulp-angular-protractor": "0.0.6",
     "gulp-bump": "^0.3.1",
     "gulp-concat": "~2.6.0",
+    "gulp-connect": "^2.3.1",
     "gulp-footer": "~1.0.5",
     "gulp-git": "^1.4.0",
     "gulp-header": "~1.2.2",
@@ -27,9 +29,9 @@
     "karma-firefox-launcher": "~0.1",
     "karma-jasmine": "~0.3",
     "karma-ng-html2js-preprocessor": "^0.1.0",
-    "karma-phantomjs-launcher": "~0.2.1",
     "karma-sauce-launcher": "^0.2.14",
     "phantomjs": "^1.9.18",
+    "protractor": "^3.0.0",
     "run-sequence": "^1.1.2"
   },
   "scripts": {},

protractor.config.js

@@ -0,0 +1,5 @@
+exports.config = {
+    seleniumAddress: 'http://localhost:4444/wd/hub',
+    specs: ['test/maskSpec.protractor.js'],
+    baseUrl: 'http://localhost:8000'
+};

protractor.travis.config.js

@@ -0,0 +1,14 @@
+exports.config = {
+    sauceUser: process.env.SAUCE_USERNAME,
+    sauceKey: process.env.SAUCE_ACCESS_KEY,
+
+    capabilities: {
+      'browserName': 'chrome',
+      'tunnel-identifier': process.env.TRAVIS_JOB_NUMBER,
+      'build': process.env.TRAVIS_BUILD_NUMBER,
+      'name': 'ui-mask Protractor Tests'
+    },
+
+    specs: ['test/maskSpec.protractor.js'],
+    baseUrl: 'http://localhost:8000'
+};

test/maskSpec.protractor.js

@@ -0,0 +1,24 @@
+describe('user input', function() {
+  it('should remove characters properly when backspacing', function() {
+    browser.get('demo/index.html');
+
+    var definitionElement = element(by.id('definition'));
+    definitionElement.sendKeys('QT****');
+
+    var maskedElement = element(by.id('masked'));
+    maskedElement.sendKeys('1234');
+    expect(maskedElement.getAttribute('value')).toBe('QT1234');
+    maskedElement.sendKeys(protractor.Key.BACK_SPACE);
+    expect(maskedElement.getAttribute('value')).toBe('QT123_');
+
+    definitionElement.clear();
+    definitionElement.sendKeys('QT**BC**');
+    maskedElement.sendKeys('1234');
+    expect(maskedElement.getAttribute('value')).toBe('QT12BC34');
+    maskedElement.sendKeys(protractor.Key.BACK_SPACE);
+    expect(maskedElement.getAttribute('value')).toBe('QT12BC3_');
+    maskedElement.sendKeys(protractor.Key.BACK_SPACE);
+    maskedElement.sendKeys(protractor.Key.BACK_SPACE);
+    expect(maskedElement.getAttribute('value')).toBe('QT1_BC__');
+  });
+});