grapesjs_codeapps/test/specs/modal/view/ModalView.js

Free and Open Source Web Builder Framework/SC Modification

const ModalView = require('modal_dialog/view/ModalView');
const Modal = require('modal_dialog/model/Modal');

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

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

      afterEach(() => {
        view = null;
        model = null;
      });

      test('The content is not empty', () => {
        expect(view.el.innerHTML).toBeTruthy();
      });

      test('Get content', () => {
        expect(view.getContent()).toBeTruthy();
      });

      test('Update content', () => {
        model.set('content', 'test');
        expect(view.getContent().get(0).innerHTML).toEqual('test');
      });

      test('Get title', () => {
        expect(view.getTitle()).toBeTruthy();
      });

      test('Update title', () => {
        model.set('title', 'test');
        expect(view.getTitle().innerHTML).toEqual('test');
      });

      test('Close by default', () => {
        view.updateOpen();
        expect(view.el.style.display).toEqual('none');
      });

      test('Open dialog', () => {
        model.set('open', 1);
        expect(view.el.style.display).toEqual('');
      });
    });
  }
};