grapesjs_codeapps/test/specs/dom_components/view/ComponentTextView.js

Free and Open Source Web Builder Framework/SC Modification

const ComponentTextView = require('dom_components/view/ComponentTextView');
const Component = require('dom_components/model/Component');

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

      beforeEach(() => {
        model = new Component();
        view = new ComponentTextView({
          model
        });
        document.body.innerHTML = '<div id="fixtures"></div>';
        fixtures = document.body.querySelector('#fixtures');
        fixtures.appendChild(view.render().el);
      });

      afterEach(() => {
        view.remove();
      });

      test('Component empty', () => {
        expect(fixtures.innerHTML).toEqual(
          '<div data-gjs-type="default" data-highlightable="1"></div>'
        );
      });

      test('Input content is stored in model', () => {
        //view.enableEditing();
        view.el.innerHTML = 'test';
        //view.disableEditing();
        //model.get('content').should.equal('test');
      });

      test('Init with content', () => {
        model = new Component({ content: 'test' });
        view = new ComponentTextView({ model });
        fixtures.appendChild(view.render().el);
        expect(view.el.innerHTML).toEqual('test');
      });
    });
  }
};