grapesjs/test/specs/dom_components/view/ComponentsView.js

define(function(require, exports, module){
  'use strict';
  var DomComponents = require('DomComponents');
  var ComponentsView = require('undefined');
  var Components = require('DomComponents/model/Components');

    module.exports = {
      run : function(){
          describe('ComponentsView', function() {

            var $fixtures;
            var $fixture;
            var model;
            var view;
            var dcomp;
            var compOpts;

            before(function () {
              $fixtures = $("#fixtures");
              $fixture = $('<div class="components-fixture"></div>');
            });

            beforeEach(function () {
              dcomp = new DomComponents();
              compOpts = {
                defaultTypes: dcomp.componentTypes,
              };
              model = new Components([], compOpts);
              view = new ComponentsView({
                collection: model,
                defaultTypes: dcomp.componentTypes,
              });
              $fixture.empty().appendTo($fixtures);
              $fixture.html(view.render().el);
            });

            afterEach(function () {
              view.collection.reset();
            });

            after(function () {
              $fixture.remove();
            });

            it("Collection is empty", function (){
              view.$el.html().should.be.empty;
            });

            it("Add new component", function (){
              sinon.stub(view, "addToCollection");
              view.collection.add({});
              view.addToCollection.calledOnce.should.equal(true);
            });

            it("Render new component", function (){
              view.collection.add({});
              view.$el.html().should.not.be.empty;
            });

        });
      }
    };

});