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();
        });

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

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

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

    });
  }
};