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,4 +1,5 @@
-var Backbone = require('backbone');
+import { each } from 'underscore';
+import Backbone from 'backbone';
 
 module.exports = Backbone.Model.extend({
   /** @inheritdoc */
@@ -6,7 +7,7 @@ module.exports = Backbone.Model.extend({
     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/helper.js

@@ -1,49 +0,0 @@
-import _ from 'underscore';
-import sinon from 'sinon';
-import { JSDOM } from 'jsdom';
-
-const dom = new JSDOM('<!doctype html><html><body></body></html>', {
-  resources: 'usable'
-});
-const window = dom.window;
-
-// Fix for the require of jquery
-var Module = require('module');
-var originalRequire = Module.prototype.require;
-Module.prototype.require = function(name) {
-  if (name == 'jquery') {
-    return originalRequire.call(this, 'cash-dom');
-  }
-  return originalRequire.apply(this, arguments);
-};
-
-var localStorage = {
-  getItem(key) {
-    return this[key];
-  },
-  setItem(key, value) {
-    this[key] = value;
-  },
-  removeItem(key, value) {
-    delete this[key];
-  }
-};
-
-global.window = window;
-global.document = window.document;
-global.FormData = window.FormData;
-global._ = _;
-global.expect = expect;
-global.sinon = sinon;
-global.grapesjs = require('./../src');
-global.Backbone = require('backbone');
-global.localStorage = localStorage;
-global.SVGElement = global.Element;
-window.$ = Backbone.$;
-global.navigator = { userAgent: 'node.js' };
-
-Object.keys(window).forEach(key => {
-  if (!(key in global)) {
-    global[key] = window[key];
-  }
-});

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', () => {

test/specs/asset_manager/view/AssetImageView.js

@@ -25,7 +25,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(AssetImageView).toExist();
+        expect(AssetImageView).toBeTruthy();
       });
 
       describe('Asset should be rendered correctly', () => {
@@ -46,15 +46,15 @@ module.exports = {
       });
 
       test('Could be selected', () => {
-        var spy = expect.spyOn(obj, 'updateTarget');
+        var spy = jest.spyOn(obj, 'updateTarget');
         obj.$el.trigger('click');
-        expect(obj.$el.attr('class')).toInclude('highlight');
+        expect(obj.$el.attr('class')).toContain('highlight');
         expect(spy).toHaveBeenCalled();
       });
 
       test('Could be chosen', () => {
         sinon.stub(obj, 'updateTarget');
-        var spy = expect.spyOn(obj, 'updateTarget');
+        var spy = jest.spyOn(obj, 'updateTarget');
         obj.$el.trigger('dblclick');
         expect(spy).toHaveBeenCalled();
         //obj.updateTarget.calledOnce.should.equal(true);

test/specs/asset_manager/view/AssetView.js

@@ -29,7 +29,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(AssetView).toExist();
+        expect(AssetView).toBeTruthy();
       });
 
       test('Has correct prefix', () => {

test/specs/asset_manager/view/AssetsView.js

@@ -27,11 +27,11 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(AssetsView).toExist();
+        expect(AssetsView).toBeTruthy();
       });
 
       test('Collection is empty', () => {
-        expect(obj.getAssetsEl().innerHTML).toNotExist();
+        expect(obj.getAssetsEl().innerHTML).toBeFalsy();
       });
 
       test('Add new asset', () => {
@@ -42,20 +42,20 @@ module.exports = {
 
       test('Render new asset', () => {
         coll.add({ src: 'test' });
-        expect(obj.getAssetsEl().innerHTML).toExist();
+        expect(obj.getAssetsEl().innerHTML).toBeTruthy();
       });
 
       test('Render correctly new image asset', () => {
         coll.add({ type: 'image', src: 'test' });
         var asset = obj.getAssetsEl().firstChild;
         expect(asset.tagName).toEqual('DIV');
-        expect(asset.innerHTML).toExist();
+        expect(asset.innerHTML).toBeTruthy();
       });
 
       test('Clean collection from asset', () => {
         var model = coll.add({ src: 'test' });
         coll.remove(model);
-        expect(obj.getAssetsEl().innerHTML).toNotExist();
+        expect(obj.getAssetsEl().innerHTML).toBeFalsy();
       });
 
       test('Deselect works', () => {
@@ -63,15 +63,15 @@ module.exports = {
         var $asset = obj.$el.children().first();
         $asset.attr('class', obj.pfx + 'highlight');
         coll.trigger('deselectAll');
-        expect($asset.attr('class')).toNotExist();
+        expect($asset.attr('class')).toBeFalsy();
       });
 
       test('Returns not empty assets element', () => {
-        expect(obj.getAssetsEl()).toExist();
+        expect(obj.getAssetsEl()).toBeTruthy();
       });
 
       test('Returns not empty url input', () => {
-        expect(obj.getAddInput()).toExist();
+        expect(obj.getAddInput()).toBeTruthy();
       });
 
       test('Add image asset from input string', () => {

test/specs/asset_manager/view/FileUploader.js

@@ -16,11 +16,11 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(FileUploader).toExist();
+        expect(FileUploader).toBeTruthy();
       });
 
       test('Has correct prefix', () => {
-        expect(obj.pfx).toNotExist();
+        expect(obj.pfx).toBeFalsy();
       });
 
       describe('Should be rendered correctly', () => {

test/specs/block_manager/index.js

@@ -22,7 +22,7 @@ describe('BlockManager', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No blocks inside', () => {
@@ -64,7 +64,7 @@ describe('BlockManager', () => {
 
     test('Render blocks', () => {
       obj.render();
-      expect(obj.getContainer()).toExist();
+      expect(obj.getContainer()).toBeTruthy();
     });
   });
 

test/specs/block_manager/view/BlocksView.js

@@ -24,7 +24,7 @@ module.exports = {
       });
 
       test('The container is not empty', () => {
-        expect(view.el.outerHTML).toExist();
+        expect(view.el.outerHTML).toBeTruthy();
       });
 
       test('No children inside', () => {

test/specs/code_manager/index.js

@@ -14,7 +14,7 @@ describe('Code Manager', () => {
     });
 
     test('Object exists', () => {
-      expect(CodeManager).toExist();
+      expect(CodeManager).toBeTruthy();
     });
 
     test('No code generators inside', () => {

test/specs/commands/index.js

@@ -15,7 +15,7 @@ describe('Commands', () => {
     });
 
     test('No commands inside', () => {
-      expect(obj.get('test')).toEqual(null);
+      expect(obj.get('test')).toBeUndefined();
     });
 
     test('Push new command', () => {
@@ -25,38 +25,38 @@ describe('Commands', () => {
     });
 
     test('Load default commands at init', () => {
-      expect(obj.get('select-comp')).toNotEqual(null);
-      expect(obj.get('create-comp')).toNotEqual(null);
-      expect(obj.get('delete-comp')).toNotEqual(null);
-      expect(obj.get('image-comp')).toNotEqual(null);
-      expect(obj.get('move-comp')).toNotEqual(null);
-      expect(obj.get('text-comp')).toNotEqual(null);
-      expect(obj.get('insert-custom')).toNotEqual(null);
-      expect(obj.get('export-template')).toNotEqual(null);
-      expect(obj.get('sw-visibility')).toNotEqual(null);
-      expect(obj.get('open-layers')).toNotEqual(null);
-      expect(obj.get('open-sm')).toNotEqual(null);
-      expect(obj.get('open-tm')).toNotEqual(null);
-      expect(obj.get('open-blocks')).toNotEqual(null);
-      expect(obj.get('open-assets')).toNotEqual(null);
-      expect(obj.get('show-offset')).toNotEqual(null);
-      expect(obj.get('select-parent')).toNotEqual(null);
-      expect(obj.get('tlb-delete')).toNotEqual(null);
-      expect(obj.get('tlb-clone')).toNotEqual(null);
-      expect(obj.get('tlb-move')).toNotEqual(null);
-      expect(obj.get('fullscreen')).toNotEqual(null);
-      expect(obj.get('preview')).toNotEqual(null);
-      expect(obj.get('resize')).toNotEqual(null);
-      expect(obj.get('drag')).toNotEqual(null);
+      expect(obj.get('select-comp')).not.toBeUndefined();
+      expect(obj.get('create-comp')).not.toBeUndefined();
+      expect(obj.get('delete-comp')).not.toBeUndefined();
+      expect(obj.get('image-comp')).not.toBeUndefined();
+      expect(obj.get('move-comp')).not.toBeUndefined();
+      expect(obj.get('text-comp')).not.toBeUndefined();
+      expect(obj.get('insert-custom')).not.toBeUndefined();
+      expect(obj.get('export-template')).not.toBeUndefined();
+      expect(obj.get('sw-visibility')).not.toBeUndefined();
+      expect(obj.get('open-layers')).not.toBeUndefined();
+      expect(obj.get('open-sm')).not.toBeUndefined();
+      expect(obj.get('open-tm')).not.toBeUndefined();
+      expect(obj.get('open-blocks')).not.toBeUndefined();
+      expect(obj.get('open-assets')).not.toBeUndefined();
+      expect(obj.get('show-offset')).not.toBeUndefined();
+      expect(obj.get('select-parent')).not.toBeUndefined();
+      expect(obj.get('tlb-delete')).not.toBeUndefined();
+      expect(obj.get('tlb-clone')).not.toBeUndefined();
+      expect(obj.get('tlb-move')).not.toBeUndefined();
+      expect(obj.get('fullscreen')).not.toBeUndefined();
+      expect(obj.get('preview')).not.toBeUndefined();
+      expect(obj.get('resize')).not.toBeUndefined();
+      expect(obj.get('drag')).not.toBeUndefined();
     });
 
     test('Default commands after loadDefaultCommands', () => {
       obj.loadDefaultCommands();
-      expect(obj.get('select-comp')).toNotEqual(null);
+      expect(obj.get('select-comp')).not.toBeUndefined();
     });
 
     test('Commands module should not have toLoad property', () => {
-      expect(obj.toLoad).toEqual(null);
+      expect(obj.toLoad).toBeUndefined();
     });
   });
 });

test/specs/commands/model/CommandModels.js

@@ -31,7 +31,7 @@ module.exports = {
       });
 
       test('Object is ok', () => {
-        expect(obj).toExist();
+        expect(obj).toBeTruthy();
       });
     });
   }

test/specs/css_composer/index.js

@@ -43,7 +43,7 @@ describe('Css Composer', () => {
     });
 
     test('Object exists', () => {
-      expect(CssComposer).toExist();
+      expect(CssComposer).toBeTruthy();
     });
 
     test('storageKey returns array', () => {
@@ -163,7 +163,7 @@ describe('Css Composer', () => {
     });
 
     test('Renders correctly', () => {
-      expect(obj.render()).toExist();
+      expect(obj.render()).toBeTruthy();
     });
 
     test('Create a rule with id selector by using setIdRule()', () => {

test/specs/css_composer/view/CssRuleView.js

@@ -22,7 +22,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(CssRuleView).toExist();
+        expect(CssRuleView).toBeTruthy();
       });
 
       test('Empty style inside', () => {

test/specs/css_composer/view/CssRulesView.js

@@ -46,11 +46,11 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(CssRulesView).toExist();
+        expect(CssRulesView).toBeTruthy();
       });
 
       test('Collection is empty. Styles structure bootstraped', () => {
-        expect(obj.$el.html()).toExist();
+        expect(obj.$el.html()).toBeTruthy();
         const foundStylesContainers = obj.$el.find('div');
         expect(foundStylesContainers.length).toEqual(devices.length);
 
@@ -71,7 +71,7 @@ module.exports = {
       test('Add new rule', () => {
         sinon.stub(obj, 'addToCollection');
         obj.collection.add({});
-        expect(obj.addToCollection.calledOnce).toExist(true);
+        expect(obj.addToCollection.calledOnce).toBeTruthy();
       });
 
       test('Add correctly rules with different media queries', () => {
@@ -100,7 +100,7 @@ module.exports = {
 
       test('Render new rule', () => {
         obj.collection.add({});
-        expect(obj.$el.find(`#${prefix}`).html()).toExist();
+        expect(obj.$el.find(`#${prefix}`).html()).toBeTruthy();
       });
     });
   }

test/specs/device_manager/index.js

@@ -18,7 +18,7 @@ describe('DeviceManager', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No device inside', () => {
@@ -55,7 +55,7 @@ describe('DeviceManager', () => {
     });
 
     test('Render devices', () => {
-      expect(obj.render()).toExist();
+      expect(obj.render()).toBeTruthy();
     });
   });
 

test/specs/device_manager/view/DevicesView.js

@@ -24,7 +24,7 @@ module.exports = {
       });
 
       test('The content is not empty', () => {
-        expect(view.el.innerHTML).toExist();
+        expect(view.el.innerHTML).toBeTruthy();
       });
 
       test('No options without devices', () => {
@@ -33,7 +33,7 @@ module.exports = {
 
       test('Render new button', () => {
         view.collection.add({});
-        expect(view.$el.html()).toExist();
+        expect(view.$el.html()).toBeTruthy();
       });
 
       describe('With configs', () => {

test/specs/dom_components/index.js

@@ -59,7 +59,7 @@ describe('DOM Components', () => {
     });
 
     test('Object exists', () => {
-      expect(DomComponents).toExist();
+      expect(DomComponents).toBeTruthy();
     });
 
     test('storageKey returns array', () => {
@@ -99,7 +99,7 @@ describe('DOM Components', () => {
     });
 
     test('Wrapper exists', () => {
-      expect(obj.getWrapper()).toExist();
+      expect(obj.getWrapper()).toBeTruthy();
     });
 
     test('No components inside', () => {
@@ -117,7 +117,7 @@ describe('DOM Components', () => {
     });
 
     test('Render wrapper', () => {
-      expect(obj.render()).toExist();
+      expect(obj.render()).toBeTruthy();
     });
 
     test('Import propertly components and styles with the same ids', () => {

test/specs/dom_components/model/Component.js

@@ -350,7 +350,7 @@ module.exports = {
           </div>
           <div id="comp02">TEST</div>`);
         const notInhereted = model => {
-          expect(model.get('stop')).toEqual(1);
+          expect(model.get('stop')).toEqual('1');
           expect(model.get('removable')).toEqual(true);
           expect(model.get('draggable')).toEqual(true);
           expect(model.get('propagate')).toEqual(['stop']);
@@ -384,7 +384,7 @@ module.exports = {
       });
 
       test('Not droppable', () => {
-        expect(obj.get('droppable')).toEqual(false);
+        expect(obj.get('droppable')).toEqual(0);
       });
 
       test('ComponentImage toHTML', () => {

test/specs/dom_components/view/ComponentImageView.js

@@ -35,7 +35,7 @@ module.exports = {
       });
 
       test('Renders correctly', () => {
-        expect(view.render()).toExist();
+        expect(view.render()).toBeTruthy();
       });
     });
   }

test/specs/dom_components/view/ComponentsView.js

@@ -31,7 +31,7 @@ module.exports = {
       });
 
       test('Collection is empty', () => {
-        expect(view.$el.html()).toNotExist();
+        expect(view.$el.html()).toBeFalsy();
       });
 
       test('Add new component', () => {
@@ -42,7 +42,7 @@ module.exports = {
 
       test('Render new component', () => {
         view.collection.add({});
-        expect(view.$el.html()).toExist();
+        expect(view.$el.html()).toBeTruthy();
       });
     });
   }

test/specs/grapesjs/index.js

@@ -56,12 +56,12 @@ describe('GrapesJS', () => {
     });
 
     test('Main object should be loaded', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('Init new editor', () => {
       var editor = obj.init(config);
-      expect(editor).toExist();
+      expect(editor).toBeTruthy();
     });
 
     test('Init new editor with node for container', () => {
@@ -73,7 +73,7 @@ describe('GrapesJS', () => {
         }
       };
       var editor = obj.init(configAlt);
-      expect(editor).toExist();
+      expect(editor).toBeTruthy();
     });
 
     test('New editor is empty', () => {
@@ -81,7 +81,7 @@ describe('GrapesJS', () => {
       var html = editor.getHtml();
       //var css = editor.getCss();
       var protCss = editor.getConfig().protectedCss;
-      expect(html ? html : '').toNotExist();
+      expect(html ? html : '').toBeFalsy();
       //expect((css ? css : '')).toEqual(protCss);
       expect(editor.getComponents().length).toEqual(0);
       expect(editor.getStyle().length).toEqual(0);
@@ -94,12 +94,12 @@ describe('GrapesJS', () => {
 
       var editor = obj.init(config);
 
-      expect(window.frames[0].document.documentElement.outerHTML).toInclude(
+      expect(window.frames[0].document.documentElement.outerHTML).toContain(
         config.baseCss
       );
-      expect(window.frames[0].document.documentElement.outerHTML)
-        .toNotInclude(`body {
-      margin: 0;`);
+      expect(
+        window.frames[0].document.documentElement.outerHTML.replace(/\s+/g, ` `)
+      ).not.toContain(`body { margin: 0;`);
     });
 
     test('Editor canvas baseCSS defaults to sensible values if not defined', () => {
@@ -108,9 +108,9 @@ describe('GrapesJS', () => {
 
       var editor = obj.init(config);
 
-      expect(window.frames[0].document.documentElement.outerHTML)
-        .toInclude(`body {
-        margin: 0;`);
+      expect(
+        window.frames[0].document.documentElement.outerHTML.replace(/\s+/g, ` `)
+      ).toContain(`body { margin: 0;`);
     });
 
     test('Init editor with html', () => {
@@ -352,7 +352,7 @@ describe('GrapesJS', () => {
 
     test('There is no active device', () => {
       var editor = obj.init(config);
-      expect(editor.getDevice()).toNotExist();
+      expect(editor.getDevice()).toBeFalsy();
     });
 
     test('Active another device', () => {

test/specs/keymaps/index.js

@@ -12,7 +12,7 @@ describe('Keymaps', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No keymaps inside', () => {

test/specs/modal/index.js

@@ -14,7 +14,7 @@ describe('Modal dialog', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('Is close by default', () => {

test/specs/modal/view/ModalView.js

@@ -23,11 +23,11 @@ module.exports = {
       });
 
       test('The content is not empty', () => {
-        expect(view.el.innerHTML).toExist();
+        expect(view.el.innerHTML).toBeTruthy();
       });
 
       test('Get content', () => {
-        expect(view.getContent()).toExist();
+        expect(view.getContent()).toBeTruthy();
       });
 
       test('Update content', () => {
@@ -36,7 +36,7 @@ module.exports = {
       });
 
       test('Get title', () => {
-        expect(view.getTitle()).toExist();
+        expect(view.getTitle()).toBeTruthy();
       });
 
       test('Update title', () => {

test/specs/panels/index.js

@@ -19,7 +19,7 @@ describe('Panels', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No panels inside', () => {
@@ -84,7 +84,7 @@ describe('Panels', () => {
     });
 
     test('Renders correctly', () => {
-      expect(obj.render()).toExist();
+      expect(obj.render()).toBeTruthy();
     });
 
     test('Active correctly activable buttons', () => {

test/specs/panels/view/ButtonView.js

@@ -85,7 +85,7 @@ module.exports = {
       });
 
       test('Renders correctly', () => {
-        expect(view.render()).toExist();
+        expect(view.render()).toBeTruthy();
       });
     });
   }

test/specs/panels/view/ButtonsView.js

@@ -34,7 +34,7 @@ module.exports = {
 
       test('Render new button', () => {
         view.collection.add({});
-        expect(view.$el.html()).toExist();
+        expect(view.$el.html()).toBeTruthy();
       });
     });
   }

test/specs/panels/view/PanelsView.js

@@ -35,7 +35,7 @@ module.exports = {
 
       test('Render new panel', () => {
         view.collection.add({});
-        expect(view.$el.html()).toExist();
+        expect(view.$el.html()).toBeTruthy();
       });
     });
   }

test/specs/plugin_manager/index.js

@@ -17,7 +17,7 @@ describe('PluginManager', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No plugins inside', () => {
@@ -26,7 +26,7 @@ describe('PluginManager', () => {
 
     test('Add new plugin', () => {
       obj.add('test', testPlugin);
-      expect(obj.get('test')).toExist();
+      expect(obj.get('test')).toBeTruthy();
     });
 
     test('Added plugin is working', () => {

test/specs/selector_manager/index.js

@@ -21,7 +21,7 @@ describe('SelectorManager', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No selectors inside', () => {

test/specs/selector_manager/view/ClassTagView.js

@@ -33,12 +33,12 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(ClassTagView).toExist();
+        expect(ClassTagView).toBeTruthy();
       });
 
       test('Not empty', () => {
         var $el = obj.$el;
-        expect($el.html()).toExist();
+        expect($el.html()).toBeTruthy();
       });
 
       test('Not empty', () => {
@@ -49,21 +49,21 @@ module.exports = {
       describe('Should be rendered correctly', () => {
         test('Has close button', () => {
           var $el = obj.$el;
-          expect($el.find('#close')[0]).toExist();
+          expect($el.find('#close')[0]).toBeTruthy();
         });
         test('Has checkbox', () => {
           var $el = obj.$el;
-          expect($el.find('#checkbox')[0]).toExist();
+          expect($el.find('#checkbox')[0]).toBeTruthy();
         });
         test('Has label', () => {
           var $el = obj.$el;
-          expect($el.find('#tag-label')[0]).toExist();
+          expect($el.find('#tag-label')[0]).toBeTruthy();
         });
       });
 
       test('Could be removed', () => {
         obj.$el.find('#close').trigger('click');
-        setTimeout(() => expect(fixtures.innerHTML).toNotExist(), 0);
+        setTimeout(() => expect(fixtures.innerHTML).toBeFalsy(), 5);
       });
 
       test('Checkbox toggles status', () => {
@@ -76,7 +76,7 @@ module.exports = {
       });
 
       test('Label input is disabled', () => {
-        expect(obj.getInputEl().contentEditable).toNotEqual(true);
+        expect(obj.getInputEl().contentEditable).toBeFalsy();
       });
 
       test('On double click label input is enable', () => {

test/specs/selector_manager/view/ClassTagsView.js

@@ -64,7 +64,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(ClassTagsView).toExist();
+        expect(ClassTagsView).toBeTruthy();
       });
 
       test('Not tags inside', () => {
@@ -80,14 +80,14 @@ module.exports = {
       test('Start new tag creation', () => {
         testContext.btnAdd.trigger('click');
         expect(testContext.btnAdd.css('display')).toEqual('none');
-        expect(testContext.input.css('display')).toNotEqual('none');
+        expect(testContext.input.css('display')).not.toEqual('none');
       });
 
       test('Stop tag creation', () => {
         testContext.btnAdd.trigger('click');
         testContext.input.val('test');
         testContext.input.trigger('blur');
-        expect(testContext.btnAdd.css('display')).toNotEqual('none');
+        expect(testContext.btnAdd.css('display')).not.toEqual('none');
         expect(testContext.input.css('display')).toEqual('none');
         expect(testContext.input.val()).toEqual(null);
       });
@@ -193,16 +193,16 @@ module.exports = {
 
       describe('Should be rendered correctly', () => {
         test('Has label', () => {
-          expect(view.$el.find('#label')[0]).toExist();
+          expect(view.$el.find('#label')[0]).toBeTruthy();
         });
         test('Has tags container', () => {
-          expect(view.$el.find('#tags-c')[0]).toExist();
+          expect(view.$el.find('#tags-c')[0]).toBeTruthy();
         });
         test('Has add button', () => {
-          expect(view.$el.find('#add-tag')[0]).toExist();
+          expect(view.$el.find('#add-tag')[0]).toBeTruthy();
         });
         test('Has states input', () => {
-          expect(view.$el.find('#states')[0]).toExist();
+          expect(view.$el.find('#states')[0]).toBeTruthy();
         });
       });
     });

test/specs/storage_manager/index.js

@@ -14,7 +14,7 @@ describe('Storage Manager', () => {
     });
 
     test('Object exists', () => {
-      expect(StorageManager).toExist();
+      expect(StorageManager).toBeTruthy();
     });
 
     test('Autosave is active by default', () => {
@@ -50,14 +50,14 @@ describe('Storage Manager', () => {
     });
 
     test('Store do not execute if empty', () => {
-      expect(obj.store({ item: 'test' })).toEqual(null);
+      expect(obj.store({ item: 'test' })).toBeUndefined();
     });
 
     test('Load default storages ', () => {
       obj.loadDefaultProviders();
-      expect(obj.get('local')).toExist();
-      expect(obj.get('remote')).toExist();
-      expect(obj.get('test')).toNotExist();
+      expect(obj.get('local')).toBeTruthy();
+      expect(obj.get('remote')).toBeTruthy();
+      expect(obj.get('test')).toBeFalsy();
     });
 
     describe('With custom storage', () => {

test/specs/style_manager/index.js

@@ -26,7 +26,7 @@ describe('StyleManager', () => {
     });
 
     test('Object exists', () => {
-      expect(obj).toExist();
+      expect(obj).toBeTruthy();
     });
 
     test('No sectors', () => {
@@ -72,7 +72,7 @@ describe('StyleManager', () => {
 
     test('Add property', () => {
       obj.addSector('test', {});
-      expect(obj.addProperty('test', {})).toExist();
+      expect(obj.addProperty('test', {})).toBeTruthy();
       expect(obj.getProperties('test').length).toEqual(1);
     });
 
@@ -122,7 +122,7 @@ describe('StyleManager', () => {
     });
 
     test('Renders correctly', () => {
-      expect(obj.render()).toExist();
+      expect(obj.render()).toBeTruthy();
     });
 
     describe('Init with configuration', () => {

test/specs/style_manager/model/Models.js

@@ -124,7 +124,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(obj).toExist();
+        expect(obj).toBeTruthy();
       });
     });
 
@@ -213,7 +213,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(obj).toExist();
+        expect(obj).toBeTruthy();
       });
     });
 
@@ -277,7 +277,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(obj).toExist();
+        expect(obj).toBeTruthy();
       });
 
       test('Init index on add', () => {
@@ -333,7 +333,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(obj).toExist();
+        expect(obj).toBeTruthy();
       });
 
       test('Build single prop', () => {

test/specs/style_manager/view/LayerView.js

@@ -29,11 +29,11 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var layer = view.el;
-        expect(fixtures.querySelector('.layer')).toExist();
-        expect(layer.querySelector('#label')).toExist();
-        expect(layer.querySelector('#close-layer')).toExist();
-        expect(view.getPropertiesWrapper()).toExist();
-        expect(view.getPreviewEl()).toExist();
+        expect(fixtures.querySelector('.layer')).toBeTruthy();
+        expect(layer.querySelector('#label')).toBeTruthy();
+        expect(layer.querySelector('#close-layer')).toBeTruthy();
+        expect(view.getPropertiesWrapper()).toBeTruthy();
+        expect(view.getPreviewEl()).toBeTruthy();
       });
 
       test('Is not active by default', () => {
@@ -52,7 +52,7 @@ module.exports = {
 
       test('No preview', () => {
         var style = view.el.querySelector('#preview').style;
-        expect(style.cssText).toNotExist();
+        expect(style.cssText).toBeFalsy();
       });
     });
   }

test/specs/style_manager/view/PropertyColorView.js

@@ -60,24 +60,24 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var prop = view.el;
-        expect(fixtures.querySelector('.property')).toExist();
-        expect(prop.querySelector('.label')).toExist();
-        expect(prop.querySelector('.field')).toExist();
+        expect(fixtures.querySelector('.property')).toBeTruthy();
+        expect(prop.querySelector('.label')).toBeTruthy();
+        expect(prop.querySelector('.field')).toBeTruthy();
       });
 
       test('Inputs rendered', () => {
         var prop = view.el;
-        expect(prop.querySelector('input[type=text]')).toExist();
+        expect(prop.querySelector('input[type=text]')).toBeTruthy();
       });
 
       test('Inputs should exist', () => {
-        expect(view.$input).toExist();
-        expect(view.$color).toExist();
+        expect(view.$input).toBeTruthy();
+        expect(view.$color).toBeTruthy();
       });
 
       test('Input value is empty', () => {
-        expect(view.model.get('value')).toNotExist();
-        expect(view.getInputValue()).toNotExist();
+        expect(view.model.get('value')).toBeFalsy();
+        expect(view.getInputValue()).toBeFalsy();
       });
 
       test('Update model on setValue', () => {

test/specs/style_manager/view/PropertyCompositeView.js

@@ -66,14 +66,14 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var prop = view.el;
-        expect(fixtures.querySelector('.property')).toExist();
-        expect(prop.querySelector('.label')).toExist();
-        expect(prop.querySelector('.field')).toExist();
+        expect(fixtures.querySelector('.property')).toBeTruthy();
+        expect(prop.querySelector('.label')).toBeTruthy();
+        expect(prop.querySelector('.field')).toBeTruthy();
       });
 
       test('Properties rendered', () => {
         var prop = view.el;
-        expect(prop.querySelector('.properties')).toExist();
+        expect(prop.querySelector('.properties')).toBeTruthy();
       });
 
       test('Properties rendered correctly', () => {
@@ -85,7 +85,7 @@ module.exports = {
       });
 
       test('Props should exist', () => {
-        expect(view.$props).toExist();
+        expect(view.$props).toBeTruthy();
       });
 
       test('Input value is empty', () => {
@@ -206,7 +206,7 @@ module.exports = {
           component.set('style', style);
           expect(view.valueOnIndex(2)).toEqual('value3');
           expect(view.valueOnIndex(0)).toEqual('value1');
-          expect(view.valueOnIndex(4)).toEqual(null);
+          expect(view.valueOnIndex(4)).toEqual(undefined);
         });
 
         test('Build value from properties', () => {

test/specs/style_manager/view/PropertyIntegerView.js

@@ -61,15 +61,15 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var prop = view.el;
-        expect(fixtures.querySelector('.property')).toExist();
-        expect(prop.querySelector('.label')).toExist();
-        expect(prop.querySelector('.field')).toExist();
+        expect(fixtures.querySelector('.property')).toBeTruthy();
+        expect(prop.querySelector('.label')).toBeTruthy();
+        expect(prop.querySelector('.field')).toBeTruthy();
       });
 
       test('Inputs rendered', () => {
         var prop = view.el;
-        expect(prop.querySelector('input[type=text]')).toExist();
-        expect(prop.querySelector(unitsElSel)).toExist();
+        expect(prop.querySelector('input[type=text]')).toBeTruthy();
+        expect(prop.querySelector(unitsElSel)).toBeTruthy();
       });
 
       test('Units rendered', () => {
@@ -85,12 +85,12 @@ module.exports = {
       });
 
       test('Inputs should exist', () => {
-        expect(view.input).toExist();
-        expect(view.unit).toExist();
+        expect(view.input).toBeTruthy();
+        expect(view.unit).toBeTruthy();
       });
 
       test('Input value is empty', () => {
-        expect(view.model.get('value')).toNotExist();
+        expect(view.model.get('value')).toBeFalsy();
       });
 
       test('Update model on setValue', () => {

test/specs/style_manager/view/PropertyRadioView.js

@@ -63,14 +63,14 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var prop = view.el;
-        expect(fixtures.querySelector('.property')).toExist();
-        expect(prop.querySelector('.label')).toExist();
-        expect(prop.querySelector('.field')).toExist();
+        expect(fixtures.querySelector('.property')).toBeTruthy();
+        expect(prop.querySelector('.label')).toBeTruthy();
+        expect(prop.querySelector('.field')).toBeTruthy();
       });
 
       test('Radio rendered', () => {
         var prop = view.el;
-        expect(prop.querySelector('input[type=radio]')).toExist();
+        expect(prop.querySelector('input[type=radio]')).toBeTruthy();
       });
 
       test('Options rendered', () => {
@@ -99,11 +99,11 @@ module.exports = {
       });
 
       test('Input should exist', () => {
-        expect(view.input).toExist();
+        expect(view.input).toBeTruthy();
       });
 
       test('Input value is empty', () => {
-        expect(view.model.get('value')).toNotExist();
+        expect(view.model.get('value')).toBeFalsy();
       });
 
       test('Update model on input change', () => {

test/specs/style_manager/view/PropertySelectView.js

@@ -58,14 +58,14 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var prop = view.el;
-        expect(fixtures.querySelector('.property')).toExist();
-        expect(prop.querySelector('.label')).toExist();
-        expect(prop.querySelector('.field')).toExist();
+        expect(fixtures.querySelector('.property')).toBeTruthy();
+        expect(prop.querySelector('.label')).toBeTruthy();
+        expect(prop.querySelector('.field')).toBeTruthy();
       });
 
       test('Select rendered', () => {
         var prop = view.el;
-        expect(prop.querySelector('select')).toExist();
+        expect(prop.querySelector('select')).toBeTruthy();
       });
 
       test('Options rendered', () => {
@@ -85,11 +85,11 @@ module.exports = {
       });
 
       test('Input should exist', () => {
-        expect(view.input).toExist();
+        expect(view.input).toBeTruthy();
       });
 
       test('Input value is empty', () => {
-        expect(view.model.get('value')).toNotExist();
+        expect(view.model.get('value')).toBeFalsy();
       });
 
       test('Update model on input change', () => {

test/specs/style_manager/view/PropertyStackView.js

@@ -68,18 +68,18 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var prop = view.el;
-        expect(fixtures.querySelector('.property')).toExist();
-        expect(prop.querySelector('.label')).toExist();
-        expect(prop.querySelector('.field')).toExist();
-        expect(prop.querySelector('#add')).toExist();
+        expect(fixtures.querySelector('.property')).toBeTruthy();
+        expect(prop.querySelector('.label')).toBeTruthy();
+        expect(prop.querySelector('.field')).toBeTruthy();
+        expect(prop.querySelector('#add')).toBeTruthy();
       });
 
       test('Layers rendered', () => {
-        expect(view.el.querySelector('.layers')).toExist();
+        expect(view.el.querySelector('.layers')).toBeTruthy();
       });
 
       test('Layers wrapper should exist', () => {
-        expect(view.el.querySelector('[data-layers-wrapper]')).toExist();
+        expect(view.el.querySelector('[data-layers-wrapper]')).toBeTruthy();
       });
 
       test('Layers rendered correctly', () => {
@@ -93,7 +93,7 @@ module.exports = {
 
       test('Layers container is empty', () => {
         var layers = view.el.querySelector('.layers');
-        expect(layers.innerHTML).toNotExist();
+        expect(layers.innerHTML).toBeFalsy();
       });
 
       describe('With layers', () => {

test/specs/style_manager/view/PropertyView.js

@@ -51,23 +51,23 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var prop = view.el;
-        expect(fixtures.querySelector('.property')).toExist();
-        expect(prop.querySelector('.label')).toExist();
-        expect(prop.querySelector('.field')).toExist();
+        expect(fixtures.querySelector('.property')).toBeTruthy();
+        expect(prop.querySelector('.label')).toBeTruthy();
+        expect(prop.querySelector('.field')).toBeTruthy();
       });
 
       test('Input should exist', () => {
-        expect(view.getInputEl()).toExist();
+        expect(view.getInputEl()).toBeTruthy();
       });
 
       test('Input value is empty', () => {
-        expect(view.model.get('value')).toNotExist();
-        expect(view.getInputValue()).toNotExist();
+        expect(view.model.get('value')).toBeFalsy();
+        expect(view.getInputValue()).toBeFalsy();
       });
 
       test('Model not change without update trigger', () => {
         view.getInputEl().value = propValue;
-        expect(view.model.get('value')).toNotExist();
+        expect(view.model.get('value')).toBeFalsy();
       });
 
       // Tests inputValueChanged()
@@ -120,7 +120,7 @@ module.exports = {
       });
 
       test('Target style is empty without values', () => {
-        expect(view.getTargetValue()).toNotExist();
+        expect(view.getTargetValue()).toBeFalsy();
       });
 
       test('Target style is correct', () => {
@@ -134,7 +134,7 @@ module.exports = {
         var style = {};
         style[propName + '2'] = propValue;
         component.set('style', style);
-        expect(view.getTargetValue()).toNotExist();
+        expect(view.getTargetValue()).toBeFalsy();
       });
 
       test('Fetch value from function', () => {

test/specs/style_manager/view/SectorView.js

@@ -24,9 +24,9 @@ module.exports = {
 
       test('Rendered correctly', () => {
         var sector = view.el;
-        expect(sector.querySelector('.title')).toExist();
+        expect(sector.querySelector('.title')).toBeTruthy();
         var props = sector.querySelector('.properties');
-        expect(props).toExist();
+        expect(props).toBeTruthy();
         expect(sector.classList.contains('open')).toEqual(true);
       });
 
@@ -76,7 +76,7 @@ module.exports = {
           expect(sector.querySelector('.title').innerHTML).toContain(
             'TestName'
           );
-          expect(props).toExist();
+          expect(props).toBeTruthy();
           expect(sector.classList.contains('open')).toEqual(false);
           expect(props.style.display).toEqual('none');
         });

test/specs/trait_manager/model/TraitsModel.js

@@ -21,7 +21,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(Trait).toExist();
+        expect(Trait).toBeTruthy();
       });
     });
   }

test/specs/trait_manager/view/TraitsView.js

@@ -28,7 +28,7 @@ module.exports = {
       });
 
       test('Object exists', () => {
-        expect(Trait).toExist();
+        expect(Trait).toBeTruthy();
       });
 
       test('Target has no attributes on init', () => {