grapesjs/test/specs/panels/index.js

const Panels = require('panels');
const e2e = require('./e2e/PanelsE2e');
const Models = require('./model/PanelModels');
const PanelView = require('./view/PanelView');
const PanelsView = require('./view/PanelsView');
const ButtonView = require('./view/ButtonView');
const ButtonsView = require('./view/ButtonsView');

describe('Panels', () => {
  describe('Main', () => {
    var obj;

    beforeEach(() => {
      obj = new Panels().init();
    });

    afterEach(() => {
      obj = null;
    });

    test('Object exists', () => {
      expect(obj).toBeTruthy();
    });

    test('No panels inside', () => {
      expect(obj.getPanels().length).toEqual(3);
    });

    test('Adds new panel correctly via object', () => {
      var panel = obj.addPanel({ id: 'test' });
      expect(panel.get('id')).toEqual('test');
    });

    test('New panel has no buttons', () => {
      var panel = obj.addPanel({ id: 'test' });
      expect(panel.get('buttons').length).toEqual(0);
    });

    test('Adds new panel correctly via Panel instance', () => {
      var oPanel = new obj.Panel({ id: 'test' });
      var panel = obj.addPanel(oPanel);
      expect(panel).toEqual(oPanel);
      expect(panel.get('id')).toEqual('test');
    });

    test('getPanel returns null in case there is no requested panel', () => {
      expect(obj.getPanel('test')).toEqual(null);
    });

    test('getPanel returns correctly the panel', () => {
      var panel = obj.addPanel({ id: 'test' });
      expect(obj.getPanel('test')).toEqual(panel);
    });

    test("Can't add button to non existent panel", () => {
      expect(obj.addButton('test', { id: 'btn' })).toEqual(null);
    });

    test('Add button correctly', () => {
      var panel = obj.addPanel({ id: 'test' });
      var btn = obj.addButton('test', { id: 'btn' });
      expect(panel.get('buttons').length).toEqual(1);
      expect(
        panel
          .get('buttons')
          .at(0)
          .get('id')
      ).toEqual('btn');
    });

    test('getButton returns null in case there is no requested panel', () => {
      expect(obj.addButton('test', 'btn')).toEqual(null);
    });

    test('getButton returns null in case there is no requested button', () => {
      var panel = obj.addPanel({ id: 'test' });
      expect(obj.getButton('test', 'btn')).toEqual(null);
    });

    test('getButton returns correctly the button', () => {
      var panel = obj.addPanel({ id: 'test' });
      var btn = obj.addButton('test', { id: 'btn' });
      expect(obj.getButton('test', 'btn')).toEqual(btn);
    });

    test('Renders correctly', () => {
      expect(obj.render()).toBeTruthy();
    });

    test('Active correctly activable buttons', () => {
      var spy = sinon.spy();
      var panel = obj.addPanel({ id: 'test' });
      var btn = obj.addButton('test', { id: 'btn', active: true });
      btn.on('updateActive', spy);
      obj.active();
      expect(spy.called).toEqual(true);
    });

    test('Disable correctly buttons flagged as disabled', () => {
      var spy = sinon.spy();
      var panel = obj.addPanel({ id: 'test' });
      var btn = obj.addButton('test', { id: 'btn', disable: true });
      btn.on('change:disable', spy);
      obj.disableButtons();
      expect(spy.called).toEqual(true);
    });

    test("Can't remove button to non existent panel", () => {
      expect(obj.removeButton('test', { id: 'btn' })).toEqual(null);
    });

    describe('Removes button', () => {
      test('Remove button correctly with object', () => {
        var panel = obj.addPanel({ id: 'test' });
        var btn = obj.addButton('test', { id: 'btn' });
        expect(panel.get('buttons').length).toEqual(1);
        expect(
          panel
            .get('buttons')
            .at(0)
            .get('id')
        ).toEqual('btn');
        expect(obj.removeButton('test', { id: 'btn' })).toEqual(btn);
        expect(panel.get('buttons').length).toEqual(0);
      });

      test('Remove button correctly with sting', () => {
        var panel = obj.addPanel({ id: 'test' });
        var btn = obj.addButton('test', { id: 'btn' });
        expect(panel.get('buttons').length).toEqual(1);
        expect(
          panel
            .get('buttons')
            .at(0)
            .get('id')
        ).toEqual('btn');
        expect(obj.removeButton('test', 'btn')).toEqual(btn);
        expect(panel.get('buttons').length).toEqual(0);
      });
    });

    describe('Removes Panel', () => {
      test('Removes panel correctly via object', () => {
        var panel = obj.addPanel({ id: 'test' });
        expect(panel.get('id')).toEqual('test');
        obj.removePanel({ id: 'test' });
        expect(panel.get('id')).toEqual('test');
      });

      test('Removes panel correctly via Panel instance', () => {
        var oPanel = new obj.Panel({ id: 'test' });
        var panel = obj.addPanel(oPanel);
        expect(panel).toEqual(oPanel);
        expect(panel.get('id')).toEqual('test');
        obj.removePanel(oPanel);
        expect(obj.getPanels.length).toEqual(0);
      });

      test('Removes panel correctly via id', () => {
        var oPanel = new obj.Panel({ id: 'test' });
        var panel = obj.addPanel(oPanel);
        expect(panel).toEqual(oPanel);
        expect(panel.get('id')).toEqual('test');
        obj.removePanel('test');
        expect(obj.getPanels.length).toEqual(0);
      });
    });
  });

  Models.run();

  describe('Views', () => {
    PanelView.run();
    PanelsView.run();
    ButtonView.run();
    ButtonsView.run();
    e2e.run();
  });
});