Fix indentaition in *.js files (auto-fix by ESLint)
[MAILPOET-1829]
This commit is contained in:
Jan Jakeš
M. Shull
@@ -5,111 +5,247 @@ import EditorApplication from 'newsletter_editor/App';
|
||||
import SocialBlock from 'newsletter_editor/blocks/social';
|
||||
import Backbone from 'backbone';
|
||||
|
||||
describe('Social', function () {
|
||||
describe('block model', function () {
|
||||
var model;
|
||||
var sandbox;
|
||||
describe('Social', function () {
|
||||
describe('block model', function () {
|
||||
var model;
|
||||
var sandbox;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (SocialBlock.SocialBlockModel)();
|
||||
sandbox = sinon.sandbox.create();
|
||||
});
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (SocialBlock.SocialBlockModel)();
|
||||
sandbox = sinon.sandbox.create();
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
sandbox.restore();
|
||||
});
|
||||
afterEach(function () {
|
||||
sandbox.restore();
|
||||
});
|
||||
|
||||
it('has a social type', function () {
|
||||
expect(model.get('type')).to.equal('social');
|
||||
});
|
||||
it('has a social type', function () {
|
||||
expect(model.get('type')).to.equal('social');
|
||||
});
|
||||
|
||||
it('has an icon set it uses', function () {
|
||||
expect(model.get('iconSet')).to.be.a('string');
|
||||
});
|
||||
it('has an icon set it uses', function () {
|
||||
expect(model.get('iconSet')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has icons', function () {
|
||||
expect(model.get('icons')).to.be.an.instanceof(Backbone.Collection);
|
||||
});
|
||||
it('has icons', function () {
|
||||
expect(model.get('icons')).to.be.an.instanceof(Backbone.Collection);
|
||||
});
|
||||
|
||||
it('uses defaults from config when they are set', function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
social: {
|
||||
iconSet: 'customConfigIconSet'
|
||||
}
|
||||
it('uses defaults from config when they are set', function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
social: {
|
||||
iconSet: 'customConfigIconSet'
|
||||
}
|
||||
});
|
||||
model = new (SocialBlock.SocialBlockModel)();
|
||||
|
||||
expect(model.get('iconSet')).to.equal('customConfigIconSet');
|
||||
}
|
||||
});
|
||||
model = new (SocialBlock.SocialBlockModel)();
|
||||
|
||||
it('updates blockDefaults.social when changed', function () {
|
||||
var stub = sandbox.stub(EditorApplication.getConfig(), 'set');
|
||||
model.trigger('change');
|
||||
expect(stub.callCount).to.equal(1);
|
||||
expect(stub.getCall(0).args[0]).to.equal('blockDefaults.social');
|
||||
expect(stub.getCall(0).args[1]).to.deep.equal(model.toJSON());
|
||||
expect(model.get('iconSet')).to.equal('customConfigIconSet');
|
||||
});
|
||||
|
||||
it('updates blockDefaults.social when changed', function () {
|
||||
var stub = sandbox.stub(EditorApplication.getConfig(), 'set');
|
||||
model.trigger('change');
|
||||
expect(stub.callCount).to.equal(1);
|
||||
expect(stub.getCall(0).args[0]).to.equal('blockDefaults.social');
|
||||
expect(stub.getCall(0).args[1]).to.deep.equal(model.toJSON());
|
||||
});
|
||||
|
||||
it('updates blockDefaults.social when icons changed', function () {
|
||||
var stub = sandbox.stub(EditorApplication.getConfig(), 'set');
|
||||
model.get('icons').trigger('change');
|
||||
expect(stub.callCount).to.equal(1);
|
||||
expect(stub.getCall(0).args[0]).to.equal('blockDefaults.social');
|
||||
expect(stub.getCall(0).args[1]).to.deep.equal(model.toJSON());
|
||||
});
|
||||
});
|
||||
|
||||
describe('icon model', function () {
|
||||
var model;
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
'socialIconSets.default.custom': 'someimage.jpg'
|
||||
});
|
||||
global.stubConfig(EditorApplication, {
|
||||
socialIcons: {
|
||||
custom: {
|
||||
defaultLink: 'http://example.org',
|
||||
title: 'sometitle'
|
||||
}
|
||||
}
|
||||
});
|
||||
model = new (SocialBlock.SocialIconModel)();
|
||||
});
|
||||
|
||||
it('updates blockDefaults.social when icons changed', function () {
|
||||
var stub = sandbox.stub(EditorApplication.getConfig(), 'set');
|
||||
model.get('icons').trigger('change');
|
||||
expect(stub.callCount).to.equal(1);
|
||||
expect(stub.getCall(0).args[0]).to.equal('blockDefaults.social');
|
||||
expect(stub.getCall(0).args[1]).to.deep.equal(model.toJSON());
|
||||
it('has a socialIcon type', function () {
|
||||
expect(model.get('type')).to.equal('socialIcon');
|
||||
});
|
||||
|
||||
it('has a link', function () {
|
||||
expect(model.get('link')).to.be.a('string');
|
||||
expect(model.get('link')).to.equal('http://example.org');
|
||||
});
|
||||
|
||||
it('has an image', function () {
|
||||
expect(model.get('image')).to.equal('someimage.jpg');
|
||||
});
|
||||
|
||||
it('has height', function () {
|
||||
expect(model.get('height')).to.equal('32px');
|
||||
});
|
||||
|
||||
it('has width', function () {
|
||||
expect(model.get('width')).to.equal('32px');
|
||||
});
|
||||
|
||||
it('has text', function () {
|
||||
expect(model.get('text')).to.equal('sometitle');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
socialIconSets: {
|
||||
default: {
|
||||
custom: 'http://www.sott.net/images/icons/big_x.png'
|
||||
},
|
||||
light: {
|
||||
custom: 'http://content.indiainfoline.com/wc/news/ImageGallery/css/close_32x32.png'
|
||||
}
|
||||
},
|
||||
socialIcons: {
|
||||
custom: {
|
||||
title: 'Custom',
|
||||
linkFieldName: 'Page URL',
|
||||
defaultLink: 'http://example.org'
|
||||
}
|
||||
}
|
||||
});
|
||||
model = new (SocialBlock.SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'somelink.htm',
|
||||
image: 'someimage.png',
|
||||
text: 'some text'
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
describe('icon model', function () {
|
||||
var model;
|
||||
it('renders', function () {
|
||||
var view = new (SocialBlock.SocialBlockView)({ model: model });
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_social')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
'socialIconSets.default.custom': 'someimage.jpg'
|
||||
});
|
||||
global.stubConfig(EditorApplication, {
|
||||
socialIcons: {
|
||||
custom: {
|
||||
defaultLink: 'http://example.org',
|
||||
title: 'sometitle'
|
||||
model = new (SocialBlock.SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
styles: {
|
||||
block: {
|
||||
textAlign: 'right'
|
||||
}
|
||||
}
|
||||
},
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'http://example.org/',
|
||||
image: 'http://example.org/someimage.png',
|
||||
text: 'some text'
|
||||
},
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'facebook',
|
||||
link: 'http://facebook.com/',
|
||||
image: 'http://facebook.com/icon.png',
|
||||
text: 'Facebook icon'
|
||||
}
|
||||
]
|
||||
});
|
||||
model = new (SocialBlock.SocialIconModel)();
|
||||
view = new (SocialBlock.SocialBlockView)({ model: model });
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('has a socialIcon type', function () {
|
||||
expect(model.get('type')).to.equal('socialIcon');
|
||||
it('shows multiple social icons', function () {
|
||||
expect(view.$('.mailpoet_social a').eq(0).prop('href')).to.equal('http://example.org/');
|
||||
expect(view.$('.mailpoet_social img').eq(0).prop('src')).to.equal('http://example.org/someimage.png');
|
||||
expect(view.$('.mailpoet_social img').eq(0).prop('alt')).to.equal('some text');
|
||||
|
||||
expect(view.$('.mailpoet_social a').eq(1).prop('href')).to.equal('http://facebook.com/');
|
||||
expect(view.$('.mailpoet_social img').eq(1).prop('src')).to.equal('http://facebook.com/icon.png');
|
||||
expect(view.$('.mailpoet_social img').eq(1).prop('alt')).to.equal('Facebook icon');
|
||||
});
|
||||
|
||||
it('has a link', function () {
|
||||
expect(model.get('link')).to.be.a('string');
|
||||
expect(model.get('link')).to.equal('http://example.org');
|
||||
it('is aligned properly', function () {
|
||||
expect(view.$('.mailpoet_social').css('text-align')).to.equal('right');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('has an image', function () {
|
||||
expect(model.get('image')).to.equal('someimage.jpg');
|
||||
describe('block settings view', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
socialIconSets: {
|
||||
default: {
|
||||
custom: 'someimage.png'
|
||||
},
|
||||
light: {
|
||||
custom: 'http://content.indiainfoline.com/wc/news/ImageGallery/css/close_32x32.png'
|
||||
}
|
||||
},
|
||||
socialIcons: {
|
||||
custom: {
|
||||
title: 'Custom',
|
||||
linkFieldName: 'Page URL',
|
||||
defaultLink: 'http://example.org'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
it('has height', function () {
|
||||
expect(model.get('height')).to.equal('32px');
|
||||
});
|
||||
|
||||
it('has width', function () {
|
||||
expect(model.get('width')).to.equal('32px');
|
||||
});
|
||||
|
||||
it('has text', function () {
|
||||
expect(model.get('text')).to.equal('sometitle');
|
||||
model = new (SocialBlock.SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'somelink.htm',
|
||||
image: 'someimage.png',
|
||||
height: '32px',
|
||||
width: '32px',
|
||||
text: 'some text'
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model;
|
||||
it('renders', function () {
|
||||
var view = new (SocialBlock.SocialBlockSettingsView)({ model: model });
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var view;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
@@ -132,99 +268,11 @@ import Backbone from 'backbone';
|
||||
model = new (SocialBlock.SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'somelink.htm',
|
||||
image: 'someimage.png',
|
||||
text: 'some text'
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
var view = new (SocialBlock.SocialBlockView)({ model: model });
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_social')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (SocialBlock.SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
styles: {
|
||||
block: {
|
||||
textAlign: 'right'
|
||||
}
|
||||
},
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'http://example.org/',
|
||||
image: 'http://example.org/someimage.png',
|
||||
text: 'some text'
|
||||
},
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'facebook',
|
||||
link: 'http://facebook.com/',
|
||||
image: 'http://facebook.com/icon.png',
|
||||
text: 'Facebook icon'
|
||||
}
|
||||
]
|
||||
});
|
||||
view = new (SocialBlock.SocialBlockView)({ model: model });
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('shows multiple social icons', function () {
|
||||
expect(view.$('.mailpoet_social a').eq(0).prop('href')).to.equal('http://example.org/');
|
||||
expect(view.$('.mailpoet_social img').eq(0).prop('src')).to.equal('http://example.org/someimage.png');
|
||||
expect(view.$('.mailpoet_social img').eq(0).prop('alt')).to.equal('some text');
|
||||
|
||||
expect(view.$('.mailpoet_social a').eq(1).prop('href')).to.equal('http://facebook.com/');
|
||||
expect(view.$('.mailpoet_social img').eq(1).prop('src')).to.equal('http://facebook.com/icon.png');
|
||||
expect(view.$('.mailpoet_social img').eq(1).prop('alt')).to.equal('Facebook icon');
|
||||
});
|
||||
|
||||
it('is aligned properly', function () {
|
||||
expect(view.$('.mailpoet_social').css('text-align')).to.equal('right');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('block settings view', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
socialIconSets: {
|
||||
default: {
|
||||
custom: 'someimage.png'
|
||||
},
|
||||
light: {
|
||||
custom: 'http://content.indiainfoline.com/wc/news/ImageGallery/css/close_32x32.png'
|
||||
styles: {
|
||||
block: {
|
||||
textAlign: 'center'
|
||||
}
|
||||
},
|
||||
socialIcons: {
|
||||
custom: {
|
||||
title: 'Custom',
|
||||
linkFieldName: 'Page URL',
|
||||
defaultLink: 'http://example.org'
|
||||
}
|
||||
}
|
||||
});
|
||||
model = new (SocialBlock.SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
@@ -237,90 +285,42 @@ import Backbone from 'backbone';
|
||||
}
|
||||
]
|
||||
});
|
||||
view = new (SocialBlock.SocialBlockSettingsView)({ model: model });
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
var view = new (SocialBlock.SocialBlockSettingsView)({ model: model });
|
||||
expect(view.render).to.not.throw();
|
||||
it('updates icons in settings if iconset changes', function () {
|
||||
view.$('.mailpoet_social_icon_set').last().click();
|
||||
expect(view.$('.mailpoet_social_icon_field_image').val()).to.equal(EditorApplication.getAvailableStyles().get('socialIconSets.light.custom'));
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var view;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
socialIconSets: {
|
||||
default: {
|
||||
custom: 'http://www.sott.net/images/icons/big_x.png'
|
||||
},
|
||||
light: {
|
||||
custom: 'http://content.indiainfoline.com/wc/news/ImageGallery/css/close_32x32.png'
|
||||
}
|
||||
},
|
||||
socialIcons: {
|
||||
custom: {
|
||||
title: 'Custom',
|
||||
linkFieldName: 'Page URL',
|
||||
defaultLink: 'http://example.org'
|
||||
}
|
||||
}
|
||||
});
|
||||
model = new (SocialBlock.SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
styles: {
|
||||
block: {
|
||||
textAlign: 'center'
|
||||
}
|
||||
},
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'somelink.htm',
|
||||
image: 'someimage.png',
|
||||
height: '32px',
|
||||
width: '32px',
|
||||
text: 'some text'
|
||||
}
|
||||
]
|
||||
});
|
||||
view = new (SocialBlock.SocialBlockSettingsView)({ model: model });
|
||||
view.render();
|
||||
});
|
||||
it('removes the icon when "remove" is clicked', function () {
|
||||
view.$('.mailpoet_delete_block').click();
|
||||
expect(model.get('icons').length).to.equal(0);
|
||||
expect(view.$('.mailpoet_social_icon_settings').length).to.equal(0);
|
||||
});
|
||||
|
||||
it('updates icons in settings if iconset changes', function () {
|
||||
view.$('.mailpoet_social_icon_set').last().click();
|
||||
expect(view.$('.mailpoet_social_icon_field_image').val()).to.equal(EditorApplication.getAvailableStyles().get('socialIconSets.light.custom'));
|
||||
});
|
||||
it('adds another icon when "Add another social network" is pressed', function () {
|
||||
view.$('.mailpoet_add_social_icon').click();
|
||||
expect(model.get('icons').length).to.equal(2);
|
||||
});
|
||||
|
||||
it('removes the icon when "remove" is clicked', function () {
|
||||
view.$('.mailpoet_delete_block').click();
|
||||
expect(model.get('icons').length).to.equal(0);
|
||||
expect(view.$('.mailpoet_social_icon_settings').length).to.equal(0);
|
||||
});
|
||||
it('updates alignment when it changes', function () {
|
||||
view.$('.mailpoet_social_block_alignment').eq(0).click();
|
||||
expect(model.get('styles.block.textAlign')).to.equal('left');
|
||||
view.$('.mailpoet_social_block_alignment').eq(1).click();
|
||||
expect(model.get('styles.block.textAlign')).to.equal('center');
|
||||
view.$('.mailpoet_social_block_alignment').eq(2).click();
|
||||
expect(model.get('styles.block.textAlign')).to.equal('right');
|
||||
});
|
||||
|
||||
it('adds another icon when "Add another social network" is pressed', function () {
|
||||
view.$('.mailpoet_add_social_icon').click();
|
||||
expect(model.get('icons').length).to.equal(2);
|
||||
});
|
||||
|
||||
it('updates alignment when it changes', function () {
|
||||
view.$('.mailpoet_social_block_alignment').eq(0).click();
|
||||
expect(model.get('styles.block.textAlign')).to.equal('left');
|
||||
view.$('.mailpoet_social_block_alignment').eq(1).click();
|
||||
expect(model.get('styles.block.textAlign')).to.equal('center');
|
||||
view.$('.mailpoet_social_block_alignment').eq(2).click();
|
||||
expect(model.get('styles.block.textAlign')).to.equal('right');
|
||||
});
|
||||
|
||||
it.skip('closes the sidepanel after "Done" is clicked', function () {
|
||||
var mock = sinon.mock().once();
|
||||
global.MailPoet.Modal.cancel = mock;
|
||||
view.$('.mailpoet_done_editing').click();
|
||||
mock.verify();
|
||||
delete (global.MailPoet.Modal.cancel);
|
||||
});
|
||||
it.skip('closes the sidepanel after "Done" is clicked', function () {
|
||||
var mock = sinon.mock().once();
|
||||
global.MailPoet.Modal.cancel = mock;
|
||||
view.$('.mailpoet_done_editing').click();
|
||||
mock.verify();
|
||||
delete (global.MailPoet.Modal.cancel);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user