diff --git a/test/main.js b/test/main.js index 52575c7f7..e51056568 100644 --- a/test/main.js +++ b/test/main.js @@ -17,4 +17,5 @@ describe('Main', () => { require(`${path}device_manager`); require(`${path}dom_components`); require(`${path}grapesjs`); + require(`${path}modal`); }); diff --git a/test/specs/grapesjs/index.js b/test/specs/grapesjs/index.js index 79934fffe..9a896f162 100644 --- a/test/specs/grapesjs/index.js +++ b/test/specs/grapesjs/index.js @@ -2,7 +2,7 @@ const PluginManager = require('plugin_manager'); describe('GrapesJS', () => { - describe.only('Main', () => { + describe('Main', () => { var obj; var fixtures; diff --git a/test/specs/modal/index.js b/test/specs/modal/index.js new file mode 100644 index 000000000..447bfc798 --- /dev/null +++ b/test/specs/modal/index.js @@ -0,0 +1,65 @@ +const Modal = require('modal_dialog'); +const ModalView = require('./view/ModalView'); + +describe.only('Modal dialog', () => { + + describe('Main', () => { + + var obj; + + beforeEach(() => { + obj = new Modal().init(); + }); + + afterEach(() => { + obj = null; + }); + + it('Object exists', () => { + expect(obj).toExist(); + }); + + it('Is close by default', () => { + expect(obj.isOpen()).toEqual(false); + }); + + it('Title is empty', () => { + expect(obj.getTitle()).toEqual(''); + }); + + it('Content is empty', () => { + expect(obj.getContent()).toEqual(''); + }); + + it('Set title', () => { + obj.setTitle('Test'); + expect(obj.getTitle()).toEqual('Test'); + + }); + + it('Set content', () => { + obj.setContent('Test'); + expect(obj.getContent()).toEqual('Test'); + }); + + it('Set HTML content', () => { + obj.setContent('

Test

'); + expect(obj.getContent()).toEqual('

Test

'); + }); + + it('Open modal', () => { + obj.open(); + expect(obj.isOpen()).toEqual(true); + }); + + it('Close modal', () => { + obj.open(); + obj.close(); + expect(obj.isOpen()).toEqual(false); + }); + + }); + + ModalView.run(); + +}); diff --git a/test/specs/modal/main.js b/test/specs/modal/main.js deleted file mode 100644 index e75db8ab0..000000000 --- a/test/specs/modal/main.js +++ /dev/null @@ -1,67 +0,0 @@ -define(function(require, exports, module){ - 'use strict'; - var Modal = require('ModalDialog'); - var ModalView = require('undefined'); - - describe('Modal dialog', function() { - - describe('Main', function() { - - var obj; - - beforeEach(function () { - obj = new Modal().init(); - }); - - afterEach(function () { - delete obj; - }); - - it('Object exists', function() { - obj.should.be.exist; - }); - - it('Is close by default', function() { - obj.isOpen().should.equal(false); - }); - - it('Title is empty', function() { - obj.getTitle().should.equal(''); - }); - - it('Content is empty', function() { - obj.getContent().should.equal(''); - }); - - it('Set title', function() { - obj.setTitle('Test'); - obj.getTitle().should.equal('Test'); - }); - - it('Set content', function() { - obj.setContent('Test'); - obj.getContent().should.equal('Test'); - }); - - it('Set HTML content', function() { - obj.setContent('

Test

'); - obj.getContent().should.equal('

Test

'); - }); - - it('Open modal', function() { - obj.open(); - obj.isOpen().should.equal(true); - }); - - it('Close modal', function() { - obj.open(); - obj.close(); - obj.isOpen().should.equal(false); - }); - - }); - - ModalView.run(); - - }); -}); \ No newline at end of file diff --git a/test/specs/modal/view/ModalView.js b/test/specs/modal/view/ModalView.js index 62435cadf..7cf60f09c 100644 --- a/test/specs/modal/view/ModalView.js +++ b/test/specs/modal/view/ModalView.js @@ -1,75 +1,71 @@ -define(function(require, exports, module){ - 'use strict'; - var ModalView = require('undefined'); - var Modal = require('ModalDialog/model/Modal'); +const ModalView = require('modal_dialog/view/ModalView'); +const Modal = require('modal_dialog/model/Modal'); - module.exports = { - run : function(){ - describe('ModalView', function() { +module.exports = { + run() { + describe('ModalView', () => { - var $fixtures; - var $fixture; - var model; - var view; - var editorModel; + var $fixtures; + var $fixture; + var model; + var view; + var editorModel; - before(function () { - $fixtures = $("#fixtures"); - $fixture= $(''); - }); - - beforeEach(function () { - model = new Modal(); - view = new ModalView({ - model: model - }); - $fixture.empty().appendTo($fixtures); - $fixture.html(view.render().el); - }); + before(() => { + $fixtures = $("#fixtures"); + $fixture= $(''); + }); - afterEach(function () { - delete view; - delete model; - }); + beforeEach(() => { + model = new Modal(); + view = new ModalView({ + model + }); + $fixture.empty().appendTo($fixtures); + $fixture.html(view.render().el); + }); - after(function () { - $fixture.remove(); - }); + afterEach(() => { + view = null; + model = null; + }); - it("The content is not empty", function (){ - view.el.innerHTML.should.be.not.empty; - }); + after(() => { + $fixture.remove(); + }); - it("Get content", function (){ - view.getContent().should.be.ok; - }); + it("The content is not empty", () => { + expect(view.el.innerHTML).toExist(); + }); - it("Update content", function (){ - model.set('content', 'test'); - view.getContent().get(0).innerHTML.should.equal('test'); - }); + it("Get content", () => { + expect(view.getContent()).toExist(); + }); - it("Get title", function (){ - view.getTitle().should.be.ok; - }); + it("Update content", () => { + model.set('content', 'test'); + expect(view.getContent().get(0).innerHTML).toEqual('test'); + }); - it("Update title", function (){ - model.set('title', 'test'); - view.getTitle().innerHTML.should.equal('test'); - }); + it("Get title", () => { + expect(view.getTitle()).toExist(); + }); - it("Close by default", function (){ - view.updateOpen(); - view.el.style.display.should.equal('none'); - }); + it("Update title", () => { + model.set('title', 'test'); + expect(view.getTitle().innerHTML).toEqual('test'); + }); - it("Open dialog", function (){ - model.set('open', 1); - view.el.style.display.should.equal(''); - }); + it("Close by default", () => { + view.updateOpen(); + expect(view.el.style.display).toEqual('none'); + }); + it("Open dialog", () => { + model.set('open', 1); + expect(view.el.style.display).toEqual(''); }); - } - }; -}); \ No newline at end of file + }); + } +};