feat: support macaca ui test (eggjs#71)

Author: xudafeng

.gitignore

@@ -4,7 +4,7 @@ coverage
 npm-debug.log
 .logs
 logs
-*.swp
+*.sw*
 run
 *-run
 .idea
@@ -19,4 +19,6 @@ assets-with-umi/config/manifest.json
 .umi
 .umi-production
 dist
+screenshots
+reports
 .history

view-nunjucks/package.json

@@ -6,11 +6,14 @@
   },
   "devDependencies": {
     "egg-bin": "^4.3.5",
-    "egg-mock": "^3.13.1"
+    "egg-mock": "^3.13.1",
+    "macaca-electron": "^1.1.19",
+    "macaca-wd": "^1.0.37"
   },
   "scripts": {
     "dev": "egg-bin dev",
     "test": "egg-bin test",
+    "test:ui": "macaca run -d ./uitest --reporter macaca-reporter",
     "cov": "egg-bin cov"
   },
   "private": true

view-nunjucks/test/index.test.js

@@ -1,6 +1,5 @@
 'use strict';
 
-
 const mm = require('egg-mock');
 
 describe('example view-nunjucks test', () => {

view-nunjucks/uitest/helper.js

@@ -0,0 +1,30 @@
+'use strict';
+
+const wd = require('macaca-wd');
+const {
+  extendsMixIn,
+} = require('macaca-wd/lib/helper');
+
+extendsMixIn(wd);
+
+const port = 7001;
+
+const BASE_URL = `http://127.0.0.1:${port}`;
+
+wd.addPromiseChainMethod('initWindow', function(options = {}) {
+  return this
+    .init(Object.assign({
+      platformName: 'desktop',
+      browserName: 'electron',
+      deviceScaleFactor: 2,
+    }, options))
+    .setWindowSize(options.width, options.height);
+});
+
+const driver = wd.promiseChainRemote({
+  host: 'localhost',
+  port: process.env.MACACA_SERVER_PORT || 3456,
+});
+
+exports.driver = driver;
+exports.BASE_URL = BASE_URL;

view-nunjucks/uitest/homepage.test.js

@@ -0,0 +1,52 @@
+'use strict';
+
+const assert = require('assert');
+
+const {
+  driver,
+  BASE_URL,
+} = require('./helper');
+
+describe('test/homepage.test.js', () => {
+  describe('home page UI testing', () => {
+
+    before(function() {
+      this.timeout(5 * 1000);
+      return driver
+        .initWindow({
+          width: 800,
+          height: 600,
+          deviceScaleFactor: 2,
+        });
+    });
+
+    beforeEach(() => {
+      return driver
+        .getUrl(`${BASE_URL}`);
+    });
+
+    afterEach(function() {
+      return driver
+        .saveScreenshots(this);
+    });
+
+    after(() => {
+      return driver
+        .openReporter(false)
+        .quit();
+    });
+
+    it('page render success', () => {
+      return driver
+        .setWindowSize(800, 600)
+        .title()
+        .then(title => {
+          assert.equal(title, 'egg view example');
+        })
+        .source()
+        .then(html => {
+          assert.ok(html.includes('egg view example here, welcome foobar'));
+        });
+    });
+  });
+});

view-nunjucks/uitest/mocha.opts

@@ -0,0 +1,3 @@
+--require babel-register
+--recursive
+--timeout 60000