grapesjs/test/specs/dom_components/model/ComponentImage.js

import Component from 'dom_components/model/Component';
import ComponentImage from 'dom_components/model/ComponentImage';
import Editor from 'editor/model/Editor';
import Backbone from 'backbone';
import { buildBase64UrlFromSvg } from 'utils/mixins';

const $ = Backbone.$;
describe('ComponentImage', () => {
  let componentImage;
  let dcomp;
  let compOpts;
  let em;

  beforeEach(() => {
    em = new Editor({ avoidDefaults: true });
    dcomp = em.get('DomComponents');
    em.get('PageManager').onLoad();
    compOpts = {
      em,
      componentTypes: dcomp.componentTypes,
      domc: dcomp,
    };
    componentImage = new ComponentImage({}, compOpts);
  });

  describe('.initialize', () => {
    test('when a base 64 default image is provided, it uses the default image', () => {
      let imageUrl = buildBase64UrlFromSvg(ComponentImage.prototype.defaults.src);
      let componentImage = new ComponentImage({ attributes: { src: imageUrl } }, { ...compOpts });
      expect(componentImage.get('src')).toEqual(ComponentImage.prototype.defaults.src);
      expect(componentImage.isDefaultSrc()).toBeTruthy();
    });

    test('when a image url is provided, it uses the image url', () => {
      let imageUrl = 'https://mock.com/image.png';
      let componentImage = new ComponentImage({ attributes: { src: imageUrl } }, { ...compOpts });
      expect(componentImage.get('src')).toEqual(imageUrl);
      expect(componentImage.isDefaultSrc()).toBeFalsy();
    });
  });

  test('`src` property is defined after initializing', () => {
    expect(componentImage.get('src')).toBeDefined();
  });

  describe('.getAttrToHTML', () => {
    let getSrcResultSpy;
    const fakeAttributes = {};

    beforeEach(() => {
      spyOn(Component.prototype, 'getAttrToHTML').and.returnValue(fakeAttributes);
      getSrcResultSpy = spyOn(componentImage, 'getSrcResult');
    });

    test('it should fill the `src` property with the result of `getSrcResult` if defined', () => {
      let attributes = componentImage.getAttrToHTML();
      expect(getSrcResultSpy).toHaveBeenCalled();
      expect(attributes).toEqual(fakeAttributes);

      let fakeSrcResult = 'fakeSrcResult';
      getSrcResultSpy.and.returnValue(fakeSrcResult);
      attributes = componentImage.getAttrToHTML();
      expect(getSrcResultSpy).toHaveBeenCalledTimes(2);
      expect(attributes).toEqual({ src: fakeSrcResult });
    });
  });
});