grapesjs/test/specs/dom_components/view/ComponentImageView.js

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

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

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

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

      test('Component empty', () => {
        expect(view.el.getAttribute('class')).toEqual(view.classEmpty);
      });

      test('TagName is <img>', () => {
        expect(view.el.tagName).toEqual('IMG');
      });

      test('Update src attribute', () => {
        model.set('src', './');
        expect(view.el.getAttribute('src')).toEqual('./');
      });

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