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

var FileUploader = require('asset_manager/view/FileUploader');

module.exports = {
  run: function() {

    describe('File Uploader', function() {

      before(function () {
        this.$fixtures   = $("#fixtures");
        this.$fixture   = $('<div class="fileupload-fixture"></div>');
      });

      beforeEach(function () {
        this.view = new FileUploader({ config : {} });
        this.$fixture.empty().appendTo(this.$fixtures);
        this.$fixture.html(this.view.render().el);
      });

      afterEach(function () {
        this.view.remove();
      });

      after(function () {
        this.$fixture.remove();
      });

      it('Object exists', function() {
        expect(FileUploader).toExist();
      });

      it('Has correct prefix', function() {
        expect(this.view.pfx).toNotExist();
      });

      describe('Should be rendered correctly', function() {

          it('Has title', function() {
            expect(this.view.$el.find('#title').length).toEqual(1);
          });

          it('Title is empty', function() {
            expect(this.view.$el.find('#title').html()).toEqual('');
          });

          it('Has file input', function() {
            expect(this.view.$el.find('input[type=file]').length).toEqual(1);
          });

          it('File input is enabled', function() {
            expect(this.view.$el.find('input[type=file]').prop('disabled')).toEqual(true);
          });

      });

      describe('Interprets configurations correctly', function() {

          it('Has correct title', function() {
            var view = new FileUploader({ config : {
              uploadText : 'Test',
            } });
            view.render();
            expect(view.$el.find('#title').html()).toEqual('Test');
          });

          it('Could be disabled', function() {
            var view = new FileUploader({ config : {
              disableUpload: true,
            } });
            view.render();
            expect(view.$el.find('input[type=file]').prop('disabled')).toEqual(true);
          });

      });

    });
  }
}