WIP: add e2e tests

dabeng · Dec 26, 2017 · 18fc299 · 18fc299
1 parent 8dd54eb
commit 18fc299
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 3 deletions.
diff --git a/demo/edit-chart.html b/demo/edit-chart.html
@@ -73,10 +73,10 @@
 </head>
 <body>
   <div id="chart-container"></div>
-  <div id="edit-panel" class="view-state">
+  <div id="edit-panel">
     <span id="chart-state-panel" class="radio-panel">
-      <input type="radio" name="chart-state" id="rd-view" value="view" checked="true"><label for="rd-view">View</label>
-      <input type="radio" name="chart-state" id="rd-edit" value="edit"><label for="rd-edit">Edit</label>
+      <input type="radio" name="chart-state" id="rd-view" value="view"><label for="rd-view">View</label>
+      <input type="radio" name="chart-state" id="rd-edit" value="edit" checked="true"><label for="rd-edit">Edit</label>
     </span>
     <label class="selected-node-group">selected node:</label>
     <input type="text" id="selected-node" class="selected-node-group">

diff --git a/test/e2e/edit-chart/page-model.js b/test/e2e/edit-chart/page-model.js
@@ -0,0 +1,20 @@
+import { Selector } from 'testcafe';
+
+const nodes = Selector('.node');
+
+export default class Page {
+  constructor () {
+    this.ballgame = nodes.withText('Ball game');
+    this.football = nodes.withText('Football');
+    this.viewState = Selector('#rd-view');
+    this.editState = Selector('#rd-edit');
+    this.selectedNode = Selector('#selected-node');
+    this.newNodes = Selector('#new-nodelist');
+    this.parentRel = Selector('#rd-parent');
+    this.childRel = Selector('#rd-child');
+    this.siblingRel = Selector('#rd-sibling');
+    this.addBtn = Selector('#btn-add-nodes');
+    this.deleteBtn = Selector('#btn-delete-nodes');
+    this.resetBtn = Selector('#btn-reset');
+  }
+}
diff --git a/test/e2e/edit-chart/test.js b/test/e2e/edit-chart/test.js
@@ -0,0 +1,8 @@
+import { Selector } from 'testcafe';
+import Page from './page-model';
+
+fixture `Edit Chart`
+  .page `127.0.0.1:3000/edit-chart.html`;
+
+const page = new Page();
+
diff --git a/test/e2e/local-datasource/page-modeljs → test/e2e/local-datasource/page-model.js b/test/e2e/local-datasource/page-modeljs → test/e2e/local-datasource/page-model.js
diff --git a/test/e2e/local-datasource/testjs → test/e2e/local-datasource/test.js b/test/e2e/local-datasource/testjs → test/e2e/local-datasource/test.js