WIP: add e2e tests

demo/ajax-datasource.html

@@ -49,7 +49,6 @@
 
       $('#chart-container').orgchart({
         'data' : '/orgchart/initdata',
-        'depth': 2,
         'nodeContent': 'title'
       });
 

demo/drag-drop.html

@@ -33,13 +33,12 @@
             { 'name': 'Hei Hei', 'title': 'senior engineer',
               'children': [
                 { 'name': 'Pang Pang', 'title': 'engineer' },
-                { 'name': 'Xiang Xiang', 'title': 'UE engineer' }
+                { 'name': 'Dan Dan', 'title': 'UE engineer' }
               ]
             }
           ]
         },
-        { 'name': 'Hong Miao', 'title': 'department manager' },
-        { 'name': 'Chun Miao', 'title': 'department manager' }
+        { 'name': 'Hong Miao', 'title': 'department manager' }
       ]
     };
 

demo/local-datasource.html

@@ -17,23 +17,22 @@
     $(function() {
 
     var datasource = {
-      'id': 'n1',
       'name': 'Lao Lao',
       'title': 'general manager',
       'children': [
-        { 'id': 'n2', 'name': 'Bo Miao', 'title': 'department manager' },
-        { 'id': 'n3', 'name': 'Su Miao', 'title': 'department manager',
+        { 'name': 'Bo Miao', 'title': 'department manager' },
+        { 'name': 'Su Miao', 'title': 'department manager',
           'children': [
-            { 'id': 'n5', 'name': 'Tie Hua', 'title': 'senior engineer' },
-            { 'id': 'n6', 'name': 'Hei Hei', 'title': 'senior engineer',
+            { 'name': 'Tie Hua', 'title': 'senior engineer' },
+            { 'name': 'Hei Hei', 'title': 'senior engineer',
               'children': [
-                { 'id': 'n8', 'name': 'Dan Dan', 'title': 'engineer' }
+                { 'name': 'Dan Dan', 'title': 'engineer' }
               ]
             },
-            { 'id': 'n7', 'name': 'Pang Pang', 'title': 'senior engineer' }
+            { 'name': 'Pang Pang', 'title': 'senior engineer' }
           ]
         },
-        { 'id': 'n4', 'name': 'Hong Miao', 'title': 'department manager' }
+        { 'name': 'Hong Miao', 'title': 'department manager' }
       ]
     }
 

demo/vertical-depth.html

@@ -36,8 +36,8 @@
                   { 'name': 'Dan Dan', 'title': 'engineer' },
                   { 'name': 'Er Dan', 'title': 'engineer',
                     'children': [
-                      { 'name': 'Xuan Xuan', 'title': 'intern' },
-                      { 'name': 'Er Xuan', 'title': 'intern' }
+                      { 'name': 'San Dan', 'title': 'intern' },
+                      { 'name': 'Si Dan', 'title': 'intern' }
                     ]
                   }
                 ]}

package.json

@@ -11,7 +11,8 @@
     "debug": "mocha ./test/**/*-tests.js --inspect-brk",
     "build": "gulp build",
     "start": "gulp serve",
-    "e2e": "testcafe chrome test/e2e/"
+    "e2e": "testcafe chrome test/e2e/",
+    "e2e:debug": "testcafe --inspect-brk chrome test/e2e"
   },
   "repository": {
     "type": "git",

test/e2e/drag-drop/page-model.js

@@ -0,0 +1,17 @@
+import { Selector } from 'testcafe';
+
+const nodes = Selector('.node');
+
+export default class Page {
+  constructor () {
+    this.laolao = nodes.withText('Lao Lao');
+    this.bomiao = nodes.withText('Bo Miao');
+    this.sumiao = nodes.withText('Su Miao');
+    this.hongmiao = nodes.withText('Hong Miao');
+    this.lixin = nodes.withText('Li Xin');
+    this.tiehua = nodes.withText('Tie Hua');
+    this.heihei = nodes.withText('Hei Hei');
+    this.pangpang = nodes.withText('Pang Pang');
+    this.dandan = nodes.withText('Dan Dan');
+  }
+}

test/e2e/drag-drop/test.js

@@ -0,0 +1,74 @@
+import { Selector } from 'testcafe';
+import Page from './page-model';
+
+fixture `Drag & Drop`
+  .page `127.0.0.1:3000/drag-drop.html`;
+
+const page = new Page();
+const laolao = page.laolao;
+const bomiao = page.bomiao;
+const sumiao = page.sumiao;
+const hongmiao = page.hongmiao;
+const lixin = page.lixin;
+const tiehua = page.tiehua;
+const heihei = page.heihei;
+const pangpang = page.pangpang;
+const dandan = page.dandan;
+
+const findNextNode = node => node.parent(3).nextSibling().find('.title').textContent;
+const findOnlyChild = node => node.parent(1).sibling(':last-child').find('.title').textContent;
+const getChildrenCount = node => node.parent(1).sibling(':last-child').child('td').count;
+const getDescendantsCount = node => node.parent(1).sibling(':last-child').find('.node').count;
+
+test('drag lixin onto hongmiao', async t => {
+  await t
+      .dragToElement(lixin, hongmiao)
+      .expect(hongmiao.parent(1).sibling().count).eql(3)
+      .expect(findOnlyChild(hongmiao)).eql('Li Xin')
+      .expect(bomiao.parent(1).sibling().count).eql(0);
+});
+
+test('drag lixin onto heihei', async t => {
+  await t
+      .dragToElement(lixin, heihei)
+      .expect(getChildrenCount(heihei)).eql(3)
+      .expect(findNextNode(dandan)).eql('Li Xin')
+      .expect(bomiao.parent(1).sibling().count).eql(0);
+});
+
+test('heihei onto hongmiao', async t => {
+  await t
+      .dragToElement(heihei, hongmiao)
+      .expect(getDescendantsCount(hongmiao)).eql(3)
+      .expect(findOnlyChild(hongmiao)).eql('Hei Hei')
+      .expect(findOnlyChild(sumiao)).eql('Tie Hua');
+});
+
+test('heihei onto bomiao', async t => {
+  await t
+      .dragToElement(heihei, bomiao)
+      .expect(getDescendantsCount(bomiao)).eql(4)
+      .expect(findNextNode(lixin)).eql('Hei Hei')
+      .expect(findOnlyChild(sumiao)).eql('Tie Hua');
+});
+
+test('pangpang onto heihei', async t => {
+  await t
+      .dragToElement(pangpang, heihei)
+      .expect(getChildrenCount(heihei)).eql(2)
+      .expect(findNextNode(dandan)).eql('Pang Pang');
+});
+
+test('dandan onto heihei', async t => {
+  await t
+      .dragToElement(dandan, heihei)
+      .expect(getChildrenCount(heihei)).eql(2)
+      .expect(findNextNode(pangpang)).eql('Dan Dan');
+});
+
+// test('hongmiao onto lixin', async t => {
+//   await t
+//       .dragToElement(hongmiao, lixin, { speed: 1 })
+//       .expect(sumiao.parent(3).nextSibling().find('.title').textContent).eql('Hong Miao')
+//       .expect(lixin.parent(1).sibling().count).eql(0);
+// });

test/e2e/local-datasource/page-modeljs

@@ -0,0 +1,16 @@
+import { Selector } from 'testcafe';
+
+const nodes = Selector('.node');
+
+export default class Page {
+  constructor () {
+    this.laolao = nodes.withText('Lao Lao');
+    this.bomiao = nodes.withText('Bo Miao');
+    this.sumiao = nodes.withText('Su Miao');
+    this.hongmiao = nodes.withText('Hong Miao');
+    this.tiehua = nodes.withText('Tie Hua');
+    this.heihei = nodes.withText('Hei Hei');
+    this.pangpang = nodes.withText('Pang Pang');
+    this.dandan = nodes.withText('Dan Dan');
+  }
+}