Add casper tests

Add some new casper tests

Author: Mikemosca

casper-runner.js

@@ -0,0 +1,37 @@
+
+
+const spawn = require('child_process').spawn;
+
+require('dotenv').config({ silent: true });
+
+const app = require('./app');
+const port = 3000;
+
+const server = app.listen(port, () => {
+  // eslint-disable-next-line no-console
+  console.log('Server running on port: %d', port);
+
+  function kill(code) {
+    server.close(() => {
+      // eslint-disable-next-line no-process-exit
+      process.exit(code);
+    });
+  }
+
+  function runTests() {
+    const casper = spawn('npm', ['run', 'test-integration']);
+    casper.stdout.pipe(process.stdout);
+
+    casper.on('error', (error) => {
+      // eslint-disable-next-line no-console
+      console.log(`ERROR: ${error}`);
+      server.close(() => {
+        process.exit(1);
+      });
+    });
+
+    casper.on('close', kill);
+  }
+
+  runTests();
+});

package.json

@@ -43,14 +43,17 @@
   },
   "scripts": {
     "start": "node server.js",
-    "test": "npm run lint && npm run smoketest",
-    "smoketest": "istanbul cover ./node_modules/mocha/bin/_mocha",
+    "test-integration": "casperjs test ./test/integration/test.*.js",
+    "test-integration-runner": "NODE_ENV=test node casper-runner.js",
+    "test": "npm run lint && npm run test-unit && npm run test-integration-runner",
+    "test-unit": "istanbul cover ./node_modules/mocha/bin/_mocha test/unit",
     "lint": "eslint .",
     "autofix": "eslint --fix .",
     "codecov": "npm run test && (codecov || true)"
   },
   "devDependencies": {
     "babel-eslint": "^7.0.0",
+    "casperjs": "^1.1.3",
     "codecov": "^1.0.1",
     "eslint": "^3.3.1",
     "eslint-config-airbnb": "^12.0.0",

test/integration/test.mainpage.js

@@ -0,0 +1,126 @@
+/* eslint no-undef: 0 */
+/* eslint prefer-arrow-callback: 0 */
+casper.test.begin('Document Conversion Demo', 31, function suite(test) {
+  const baseHost = 'http://localhost:3000';
+
+  function testButtonExists() {
+    test.assertExists('label[for="source-sampleHTML.html"]', 'Sample html - button is found');
+    test.assertExists('label[for="source-sampleWORD.docx"]', 'Sample docx - button is found');
+    test.assertExists('label[for="source-samplePDF.pdf"]', 'Sample pdf - button is found');
+    test.assertExists('label[for="source-custom"]', 'Upload a file - button is found');
+  }
+
+  function testOutputSection() {
+    // Brings up Choose an output format - check for 3 new buttons
+    casper.waitForSelector('div._content--choose-output-format', function () {
+      test.assertExists('label[for="destination-json"]', 'Answer units JSON - button is found');
+      test.assertExists('label[for="destination-html"]', 'Normlized HTML - button is found');
+      test.assertExists('label[for="destination-text"]', 'Plain text - button is found');
+    });
+  }
+
+  function testHtmlButtonClick() {
+    casper.then(function () {
+      this.click('label[for="source-sampleHTML.html"]');
+    });
+
+    testOutputSection();
+  }
+
+  function testDocxButtonClick() {
+    casper.then(function () {
+      this.click('label[for="source-sampleWORD.docx"]');
+    });
+
+    testOutputSection();
+  }
+
+  function testPdfButtonClick() {
+    casper.then(function () {
+      this.click('label[for="source-samplePDF.pdf"]');
+    });
+
+    testOutputSection();
+  }
+
+  function testUploadButtonClick() {
+    casper.then(function () {
+      this.click('label[for="source-custom"]');
+    });
+
+    casper.waitForSelector('div._content--choose-output-format', function () {
+      test.assertExists('label[for="file-chooser-input"]', 'Choose your file - button is found');
+    });
+  }
+
+  function checkLinkDest(starturl, selectorToClick) {
+    casper.thenOpen(starturl, function () { });
+    casper.then(function () { this.click(selectorToClick); });
+    test.assertHttpStatus(200);
+  }
+
+  function testHeaderLinks() {
+    checkLinkDest(baseHost, 'nav.jumbotron--nav h5:nth-child(1)');
+    checkLinkDest(baseHost, 'nav.jumbotron--nav li:nth-child(1)');
+    checkLinkDest(baseHost, 'nav.jumbotron--nav li:nth-child(2)');
+    checkLinkDest(baseHost, 'nav.jumbotron--nav li:nth-child(3)');
+  }
+
+  function testDocumentSection() {
+    // Brings up Document section - Your document and Output document
+    casper.waitForSelector('div._content--output', function () {
+      test.assertExists('div[class="tab-panels"]', 'The tab panel is found');
+      test.assertExists('a[class="active tab-panels--tab base--a"]', 'Your document - is found');
+      test.assertExists('a[class=" tab-panels--tab base--a"]', 'Output document - is found');
+    });
+  }
+
+  function testOutputFormatButtonsClick() {
+    casper.then(function () {
+      this.click('label[for="destination-json"]');
+    });
+
+    testDocumentSection();
+
+    casper.then(function () {
+      this.click('label[for="destination-html"]');
+    });
+
+    testDocumentSection();
+
+    casper.then(function () {
+      this.click('label[for="destination-text"]');
+    });
+
+    testDocumentSection();
+
+    // Your document
+    casper.then(function () {
+      this.click('ul.tab-panels--tab-list li:nth-child(1)');
+    });
+    test.assertHttpStatus(200);
+
+    // Output document
+    casper.then(function () {
+      this.click('ul.tab-panels--tab-list li:nth-child(2)');
+    });
+    test.assertHttpStatus(200);
+  }
+
+  casper.start(baseHost, function (result) {
+    test.assert(result.status === 200, 'Front page opens');
+    test.assertEquals(this.getTitle(), 'Document Conversion Demo', 'Title is found');
+
+    testButtonExists();
+    testHtmlButtonClick();
+    testDocxButtonClick();
+    testPdfButtonClick();
+    testUploadButtonClick();
+    testHeaderLinks();
+    testOutputFormatButtonsClick();
+  });
+
+  casper.run(function () {
+    test.done();
+  });
+});

test/test.express.js renamed to test/unit/test.express.js

@@ -17,10 +17,10 @@
 
 const path = require('path');
 // load default variables for testing
-require('dotenv').config({ path: path.join(__dirname, '../.env.example') });
+require('dotenv').config({ path: path.join(__dirname, '../../.env.example') });
 
 
-const app = require('../app');
+const app = require('../../app');
 const request = require('supertest');
 
 describe('express', () => {

test/test.react.js renamed to test/unit/test.react.js

@@ -20,7 +20,7 @@ require('babel-register');
 
 describe('react', () => {
   it('should render some html', () => {
-    const index = require('../views/index.jsx').default;
+    const index = require('../../views/index.jsx').default;
     const element = React.createElement(index, null);
     const result = ReactDOMServer.renderToString(element);
     assert(result);