[#88,refactor/state,api-change][m]: FlotGraph now uses state plus DataExplorer takes care of parsing state from Hash.

* First test for FlotGraph view (#45)
* Move convenience functions for testing present of elements to test/base.js from view-grid.test.js

test/base.js

@@ -14,3 +14,14 @@ var Fixture = {
   }
 };
 
+function assertPresent(selector, el) {
+  var found = el ? $(el).find(selector) : $(selector);
+  ok(found.length > 0);
+}
+
+function assertNotPresent(selector, el) {
+  var found = el ? $(el).find(selector) : $(selector);
+  ok(found.length > 0);
+  equal(found.length, 0);
+}
+

test/index.html

@@ -32,7 +32,9 @@
   <script type="text/javascript" src="../src/view.js"></script>
   <script type="text/javascript" src="../src/view-grid.js"></script>
   <script type="text/javascript" src="../src/view-transform-dialog.js"></script>
+  <script type="text/javascript" src="../src/view-flot-graph.js"></script>
   <script type="text/javascript" src="view-grid.test.js"></script>
+  <script type="text/javascript" src="view-graph.test.js"></script>
   <script type="text/javascript" src="view.test.js"></script>
   <script type="text/javascript" src="util.test.js"></script>
 </head>

test/view-graph.test.js

@@ -0,0 +1,13 @@
+module("View - FlotGraph");
+
+test('basics', function () {
+  var dataset = Fixture.getDataset();
+  var view = new recline.View.FlotGraph({
+    model: dataset
+  });
+  $('.fixtures').append(view.el);
+  equal(view.state.get('graphType'), 'lines-and-points');
+  // view will auto render ...
+  assertPresent('.editor', view.el);
+  view.remove();
+});

test/view-grid.test.js

@@ -2,16 +2,6 @@
 
 module("View - DataGrid");
 
-function assertPresent(selector) {
-  var found = $(selector);
-  ok(found.length > 0);
-}
-
-function assertNotPresent(selector) {
-  var found = $(selector);
-  equal(found.length, 0);
-}
-
 test('menu - hideColumn', function () {
   var dataset = Fixture.getDataset();
   var view = new recline.View.DataGrid({

test/view.test.js

@@ -36,7 +36,10 @@ test('initialize state', function () {
   var explorer = new recline.View.DataExplorer({
     model: dataset,
     state: {
-      readOnly: true
+      readOnly: true,
+      'view-grid': {
+        hiddenFields: ['x']
+      }
     }
   });
   var state = explorer.getState();