Rename all non-snake-case JS/TS files
[MAILPOET-4938]
This commit is contained in:
Jan Jakes
Aschepikov
@@ -0,0 +1,343 @@
|
||||
import Backbone from 'backbone';
|
||||
import { App } from 'newsletter_editor/App';
|
||||
import { SocialBlock } from 'newsletter_editor/blocks/social';
|
||||
|
||||
const expect = global.expect;
|
||||
const sinon = global.sinon;
|
||||
|
||||
describe('Social', function () {
|
||||
describe('block model', function () {
|
||||
var model;
|
||||
var sandbox;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(App);
|
||||
global.stubConfig(App);
|
||||
model = new SocialBlock.SocialBlockModel();
|
||||
sandbox = sinon.createSandbox();
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
sandbox.restore();
|
||||
});
|
||||
|
||||
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 icons', function () {
|
||||
expect(model.get('icons')).to.be.an.instanceof(Backbone.Collection);
|
||||
});
|
||||
|
||||
it('uses defaults from config when they are set', function () {
|
||||
global.stubConfig(App, {
|
||||
blockDefaults: {
|
||||
social: {
|
||||
iconSet: 'customConfigIconSet',
|
||||
},
|
||||
},
|
||||
});
|
||||
model = new SocialBlock.SocialBlockModel();
|
||||
|
||||
expect(model.get('iconSet')).to.equal('customConfigIconSet');
|
||||
});
|
||||
|
||||
it('updates blockDefaults.social when changed', function () {
|
||||
var stub = sandbox.stub(App.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(App.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(App);
|
||||
global.stubAvailableStyles(App, {
|
||||
'socialIconSets.default.custom': 'someimage.jpg',
|
||||
});
|
||||
global.stubConfig(App, {
|
||||
socialIcons: {
|
||||
custom: {
|
||||
defaultLink: 'http://example.org',
|
||||
title: 'sometitle',
|
||||
},
|
||||
},
|
||||
});
|
||||
model = new SocialBlock.SocialIconModel();
|
||||
});
|
||||
|
||||
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(App);
|
||||
global.stubAvailableStyles(App, {
|
||||
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',
|
||||
},
|
||||
],
|
||||
});
|
||||
});
|
||||
|
||||
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(App);
|
||||
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(App);
|
||||
global.stubAvailableStyles(App, {
|
||||
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',
|
||||
},
|
||||
},
|
||||
});
|
||||
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',
|
||||
},
|
||||
],
|
||||
});
|
||||
});
|
||||
|
||||
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(App);
|
||||
global.stubAvailableStyles(App, {
|
||||
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('updates icons in settings if iconset changes', function () {
|
||||
view.$('.mailpoet_social_icon_set').last().trigger('click');
|
||||
expect(view.$('.mailpoet_social_icon_field_image').val()).to.equal(
|
||||
App.getAvailableStyles().get('socialIconSets.light.custom'),
|
||||
);
|
||||
});
|
||||
|
||||
it('removes the icon when "remove" is clicked', function () {
|
||||
view.$('.mailpoet_delete_block').trigger('click');
|
||||
expect(model.get('icons').length).to.equal(0);
|
||||
expect(view.$('.mailpoet_social_icon_settings').length).to.equal(0);
|
||||
});
|
||||
|
||||
it('adds another icon when "Add another social network" is pressed', function () {
|
||||
view.$('.mailpoet_add_social_icon').trigger('click');
|
||||
expect(model.get('icons').length).to.equal(2);
|
||||
});
|
||||
|
||||
it('updates alignment when it changes', function () {
|
||||
view.$('.mailpoet_social_block_alignment').eq(0).trigger('click');
|
||||
expect(model.get('styles.block.textAlign')).to.equal('left');
|
||||
view.$('.mailpoet_social_block_alignment').eq(1).trigger('click');
|
||||
expect(model.get('styles.block.textAlign')).to.equal('center');
|
||||
view.$('.mailpoet_social_block_alignment').eq(2).trigger('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').trigger('click');
|
||||
mock.verify();
|
||||
delete global.MailPoet.Modal.cancel;
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user