grapesjs/test/specs/asset_manager/view/AssetsView.js

Free and Open Source Web Builder Framework

var AssetsView = require('asset_manager/view/AssetsView');
var FileUploader = require('asset_manager/view/FileUploader');
var Assets = require('asset_manager/model/Assets');

module.exports = {
  run() {

    describe('AssetsView', () => {

      var obj;
      var coll;

      beforeEach(function () {
        coll = new Assets([]);
        obj = new AssetsView({
          config: {},
          collection: coll,
          globalCollection: new Assets([]),
          fu: new FileUploader({})
        });
        obj = obj;
        document.body.innerHTML = '<div id="fixtures"></div>';
        obj.render();
        document.body.querySelector('#fixtures').appendChild(obj.el);
      });

      afterEach(function () {
        obj.collection.reset();
      });

      it('Object exists', () => {
        expect(AssetsView).toExist();
      });

      it("Collection is empty", function (){
        expect(obj.getAssetsEl().innerHTML).toNotExist();
      });

      it("Add new asset", function (){
        sinon.stub(obj, "addAsset");
        coll.add({src: 'test'});
        expect(obj.addAsset.calledOnce).toEqual(true);
      });

      it("Render new asset", function (){
        coll.add({src: 'test'});
        expect(obj.getAssetsEl().innerHTML).toExist();
      });

      it("Render correctly new image asset", function (){
        coll.add({ type: 'image', src: 'test'});
        var asset = obj.getAssetsEl().firstChild;
        expect(asset.tagName).toEqual('DIV');
        expect(asset.innerHTML).toExist();
      });

      it("Clean collection from asset", function (){
        var model = coll.add({src: 'test'});
        coll.remove(model);
        expect(obj.getAssetsEl().innerHTML).toNotExist();
      });

      it("Deselect works", function (){
        coll.add([{},{}]);
        var $asset = obj.$el.children().first();
        $asset.attr('class', obj.pfx + 'highlight');
        coll.trigger('deselectAll');
        expect($asset.attr('class')).toNotExist();
      });

      it("Returns not empty assets element", () => {
        expect(obj.getAssetsEl()).toExist();
      });

      it("Returns not empty url input", () => {
        expect(obj.getAddInput()).toExist();
      });

      it("Add image asset from input string", () => {
        obj.getAddInput().value = "test";
        obj.handleSubmit({
          preventDefault() {}
        });
        var asset = obj.options.globalCollection.at(0);
        expect(asset.get('src')).toEqual('test');
      });

    });

  }
}