grapesjs/test/specs/style_manager/view/SectorsView.js

import SectorsView from 'style_manager/view/SectorsView';
import Sectors from 'style_manager/model/Sectors';

describe('SectorsView', () => {
  var fixtures;
  var model;
  var view;

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

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

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

  test('Add new sectors', () => {
    view.collection.add([{}, {}]);
    expect(view.el.children.length).toEqual(2);
  });
});