Merge pull request #94 from redsquirrel/browser-testing

.gitignore

 .vscode
 build
 node_modules
+reports

.travis.yml

 language: node_js
 node_js:
-- stable
-script: npm run lint && npm run test && npm run build
+  - stable
+before_script:
+  - npm run serve &
+script:
+  - npm run lint && npm run test && npm run build && nightwatch --env chrome
+  - pkill node
 addons:
   sauce_connect:
     username: "chriseth"
@@ -11,7 +15,7 @@ deploy:
   script: ci/deploy_from_travis.sh
   skip_cleanup: true
   on:
-        branch: master
+    branch: master
 env:
   global:
   - ENCRYPTION_LABEL="b5c2730599da"
@@ -19,5 +23,3 @@ env:
   - COMMIT_AUTHOR="Travis CI"
   - PUSH_REPO="git@github.com:ethereum/browser-solidity.git"
   - FILES_TO_PACKAGE="assets background.js build icon.png index.html manifest.json README.md"
-
-

README.md

@@ -37,7 +37,26 @@ Run:
 
  - In Debian based OSes such as Ubuntu 14.04LTS you may need to run `apt-get install build-essential`. After installing `build-essential` run `npm rebuild`.
 
- 
+## Unit Testing
+
+Register new unit test files in `test/index.js`. The tests are written using [tape](https://www.npmjs.com/package/tape). Run the tests via:
+
+    npm test
+
+## Browser Testing
+
+To run the Selenium tests via nightwatch serve the app through a local web server:
+
+    npm run serve # starts web server at localhost:8080
+
+Then you will need to either:
+
+ 1. Have a Selenium server running locally on port 4444 along with the chromedriver installed.
+  * Run: `./node_modules/nightwatch/bin/nightwatch --env local`
+ 1. Or, install SauceConnect and run it locally `sc -u <USERNAME> -k <ACCESS_KEY>` (see .travis.yml for values)
+  * Run: `./node_modules/nightwatch/bin/nightwatch --env chrome`
+
+
 ## Usage as a Chrome Extension
 
 If you would like to use this as a Chrome extension, you must either build it first or pull from the `gh-pages` branch, both described above.

nightwatch.json

+{
+  "src_folders" : ["test-browser"],
+  "output_folder" : "reports",
+  "custom_commands_path" : "",
+  "custom_assertions_path" : "",
+  "page_objects_path" : "",
+  "globals_path" : "",
+
+  "test_settings" : {
+    "default" : {
+      "launch_url": "http://ondemand.saucelabs.com:80",
+      "selenium_port": 80,
+      "selenium_host": "ondemand.saucelabs.com",
+      "silent": true,
+      "username": "chriseth",
+      "access_key": "b781828a-9e9c-43d8-89d4-2fbb879595ca",
+      "screenshots" : {
+        "enabled" : false
+      },
+      "globals": {
+        "waitForConditionTimeout": 60000
+      }
+    },
+    "chrome" : {
+      "desiredCapabilities": {
+        "browserName": "chrome",
+        "javascriptEnabled": true,
+        "acceptSslCerts": true
+      }
+    },
+    "local" : {
+      "launch_url": "http://localhost:8080",
+      "selenium_port": 4444,
+      "selenium_host": "localhost",
+      "desiredCapabilities": {
+        "browserName": "chrome",
+        "javascriptEnabled": true,
+        "acceptSslCerts": true
+      }
+    }
+  }
+}

package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "test": "node test/index.js",
     "build": "mkdir -p build; browserify src/index.js -o build/app.js",
-    "lint": "semistandard"
+    "lint": "semistandard",
+    "serve": "http-server ."
   },
   "devDependencies": {
     "brace": "^0.8.0",
@@ -16,8 +17,10 @@
     "ethereumjs-tx": "^1.1.1",
     "ethereumjs-util": "^4.4.0",
     "ethereumjs-vm": "^1.4.0",
+    "http-server": "0.9.0",
     "jquery": "^2.2.0",
     "js-base64": "^2.1.9",
+    "nightwatch": "^0.9.3",
     "semistandard": "^7.0.0",
     "tape": "^4.5.1",
     "web3": "^0.15.3",

test-browser/new-file-test.js

+module.exports = {
+  'New file test': function (browser) {
+    browser
+      .url('http://127.0.0.1:8080')
+      .waitForElementVisible('.newFile', 5000)
+      .click('.newFile')
+      .assert.containsText('.active', 'Untitled')
+      .end();
+  }
+};

test-browser/smoke-test.js

+module.exports = {
+  'Smoke test': function (browser) {
+    browser
+      .url('http://127.0.0.1:8080')
+      .waitForElementVisible('#righthand-panel', 5000)
+      .assert.containsText('#righthand-panel', 'Solidity version')
+      .end();
+  }
+};