chore(e2e): e2e exposed

Kurdi Szabolcs · Kurdi Szabolcs · commit 3e20b0a29f1e · 2017-02-16T10:26:33.000+01:00
diff --git a/README.md b/README.md
@@ -38,3 +38,8 @@ Promise.all([
   [Issue is here](https://github.com/nathanboktae/mocha-phantomjs/issues/248)
   * either wait for the upstream package to be updated 
   * or update the binary manually
+
+## exposed test
+
+Temporarily the e2e standalone test page has been exposed to [docs](./docs) and is made
+available as a github page. TODO: browserstack?
diff --git a/docs/bar.png b/docs/bar.png
diff --git a/docs/baz.css b/docs/baz.css
@@ -0,0 +1 @@
+#css-target { width: 20px; height: 20px; background-color: lime; border: 4px solid fuchsia; color: red; padding: 5px; }
diff --git a/docs/foo.js b/docs/foo.js
@@ -0,0 +1 @@
+window.foo = true;
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,79 @@
+<html>
+<head>
+  <!-- https://mochajs.org/#running-mocha-in-the-browser -->
+  <meta charset="utf-8">
+  <title>Mocha Tests</title>
+  <link href="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.css" rel="stylesheet" />
+  <script src="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.js"></script>
+  <script src="https://cdn.rawgit.com/chaijs/chai/3.5.0/chai.js"></script>
+  <script src="https://cdn.rawgit.com/cujojs/curl/0.8.13/dist/curl/curl.js"></script>
+  <script src="https://cdn.rawgit.com/taylorhakes/promise-polyfill/6.0.2/promise.js"></script>
+</head>
+<body>
+  <div id="mocha"></div>
+
+  <div id="css-target"></div>
+
+  <script type="text/javascript">
+    curl.config({ baseUrl: "../lib" });
+    curl(['basic-loader-amd'], function (load) {
+
+      mocha.ui('bdd');
+      expect = chai.expect;
+
+      function getProp(elem, prop) {
+        return window.getComputedStyle(elem, null).getPropertyValue(prop);
+      }
+
+      describe('basic-loader', function () {
+
+        it('should load javascript files', function (done) {
+          expect(window.foo).to.be.undefined;
+          load.js('foo.js').then(function () {
+            expect(window.foo).to.be.true;
+            done();
+          });
+        });
+
+        it('should raise a promise error for non-existent javascript files', function (done) {
+          load.js('foo-missing.js').catch(function () {
+            done();
+          });
+        });
+
+        it('should load image files', function (done) {
+          expect(document.getElementsByTagName('IMG').length).to.equal(0); // empty breaks phantom
+          load.img('bar.png').then(function () {
+            expect(document.getElementsByTagName('IMG')).to.have.length(1);
+            done();
+          });
+        });
+
+        it('should raise a promise error for non-existent image files', function (done) {
+          load.img('bar-missing.png').catch(function () {
+            done();
+          });
+        });
+
+        it('should load css files', function (done) {
+          var target = document.getElementById('css-target');
+          expect(getProp(target, 'color')).to.equal('rgb(0, 0, 0)'); // phantom is terribly picky about props
+          load.css('baz.css').then(function () {
+            expect(getProp(target, 'color')).to.equal('rgb(255, 0, 0)');
+            done();
+          });
+        });
+
+        it('should raise a promise error for non-existent css files', function (done) {
+          load.img('baz-missing.css').catch(function () {
+            done();
+          });
+        });
+
+      });
+
+      mocha.run();
+    });
+  </script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
     "test:watch": "npm t -- --watch --reporter min",
     "e2e": "mocha-phantomjs ./e2e/test.html --ignore-ssl-errors=true --ssl-protocol=any",
     "build": "shx rm -rf lib && babel src --ignore spec.js -d lib && babel -o lib/basic-loader-amd.js --plugins transform-es2015-modules-amd src/basic-loader.js",
+    "publish-test": "shx rm -rf docs && mkdir docs && shx cp -r e2e/* docs/ && shx mv docs/test.html docs/index.html",
     "precommit": "npm run lint",
     "prepush": "npm test && npm run e2e",
     "release": "npm run build && git status --porcelain && git checkout master && git pull origin master && standard-version && git push --follow-tags origin master && npm publish --access=public"

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+#css-target { width: 20px; height: 20px; background-color: lime; border: 4px solid fuchsia; color: red; padding: 5px; }`