tsai
/
grapesjs
mirror of https://github.com/artf/grapesjs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Update tests

pull/4144/head
Artur Arseniev 5 years ago
parent
32547184b8
commit
111d6aebf8
9 changed files with 66 additions and 85 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/editor/index.js
  2. 2
      src/rich_text_editor/model/RichTextEditor.js
  3. 1
      test/specs/code_manager/index.js
  4. 58
      test/specs/dom_components/index.js
  5. 2
      test/specs/dom_components/model/Component.js
  6. 18
      test/specs/dom_components/view/ComponentTextView.js
  7. 34
      test/specs/dom_components/view/ComponentV.js
  8. 27
      test/specs/panels/index.js
  9. 7
      test/specs/storage_manager/index.js

2
src/editor/index.js
View File

@ -79,6 +79,8 @@ export default (config = {}, opts = {}) => {
*/
editor: em,
modules: [],
/**
* Initialize editor model
* @return {this}

2
src/rich_text_editor/model/RichTextEditor.js
View File

@ -132,8 +132,6 @@ export default class RichTextEditor {
}
settings.styleWithCSS && this.exec('styleWithCSS');
this.syncActions();
return this;
}

1
test/specs/code_manager/index.js
View File

@ -1,5 +1,4 @@
import CodeManager from 'code_manager';
import Models from './model/CodeModels';
describe('Code Manager', () => {
describe('Main', () => {

58
test/specs/dom_components/index.js
View File

@ -1,10 +1,5 @@
import DomComponents from 'dom_components';
import Components from 'dom_components/model/Components';
import ComponentModels from './model/Component';
import ComponentView from './view/ComponentV';
import ComponentsView from './view/ComponentsView';
import ComponentTextView from './view/ComponentTextView';
import ComponentImageView from './view/ComponentImageView';
import Editor from 'editor/model/Editor';
import utils from './../../test_utils.js';
@ -16,7 +11,7 @@ describe('DOM Components', () => {
var storagMock = utils.storageMock();
var editorModel = {
config: {
loadCompsOnRender: 0
loadCompsOnRender: 0,
},
get() {
return {};
@ -35,14 +30,14 @@ describe('DOM Components', () => {
},
getCacheLoad() {
return storagMock.load();
}
},
};
// Methods
var setSmConfig = () => {
config.stm = storagMock;
config.stm.getConfig = () => ({
storeHtml: 1,
storeComponents: 1
storeComponents: 1,
});
};
var setEm = () => {
@ -51,12 +46,12 @@ describe('DOM Components', () => {
beforeEach(() => {
em = new Editor({
avoidInlineStyle: 1
avoidInlineStyle: 1,
});
em.get('PageManager').onLoad();
config = {
em,
storeWrapper: 1
storeWrapper: 1,
};
obj = em.get('DomComponents');
// obj = new DomComponents().init(config);
@ -79,9 +74,9 @@ describe('DOM Components', () => {
getConfig() {
return {
storeHtml: 1,
storeComponents: 1
storeComponents: 1,
};
}
},
};
expect(obj.storageKey()).toEqual(['html', 'components']);
});
@ -94,7 +89,7 @@ describe('DOM Components', () => {
(obj = em.get('DomComponents').init(config));
var expected = {
html: 'testHtml',
components: JSON.stringify(obj.getWrapper())
components: JSON.stringify(obj.getWrapper()),
};
expect(obj.store(1)).toEqual(expected);
});
@ -112,7 +107,7 @@ describe('DOM Components', () => {
const result = [{}, {}];
expect(
obj.load({
components: '[{}, {}]'
components: '[{}, {}]',
})
).toEqual(result);
});
@ -121,7 +116,7 @@ describe('DOM Components', () => {
const result = [{}, {}];
expect(
obj.load({
components: result
components: result,
})
).toEqual(result);
});
@ -130,7 +125,7 @@ describe('DOM Components', () => {
const result = {};
expect(
obj.load({
components: result
components: result,
})
).toEqual(result);
});
@ -164,16 +159,13 @@ describe('DOM Components', () => {
</style>`);
expect(em.getHtml()).toEqual(`<div id="${id}">Text</div>`);
expect(obj.getComponents().length).toEqual(1);
obj
.getComponents()
.first()
.addStyle({ margin: '10px' });
obj.getComponents().first().addStyle({ margin: '10px' });
expect(cc.getAll().length).toEqual(1);
expect(cc.getIdRule(id).getStyle()).toEqual({
color: 'red',
'background-color': 'red',
padding: '50px 100px',
margin: '10px'
margin: '10px',
});
});
@ -185,9 +177,9 @@ describe('DOM Components', () => {
obj.addType(id, {
model: {
defaults: {
testProp
}
}
testProp,
},
},
});
expect(obj.componentTypes.length).toEqual(initialTypes + 1);
obj.addComponent(`<div data-gjs-type="${id}"></div>`);
@ -203,7 +195,7 @@ describe('DOM Components', () => {
obj.addType(id, {
isComponent: el => {
return el.getAttribute('test-prop') === testProp;
}
},
});
expect(obj.componentTypes[0].id).toEqual(id);
obj.addComponent(`<div test-prop="${testProp}"></div>`);
@ -220,14 +212,14 @@ describe('DOM Components', () => {
obj.addType(id, {
model: {
defaults: () => ({
testProp
})
testProp,
}),
},
view: {
onRender() {
this.el.style.backgroundColor = 'red';
}
}
},
},
});
expect(obj.getTypes().length).toBe(initialTypes);
obj.addComponent(`<img src="##"/>`);
@ -245,9 +237,9 @@ describe('DOM Components', () => {
extend: 'image',
model: {
defaults: {
testProp
}
}
testProp,
},
},
});
obj.addComponent(`<img src="##"/>`);
expect(obj.getTypes()[0].id).toEqual(id);
@ -264,7 +256,7 @@ describe('DOM Components', () => {
const testProp = 'testValue';
obj.addType(id, {
extend: 'image',
isComponent: el => el.getAttribute('test-prop') === testProp
isComponent: el => el.getAttribute('test-prop') === testProp,
});
obj.addComponent(`<img src="##" test-prop="${testProp}"/>`);
expect(obj.getTypes()[0].id).toEqual(id);

2
test/specs/dom_components/model/Component.js
View File

@ -75,7 +75,7 @@ describe('Component', () => {
});
test('Has expected name', () => {
expect(obj.getName()).toEqual('Box');
expect(obj.getName()).toEqual('Div');
});
test('Has expected name 2', () => {

18
test/specs/dom_components/view/ComponentTextView.js
View File

@ -2,18 +2,20 @@ import ComponentTextView from 'dom_components/view/ComponentTextView';
import Component from 'dom_components/model/Component';
describe('ComponentTextView', () => {
var fixtures;
var model;
var view;
let fixtures;
let model;
let view;
let el;
beforeEach(() => {
model = new Component();
view = new ComponentTextView({
model
model,
});
document.body.innerHTML = '<div id="fixtures"></div>';
fixtures = document.body.querySelector('#fixtures');
fixtures.appendChild(view.render().el);
el = view.render().el;
fixtures.appendChild(el);
});
afterEach(() => {
@ -22,7 +24,7 @@ describe('ComponentTextView', () => {
test('Component empty', () => {
expect(fixtures.innerHTML).toEqual(
'<div data-gjs-type="default" data-highlightable="1"></div>'
`<div data-gjs-highlightable="true" id="${el.id}" data-gjs-type="default"></div>`
);
});
@ -47,11 +49,11 @@ describe('ComponentTextView', () => {
fakeRteContent = 'fakeRteContent';
fakeRte = {
getContent: jest.fn(() => fakeRteContent)
getContent: jest.fn(() => fakeRteContent),
};
fakeChildContainer = {
innerHTML: 'fakeChildInnerHTML'
innerHTML: 'fakeChildInnerHTML',
};
spyOn(view, 'getChildrenContainer').and.returnValue(fakeChildContainer);

34
test/specs/dom_components/view/ComponentV.js
View File

@ -4,13 +4,13 @@ import DomComponents from 'dom_components';
import Editor from 'editor/model/Editor';
describe('ComponentView', () => {
var fixtures;
var model;
var view;
var hClass = 'hc-state';
var dcomp;
var compOpts;
let fixtures;
let model;
let view;
let dcomp;
let compOpts;
let em;
let el;
beforeEach(() => {
em = new Editor({});
@ -26,7 +26,8 @@ describe('ComponentView', () => {
em.get('StyleManager').render(); // Enable to listen em.setState
document.body.innerHTML = '<div id="fixtures"></div>';
fixtures = document.body.querySelector('#fixtures');
fixtures.appendChild(view.render().el);
el = view.render().el;
fixtures.appendChild(el);
});
afterEach(() => {
@ -34,19 +35,25 @@ describe('ComponentView', () => {
});
test('Component empty', () => {
expect(fixtures.innerHTML).toEqual('<div data-gjs-type="default" data-highlightable="1"></div>');
expect(fixtures.innerHTML).toEqual(
`<div data-gjs-highlightable="true" id="${el.id}" data-gjs-type="default"></div>`
);
});
test('Clean form helper state', () => {
em.setSelected(model);
em.setState('test');
em.setState();
expect(fixtures.innerHTML).toEqual('<div data-gjs-type="default" data-highlightable="1" class="selected"></div>');
expect(fixtures.innerHTML).toEqual(
`<div data-gjs-highlightable="true" id="${el.id}" data-gjs-type="default" class="selected"></div>`
);
});
test('Add helper class on status update', () => {
model.set('status', 'selected');
expect(fixtures.innerHTML).toEqual('<div data-gjs-type="default" data-highlightable="1" class="selected"></div>');
expect(fixtures.innerHTML).toEqual(
`<div data-gjs-highlightable="true" id="${el.id}" data-gjs-type="default" class="selected"></div>`
);
});
test('Get string of classes', () => {
@ -114,9 +121,12 @@ describe('ComponentView', () => {
componentTypes: dcomp.componentTypes,
});
fixtures.innerHTML = '';
fixtures.appendChild(view.render().el);
el = view.render().el;
fixtures.appendChild(el);
const firstId = el.children[0].id;
const secondId = el.children[1].id;
expect(view.$el.html()).toEqual(
'<span data-gjs-type="default" data-highlightable="1"></span><div data-gjs-type="default" data-highlightable="1" title="test"></div>'
`<span data-gjs-highlightable="true" id="${firstId}" data-gjs-type="default"></span><div data-gjs-highlightable="true" id="${secondId}" data-gjs-type="default" title="test"></div>`
);
});

27
test/specs/panels/index.js
View File

@ -1,10 +1,4 @@
import Panels from 'panels';
import e2e from './e2e/PanelsE2e';
import Models from './model/PanelModels';
import PanelView from './view/PanelView';
import PanelsView from './view/PanelsView';
import ButtonView from './view/ButtonView';
import ButtonsView from './view/ButtonsView';
describe('Panels', () => {
describe('Main', () => {
@ -60,12 +54,7 @@ describe('Panels', () => {
var panel = obj.addPanel({ id: 'test' });
var btn = obj.addButton('test', { id: 'btn' });
expect(panel.get('buttons').length).toEqual(1);
expect(
panel
.get('buttons')
.at(0)
.get('id')
).toEqual('btn');
expect(panel.get('buttons').at(0).get('id')).toEqual('btn');
});
test('getButton returns null in case there is no requested panel', () => {
@ -114,12 +103,7 @@ describe('Panels', () => {
var panel = obj.addPanel({ id: 'test' });
var btn = obj.addButton('test', { id: 'btn' });
expect(panel.get('buttons').length).toEqual(1);
expect(
panel
.get('buttons')
.at(0)
.get('id')
).toEqual('btn');
expect(panel.get('buttons').at(0).get('id')).toEqual('btn');
expect(obj.removeButton('test', { id: 'btn' })).toEqual(btn);
expect(panel.get('buttons').length).toEqual(0);
});
@ -128,12 +112,7 @@ describe('Panels', () => {
var panel = obj.addPanel({ id: 'test' });
var btn = obj.addButton('test', { id: 'btn' });
expect(panel.get('buttons').length).toEqual(1);
expect(
panel
.get('buttons')
.at(0)
.get('id')
).toEqual('btn');
expect(panel.get('buttons').at(0).get('id')).toEqual('btn');
expect(obj.removeButton('test', 'btn')).toEqual(btn);
expect(panel.get('buttons').length).toEqual(0);
});

7
test/specs/storage_manager/index.js
View File

@ -1,5 +1,4 @@
import StorageManager from 'storage_manager';
import Models from './model/Models';
describe('Storage Manager', () => {
describe('Main', () => {
@ -69,13 +68,13 @@ describe('Storage Manager', () => {
},
load(keys) {
return storeValue;
}
},
};
beforeEach(() => {
storeValue = [];
obj = new StorageManager().init({
type: storageId
type: storageId,
});
obj.add(storageId, storage);
});
@ -87,7 +86,7 @@ describe('Storage Manager', () => {
test('Store and load data', () => {
var data = {
item: 'testData',
item2: 'testData2'
item2: 'testData2',
};
var data2 = {};
var id = obj.getConfig().id;

Write Preview
Loading…
Cancel
Save