From 11dfb8e869d425204512b250b00ef71ed85a14cc Mon Sep 17 00:00:00 2001
From: Dan Finlay <somniac@me.com>
Date: Mon, 25 Jul 2016 16:42:39 -0700
Subject: Ui testing (#481)

* Add UI Testing Framework and Simple UI Test

Added a Testem configuration that launches a Qunit page with an iFrame that builds and loads our mock-dev page and can interact with it and run tests on it.

Wrote a simple test that accepts the terms and conditions and transitions to the next page.

I am not doing any fancy redux-hooks for the async waiting, I've simply added a `tests/integration/helpers.js` file with a `wait()` function that returns a promise that should wait long enough.

Long term we should hook into the app lifecycle by some means for testing, so we only wait the right amount of time, and wait long enough for slower processes to complete, but this may work for the time being, just enough to run some basic automated browser tests.

* Separate UI tests from normal unit test suite

* Add UI tests to CI test script

* Add testem and phantom to circleCI pre-script

* Fix circle pre script

* Move pre scripts to dependencies key

* Remove phantom from build deps

* Fix testem runner page

* Add promise polyfill for PhantomJS

* Skip PhantomJS in testem

* Run browser tests in parallel

* Fix promise usage?

* Correct skip usage
---
 test/integration/tests.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 test/integration/tests.js

(limited to 'test/integration/tests.js')

diff --git a/test/integration/tests.js b/test/integration/tests.js
new file mode 100644
index 000000000..a3f3cd294
--- /dev/null
+++ b/test/integration/tests.js
@@ -0,0 +1,21 @@
+QUnit.test('agree to terms', function (assert) {
+  var done = assert.async()
+
+  // Select the mock app root
+  var app = $('iframe').contents().find('#app-content .mock-app-root')
+
+  // Agree to terms
+  app.find('button').click()
+
+  // Wait for view to transition:
+  wait().then(function() {
+
+    var title = app.find('h1').text()
+    assert.equal(title, 'MetaMask', 'title screen')
+
+    var buttons = app.find('button')
+    assert.equal(buttons.length, 2, 'two buttons: create and restore')
+
+    done()
+  })
+})
-- 
cgit