diff --git a/test/specs/selector_manager/e2e/ClassManager.js b/test/specs/selector_manager/e2e/ClassManager.js index f04f082d1..11da1f490 100644 --- a/test/specs/selector_manager/e2e/ClassManager.js +++ b/test/specs/selector_manager/e2e/ClassManager.js @@ -1,51 +1,31 @@ import Selector from 'selector_manager/model/Selector'; -import Selectors from 'selector_manager/model/Selectors'; -import ClassTagsView from 'selector_manager/view/ClassTagsView'; describe('E2E tests', () => { - var fixtures; - var components; - var tagEl; - var gjs; - - var instClassTagViewer = (gjs, fixtures) => { - var tagEl; - var clm = gjs.editor.get('SelectorManager'); - - if (clm) { - tagEl = new ClassTagsView({ - collection: new Selectors([]), - config: { em: gjs.editor } - }).render(); - fixtures.appendChild(tagEl.el); - } - - return tagEl; - }; - /* - before(function () { - this.$fixtures = $("#fixtures"); - this.$fixture = $('
'); - }); -*/ - beforeEach(() => { - document.body.innerHTML = - '
'; - fixtures = document.body.firstChild; - gjs = grapesjs.init({ - stylePrefix: '', - storageManager: { autoload: 0, type: 0 }, - assetManager: { - storageType: 'none' - }, - container: '#SelectorManager-fixture' - }); - }); + let fixtures; + let components; + let tagEl; + let gjs; + let module; describe('Interaction with Components', () => { beforeEach(() => { + document.body.innerHTML = + '
'; + fixtures = document.body.firstChild; + gjs = grapesjs.init({ + stylePrefix: '', + storageManager: { autoload: 0, type: 0 }, + assetManager: { storageType: 'none' }, + container: '#SelectorManager-fixture' + }); components = gjs.getComponents(); - tagEl = instClassTagViewer(gjs, fixtures); + module = gjs.Selectors; + fixtures.appendChild(module.render()); + tagEl = module.selectorTags; + }); + + afterEach(() => { + gjs.destroy(); }); test('Assign correctly new class to component', () => { @@ -85,15 +65,18 @@ describe('E2E tests', () => { gjs.select(model); tagEl.addNewTag('test'); tagEl.addNewTag('test'); - expect(model.getSelectors().length).toEqual(1); + const sels = model.getSelectors(); + // Component has 1 selector + expect(sels.length).toEqual(1); + expect(sels.at(0).get('name')).toEqual('test'); + // One only selector added + expect(module.getAll().length).toEqual(1); expect( - model - .getSelectors() + module + .getAll() .at(0) .get('name') ).toEqual('test'); - expect(tagEl.collection.length).toEqual(1); - expect(tagEl.collection.at(0).get('name')).toEqual('test'); }); test('Removing from container removes also from selected component', () => {