Update tests for jest

package.json

@@ -84,6 +84,7 @@
   },
   "jest": {
     "modulePaths": ["./src"],
+    "setupFiles": ["<rootDir>/test/setup.js"],
     "moduleNameMapper": {
       "^jquery$": "cash-dom"
     }

src/asset_manager/view/AssetView.js

@@ -1,3 +1,5 @@
+import Backbone from 'backbone';
+
 module.exports = Backbone.View.extend({
   initialize(o = {}) {
     this.options = o;

src/asset_manager/view/AssetsView.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 var AssetView = require('./AssetView');
 var AssetImageView = require('./AssetImageView');
 var FileUploader = require('./FileUploader');

src/block_manager/model/Block.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 var Category = require('./Category');
 
 module.exports = Backbone.Model.extend({

src/block_manager/model/Blocks.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 var Block = require('./Block');
 
 module.exports = Backbone.Collection.extend({

src/block_manager/model/Categories.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 
 module.exports = Backbone.Collection.extend({
   model: require('./Category')

src/block_manager/model/Category.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   defaults: {

src/block_manager/view/BlocksView.js

@@ -1,11 +1,11 @@
-import { isString, isObject } from 'underscore';
+import { isString, isObject, bindAll } from 'underscore';
 
 const BlockView = require('./BlockView');
 const CategoryView = require('./CategoryView');
 
 module.exports = require('backbone').View.extend({
   initialize(opts, config) {
-    _.bindAll(this, 'getSorter', 'onDrag', 'onDrop');
+    bindAll(this, 'getSorter', 'onDrag', 'onDrop');
     this.config = config || {};
     this.categories = opts.categories || '';
     this.renderedCategories = [];

src/canvas/model/Canvas.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 var Frame = require('./Frame');
 
 module.exports = Backbone.Model.extend({

src/canvas/model/Frame.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   defaults: {

src/canvas/view/CanvasView.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 import { on, off, getElement } from 'utils/mixins';
 const FrameView = require('./FrameView');
 const $ = Backbone.$;

src/code_manager/model/CodeMirrorEditor.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 var CodeMirror = require('codemirror/lib/codemirror');
 var htmlMode = require('codemirror/mode/htmlmixed/htmlmixed');
 var cssMode = require('codemirror/mode/css/css');

src/code_manager/model/HtmlGenerator.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   build(model, opts = {}) {

src/code_manager/model/JsGenerator.js

@@ -1,4 +1,5 @@
-var Backbone = require('backbone');
+import { extend } from 'underscore';
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   mapModel(model) {
@@ -11,7 +12,7 @@ module.exports = Backbone.Model.extend({
     if (script) {
       // If the component has scripts we need to expose his ID
       var attr = model.get('attributes');
-      attr = _.extend({}, attr, { id });
+      attr = extend({}, attr, { id });
       model.set('attributes', attr);
       var scrStr = model.getScriptString();
 

src/code_manager/model/JsonGenerator.js

@@ -1,12 +1,13 @@
-var Backbone = require('backbone');
+import { each } from 'underscore';
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   /** @inheritdoc */
   build(model) {
     var json = model.toJSON();
     this.beforeEach(json);
 
-    _.each(
+    each(
       json,
       function(v, attr) {
         var obj = json[attr];

src/code_manager/view/EditorView.js

@@ -1,7 +1,8 @@
-var Backbone = require('backbone');
+import { template } from 'underscore';
+import Backbone from 'backbone';
 
 module.exports = Backbone.View.extend({
-  template: _.template(`
+  template: template(`
   <div class="<%= pfx %>editor" id="<%= pfx %><%= codeName %>">
   	<div id="<%= pfx %>title"><%= label %></div>
   	<div id="<%= pfx %>code"></div>

src/commands/model/Command.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   defaults: {

src/commands/model/Commands.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 var Command = require('./Command');
 
 module.exports = Backbone.Collection.extend({

src/commands/view/CreateComponent.js

@@ -1,3 +1,5 @@
+import _ from 'underscore';
+import Backbone from 'backbone';
 const SelectPosition = require('./SelectPosition');
 const $ = Backbone.$;
 

src/commands/view/DeleteComponent.js

@@ -1,3 +1,5 @@
+import _ from 'underscore';
+import Backbone from 'backbone';
 const SelectComponent = require('./SelectComponent');
 const $ = Backbone.$;
 

src/commands/view/ExportTemplate.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 const $ = Backbone.$;
 
 module.exports = {

src/commands/view/ImageComponent.js

@@ -1,4 +1,5 @@
-var Backbone = require('backbone');
+import _ from 'underscore';
+import Backbone from 'backbone';
 var InsertCustom = require('./InsertCustom');
 
 module.exports = _.extend({}, InsertCustom, {

src/commands/view/InsertCustom.js

@@ -1,4 +1,5 @@
-var Backbone = require('backbone');
+import _ from 'underscore';
+import Backbone from 'backbone';
 var CreateComponent = require('./CreateComponent');
 
 module.exports = _.extend({}, CreateComponent, {

src/commands/view/MoveComponent.js

@@ -1,3 +1,5 @@
+import _ from 'underscore';
+import Backbone from 'backbone';
 import { on, off } from 'utils/mixins';
 
 const SelectComponent = require('./SelectComponent');

src/commands/view/OpenLayers.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 const Layers = require('navigator');
 const $ = Backbone.$;
 

src/commands/view/OpenStyleManager.js

@@ -1,5 +1,5 @@
+import Backbone from 'backbone';
 const StyleManager = require('style_manager');
-const Backbone = require('backbone');
 const $ = Backbone.$;
 
 module.exports = {

src/commands/view/Preview.js

@@ -1,3 +1,5 @@
+import _ from 'underscore';
+
 module.exports = {
   getPanels(editor) {
     if (!this.panels) this.panels = editor.Panels.getPanelsEl();

src/commands/view/SelectPosition.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 const $ = Backbone.$;
 
 module.exports = {

src/commands/view/ShowOffset.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 const $ = Backbone.$;
 
 module.exports = {

src/commands/view/TextComponent.js

@@ -1,4 +1,5 @@
-var Backbone = require('backbone');
+import _ from 'underscore';
+import Backbone from 'backbone';
 var CreateComponent = require('./CreateComponent');
 
 module.exports = _.extend({}, CreateComponent, {

src/css_composer/model/CssRule.js

@@ -1,7 +1,8 @@
+import _ from 'underscore';
+import Backbone from 'backbone';
 import Styleable from 'domain_abstract/model/Styleable';
 import { isEmpty, forEach } from 'underscore';
 
-var Backbone = require('backbone');
 var Selectors = require('selector_manager/model/Selectors');
 
 module.exports = Backbone.Model.extend(Styleable).extend({

src/css_composer/model/CssRules.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 var CssRule = require('./CssRule');
 
 module.exports = Backbone.Collection.extend({

src/device_manager/model/Device.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   idAttribute: 'name',

src/device_manager/model/Devices.js

@@ -1,4 +1,4 @@
-var Backbone = require('backbone');
+import Backbone from 'backbone';
 var Device = require('./Device');
 
 module.exports = Backbone.Collection.extend({

src/utils/Dragger.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 const $ = Backbone.$;
 
 var getBoundingRect = (el, win) => {

src/utils/Sorter.js

@@ -1,3 +1,4 @@
+import Backbone from 'backbone';
 import { isString, isFunction } from 'underscore';
 import { on, off, matches } from 'utils/mixins';
 const $ = Backbone.$;

test/setup.js

@@ -0,0 +1,23 @@
+import _ from 'underscore';
+import Backbone from 'backbone';
+import sinon from 'sinon';
+import grapesjs from './../src';
+
+const localStorage = {
+  getItem(key) {
+    return this[key];
+  },
+  setItem(key, value) {
+    this[key] = value;
+  },
+  removeItem(key, value) {
+    delete this[key];
+  }
+};
+
+global.Backbone = Backbone;
+global._ = _;
+global.sinon = sinon;
+global.grapesjs = grapesjs;
+global.$ = Backbone.$;
+global.localStorage = localStorage;

test/specs/asset_manager/index.js

@@ -36,7 +36,7 @@ describe('Asset Manager', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No assets inside', () => {
@@ -80,7 +80,7 @@ describe('Asset Manager', () => {
 
     test('Render assets', () => {
       obj.add(imgObj);
-      expect(obj.render()).toExist();
+      expect(obj.render()).toBeTruthy();
     });
 
     describe('With storage', () => {

test/specs/asset_manager/model/Asset.js

@@ -4,15 +4,15 @@ module.exports = {
   run() {
     describe('Asset', () => {
       test('Object exists', () => {
-        expect(Asset).toExist();
+        expect(Asset).toBeTruthy();
       });
 
       test('Has default values', () => {
         var obj = new Asset({});
-        expect(obj.get('type')).toNotExist();
-        expect(obj.get('src')).toNotExist();
-        expect(obj.getExtension()).toNotExist();
-        expect(obj.getFilename()).toNotExist();
+        expect(obj.get('type')).toBeFalsy();
+        expect(obj.get('src')).toBeFalsy();
+        expect(obj.getExtension()).toBeFalsy();
+        expect(obj.getFilename()).toBeFalsy();
       });
 
       test('Test getFilename', () => {

test/specs/asset_manager/model/AssetImage.js

@@ -4,18 +4,18 @@ module.exports = {
   run() {
     describe('AssetImage', () => {
       test('Object exists', () => {
-        expect(AssetImage).toExist();
+        expect(AssetImage).toBeTruthy();
       });
 
       test('Has default values', () => {
         var obj = new AssetImage({});
         expect(obj.get('type')).toEqual('image');
-        expect(obj.get('src')).toNotExist();
+        expect(obj.get('src')).toBeFalsy();
         expect(obj.get('unitDim')).toEqual('px');
         expect(obj.get('height')).toEqual(0);
         expect(obj.get('width')).toEqual(0);
-        expect(obj.getExtension()).toNotExist();
-        expect(obj.getFilename()).toNotExist();
+        expect(obj.getExtension()).toBeFalsy();
+        expect(obj.getFilename()).toBeFalsy();
       });
     });
   }

test/specs/asset_manager/model/Assets.js

@@ -14,7 +14,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(obj).toExist();
+        expect(obj).toBeTruthy();
       });
 
       test('Collection is empty', () => {