Nightwatch basic phantom setup

azaslavsky · Dec 16, 2014 · 23d13e3 · 23d13e3
1 parent bae1e21
commit 23d13e3
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 106 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -14,6 +14,7 @@ var coveralls = require('gulp-coveralls');
 var doc = require('gulp-jsdoc-to-markdown');
 var forEach = require('gulp-foreach');
 var karma = require('karma').server;
+var nightwatch = require('gulp-nightwatch');
 var open = require('gulp-open');
 var regrep = require('gulp-regex-replace');
 var rename = require('gulp-rename');
@@ -91,6 +92,18 @@ gulp.task('coverage', ['karma-coverage'], function() {
 		}))
 });
 
+//Basic e2e testing
+gulp.task('e2e-phantom', function() {
+	return gulp.src([])
+		.pipe(nightwatch({
+			configFile: 'test/config/nightwatch-phantom.json'
+		}))
+});
+
+//Browser compatibility e2e testing
+gulp.task('e2e-browsers', function() {
+});
+
 
 
 

diff --git a/karma.conf.js b/karma.conf.js
diff --git a/nightwatch.json → test/config/nightwatch-phantom.json b/nightwatch.json → test/config/nightwatch-phantom.json
@@ -3,7 +3,7 @@
   "output_folder" : "test/results",
   "custom_commands_path" : "",
   "custom_assertions_path" : "",
-  "globals_path" : "test/lib/nightwatch/globals.js",
+  "globals_path" : "test/lib/nightwatch/globals-phantom.js",
 
   "selenium" : {
     "start_process" : true,

diff --git a/test/lib/nightwatch/globals-phantom.js b/test/lib/nightwatch/globals-phantom.js
@@ -0,0 +1,10 @@
+var HtmlReporter = require('nightwatch-html-reporter');
+var reporter = new HtmlReporter({
+	openBrowser: false,
+	reportsDirectory: __dirname + '../../../results/e2e/',
+	reportFilename: 'chrome.html',
+	themeName: 'compact'
+});
+module.exports = {
+	reporter: reporter.fn
+};
diff --git a/test/results/e2e/chrome.html b/test/results/e2e/chrome.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Nightwatch HTML Report</title>
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <link rel="stylesheet" href="c:\Users\Alex\Documents\github\textStack\node_modules\nightwatch-html-reporter\lib/themes/compact/compact.css">
+    <script type="text/javascript" src="c:\Users\Alex\Documents\github\textStack\node_modules\nightwatch-html-reporter\lib/themes/compact/../default/default.js"></script>
+  </head>
+  <body>
+    <h1>Nightwatch Results</h1><a href="#" class="toggleSuccess">Show/Hide Successes</a>
+    <div id="container">
+      <div class="suite error">
+        <div class="name">Sample test<span class="package">(sample)</span></div>
+        <ul class="testcases">
+          <li class="testcase success">
+            <div class="name">Testing if the page title equals &quot;Google&quot;.</div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+</html>