grapesjs/test/specs/css_composer/view/CssRulesView.js

var CssRulesView = require('css_composer/view/CssRulesView');
var CssRules = require('css_composer/model/CssRules');

module.exports = {
  run() {
      describe('CssRulesView', () => {

        let obj;

        beforeEach(function () {
          var col = new CssRules([]);
          obj = new CssRulesView({
            collection: col
          });
          document.body.innerHTML = '<div id="fixtures"></div>';
          document.body.querySelector('#fixtures').appendChild(obj.render().el);
        });

        afterEach(() => {
          obj.collection.reset();
        });

        it('Object exists', () => {
          expect(CssRulesView).toExist();
        });

        it("Collection is empty", () => {
          expect(obj.$el.html()).toNotExist();
        });

        it("Add new rule", () => {
          sinon.stub(obj, "addToCollection");
          obj.collection.add({});
          expect(obj.addToCollection.calledOnce).toExist(true);
        });

        it("Render new rule", () => {
          obj.collection.add({});
          expect(obj.$el.html()).toExist();
        });

    });
  }
};