feat(library): add navigated viewer

This adds an additional viewer variant that contains canvas navigation
features.

Related to #169

lib/Modeler.js

@@ -1,7 +1,6 @@
 'use strict';
 
-var Diagram = require('diagram-js'),
-    BpmnModdle = require('bpmn-moddle'),
+var BpmnModdle = require('bpmn-moddle'),
     IdSupport = require('bpmn-moddle/lib/id-support'),
     Ids = require('ids');
 

lib/NavigatedViewer.js

@@ -0,0 +1,23 @@
+var Viewer = require('./Viewer');
+
+/**
+ * A viewer that includes mouse navigation facilities
+ *
+ * @param {Object} options
+ */
+function NavigatedViewer(options) {
+  Viewer.call(this, options);
+}
+
+NavigatedViewer.prototype = Object.create(Viewer.prototype);
+
+module.exports = NavigatedViewer;
+
+NavigatedViewer.prototype._navigationModules = [
+  require('diagram-js/lib/navigation/zoomscroll'),
+  require('diagram-js/lib/navigation/movecanvas')
+];
+
+NavigatedViewer.prototype._modules = [].concat(
+  NavigatedViewer.prototype._modules,
+  NavigatedViewer.prototype._navigationModules);

lib/Viewer.js

@@ -40,9 +40,12 @@ var DEFAULT_OPTIONS = {
 };
 
 /**
- * A viewer for BPMN 2.0 diagrams
+ * A viewer for BPMN 2.0 diagrams.
  *
- * @class
+ * Includes the basic viewing functionality.
+ *
+ * Have a look at {@link NavigatedViewer} or {@link Modeler} for bundles that include
+ * additional features.
  *
  * @param {Object} [options] configuration options to pass to the viewer
  * @param {DOMElement} [options.container] the container to render the viewer in, defaults to body.

test/spec/ModelerSpec.js

@@ -1,8 +1,6 @@
 'use strict';
 
-var Matchers = require('../Matchers'),
-    TestHelper = require('../TestHelper');
-
+var TestHelper = require('../TestHelper');
 
 var fs = require('fs');
 
@@ -11,9 +9,6 @@ var Modeler = require('../../lib/Modeler');
 
 describe('Modeler', function() {
 
-  beforeEach(Matchers.addDeepEquals);
-
-
   var container;
 
   beforeEach(function() {

test/spec/NavigatedViewerSpec.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var TestHelper = require('../TestHelper');
+
+var fs = require('fs');
+
+var NavigatedViewer = require('../../lib/NavigatedViewer');
+
+
+describe('NavigatedViewer', function() {
+
+  var container;
+
+  beforeEach(function() {
+    container = jasmine.getEnv().getTestContainer();
+  });
+
+
+  function createViewer(xml, done) {
+    var viewer = new NavigatedViewer({ container: container });
+
+    viewer.importXML(xml, function(err, warnings) {
+      done(err, warnings, viewer);
+    });
+  }
+
+
+  it('should import simple process', function(done) {
+
+    var xml = fs.readFileSync('test/fixtures/bpmn/simple.bpmn', 'utf8');
+
+    createViewer(xml, done);
+  });
+
+
+  describe('navigation features', function() {
+
+    var xml = fs.readFileSync('test/fixtures/bpmn/simple.bpmn', 'utf8');
+
+    it('should include zoomScroll', function(done) {
+      createViewer(xml, function(err, warnings, viewer) {
+        expect(viewer.get('zoomScroll')).toBeDefined();
+
+        done(err);
+      });
+    });
+
+
+    it('should include moveCanvas', function(done) {
+      createViewer(xml, function(err, warnings, viewer) {
+        expect(viewer.get('moveCanvas')).toBeDefined();
+
+        done(err);
+      });
+    });
+
+  });
+
+});

test/spec/ViewerSpec.js

@@ -1,10 +1,6 @@
 'use strict';
 
-var Matchers = require('../Matchers'),
-    TestHelper = require('../TestHelper');
-
-/* global bootstrapViewer, inject */
-
+var TestHelper = require('../TestHelper');
 
 var fs = require('fs');
 
@@ -13,9 +9,6 @@ var Viewer = require('../../lib/Viewer');
 
 describe('Viewer', function() {
 
-  beforeEach(Matchers.addDeepEquals);
-
-
   var container;
 
   beforeEach(function() {