grapesjs/test/specs/class_manager/e2e/ClassManager.js

define(
	function(require) {

    return {
      run : function(){
          describe('E2E tests', function() {

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

            beforeEach(function () {
              var Grapes = require('editor/main');
              this.gjs = new Grapes({
                storageType: 'none',
                storageManager: {
                  storageType: 'none',
                },
                assetManager: {
                  storageType: 'none',
                },
                container: '#ClassManager-fixture',
              });
              this.$fixture.empty().appendTo(this.$fixtures);
              this.gjs.render();
            });

            afterEach(function () {
              delete this.gjs;
            });

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

            it('Assign correctly new class to component', function() {
              var wrp = this.gjs.editor.get('Components').getWrapper().get('components');
              var model = wrp.add({});
              model.get('classes').length.should.equal(0);

              // Init Class Manager and set editor as a target
              var clm = this.gjs.editor.get('ClassManager');
              clm.config.target = this.gjs.editor;
              if(clm){
                var $clm = new clm.ClassTagsView({
                  collection: new clm.ClassTags([]),
                  config: clm.config,
                }).render();
                this.$fixture.append($clm.el);
              }

              // Select element
              this.gjs.editor.set('selectedComponent', model);

              $clm.addNewTag('test');
              model.get('classes').length.should.equal(1);
              model.get('classes').at(0).get('name').should.equal('test');

            });

        });
      }
    };

});