grapesjs_codeapps/test/specs/panels/view/ButtonsView.js

Free and Open Source Web Builder Framework/SC Modification

const ButtonsView = require('panels/view/ButtonsView');
const Buttons = require('panels/model/Buttons');

module.exports = {
  run() {
    describe('ButtonsView', () => {
      var fixtures;
      var model;
      var view;

      beforeEach(() => {
        model = new Buttons([]);
        view = new ButtonsView({
          collection: model
        });
        document.body.innerHTML = '<div id="fixtures"></div>';
        fixtures = document.body.querySelector('#fixtures');
        fixtures.appendChild(view.render().el);
      });

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

      test('Collection is empty', () => {
        expect(view.$el.html()).toEqual('');
      });

      test('Add new button', () => {
        sinon.stub(view, 'addToCollection');
        view.collection.add({});
        expect(view.addToCollection.calledOnce).toEqual(true);
      });

      test('Render new button', () => {
        view.collection.add({});
        expect(view.$el.html()).toBeTruthy();
      });
    });
  }
};