Reindent code by 2 spaces, instead of 4
This commit is contained in:
Tautvidas Sipavičius
@@ -4,398 +4,397 @@ define('test/newsletter_editor/blocks/automatedLatestContent', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Automated latest content', function () {
|
||||
describe('model', function () {
|
||||
var model;
|
||||
describe('model', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.SuperModel);
|
||||
global.mailpoet_post_wpi = sinon.stub();
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
});
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.SuperModel);
|
||||
global.mailpoet_post_wpi = sinon.stub();
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it('has automatedLatestContent type', function () {
|
||||
expect(model.get('type')).to.equal('automatedLatestContent');
|
||||
});
|
||||
it('has automatedLatestContent type', function () {
|
||||
expect(model.get('type')).to.equal('automatedLatestContent');
|
||||
});
|
||||
|
||||
it('has post amount limit', function () {
|
||||
expect(model.get('amount')).to.match(/^\d+$/);
|
||||
});
|
||||
it('has post amount limit', function () {
|
||||
expect(model.get('amount')).to.match(/^\d+$/);
|
||||
});
|
||||
|
||||
it('has post type filter', function () {
|
||||
expect(model.get('contentType')).to.match(/^(post|page|mailpoet_page)$/);
|
||||
});
|
||||
it('has post type filter', function () {
|
||||
expect(model.get('contentType')).to.match(/^(post|page|mailpoet_page)$/);
|
||||
});
|
||||
|
||||
it('has terms filter', function () {
|
||||
expect(model.get('terms')).to.have.length(0);
|
||||
});
|
||||
it('has terms filter', function () {
|
||||
expect(model.get('terms')).to.have.length(0);
|
||||
});
|
||||
|
||||
it('has inclusion filter', function () {
|
||||
expect(model.get('inclusionType')).to.match(/^(include|exclude)$/);
|
||||
});
|
||||
it('has inclusion filter', function () {
|
||||
expect(model.get('inclusionType')).to.match(/^(include|exclude)$/);
|
||||
});
|
||||
|
||||
it('has display type', function () {
|
||||
expect(model.get('displayType')).to.match(/^(excerpt|full|titleOnly)$/);
|
||||
});
|
||||
it('has display type', function () {
|
||||
expect(model.get('displayType')).to.match(/^(excerpt|full|titleOnly)$/);
|
||||
});
|
||||
|
||||
it('has title heading format', function () {
|
||||
expect(model.get('titleFormat')).to.match(/^(h1|h2|h3|ul)$/);
|
||||
});
|
||||
it('has title heading format', function () {
|
||||
expect(model.get('titleFormat')).to.match(/^(h1|h2|h3|ul)$/);
|
||||
});
|
||||
|
||||
it('has title position', function () {
|
||||
expect(model.get('titlePosition')).to.match(/^(inTextBlock|aboveBlock)$/);
|
||||
});
|
||||
it('has title position', function () {
|
||||
expect(model.get('titlePosition')).to.match(/^(inTextBlock|aboveBlock)$/);
|
||||
});
|
||||
|
||||
it('has title alignment', function () {
|
||||
expect(model.get('titleAlignment')).to.match(/^(left|center|right)$/);
|
||||
});
|
||||
it('has title alignment', function () {
|
||||
expect(model.get('titleAlignment')).to.match(/^(left|center|right)$/);
|
||||
});
|
||||
|
||||
it('optionally has title as link', function () {
|
||||
expect(model.get('titleIsLink')).to.be.a('boolean');
|
||||
});
|
||||
it('optionally has title as link', function () {
|
||||
expect(model.get('titleIsLink')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has image width', function () {
|
||||
expect(model.get('imagePadded')).to.be.a('boolean');
|
||||
});
|
||||
it('has image width', function () {
|
||||
expect(model.get('imagePadded')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has an option to display author', function () {
|
||||
expect(model.get('showAuthor')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
it('has an option to display author', function () {
|
||||
expect(model.get('showAuthor')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
|
||||
it('has text preceding author', function () {
|
||||
expect(model.get('authorPrecededBy')).to.be.a('string');
|
||||
});
|
||||
it('has text preceding author', function () {
|
||||
expect(model.get('authorPrecededBy')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has an option to display categories', function () {
|
||||
expect(model.get('showCategories')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
it('has an option to display categories', function () {
|
||||
expect(model.get('showCategories')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
|
||||
it('has text preceding categories', function () {
|
||||
expect(model.get('categoriesPrecededBy')).to.be.a('string');
|
||||
});
|
||||
it('has text preceding categories', function () {
|
||||
expect(model.get('categoriesPrecededBy')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has a link or a button type for read more', function () {
|
||||
expect(model.get('readMoreType')).to.match(/^(link|button)$/);
|
||||
});
|
||||
it('has a link or a button type for read more', function () {
|
||||
expect(model.get('readMoreType')).to.match(/^(link|button)$/);
|
||||
});
|
||||
|
||||
it('has read more text', function () {
|
||||
expect(model.get('readMoreText')).to.be.a('string');
|
||||
});
|
||||
it('has read more text', function () {
|
||||
expect(model.get('readMoreText')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has a read more button', function () {
|
||||
expect(model.get('readMoreButton')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
it('has a read more button', function () {
|
||||
expect(model.get('readMoreButton')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
|
||||
it('has sorting', function () {
|
||||
expect(model.get('sortBy')).to.match(/^(newest|oldest)$/);
|
||||
});
|
||||
it('has sorting', function () {
|
||||
expect(model.get('sortBy')).to.match(/^(newest|oldest)$/);
|
||||
});
|
||||
|
||||
it('has an option to display divider', function () {
|
||||
expect(model.get('showDivider')).to.be.a('boolean');
|
||||
});
|
||||
it('has an option to display divider', function () {
|
||||
expect(model.get('showDivider')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has a divider', function () {
|
||||
expect(model.get('divider')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
it('has a divider', function () {
|
||||
expect(model.get('divider')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
automatedLatestContent: {
|
||||
amount: '17',
|
||||
contentType: 'mailpoet_page', // 'post'|'page'|'mailpoet_page'
|
||||
inclusionType: 'exclude', // 'include'|'exclude'
|
||||
displayType: 'full', // 'excerpt'|'full'|'titleOnly'
|
||||
titleFormat: 'h3', // 'h1'|'h2'|'h3'|'ul'
|
||||
titlePosition: 'aboveBlock', // 'inTextBlock'|'aboveBlock',
|
||||
titleAlignment: 'right', // 'left'|'center'|'right'
|
||||
titleIsLink: true, // false|true
|
||||
imagePadded: false, // true|false
|
||||
showAuthor: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
authorPrecededBy: 'Custom config author preceded by',
|
||||
showCategories: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
categoriesPrecededBy: 'Custom config categories preceded by',
|
||||
readMoreType: 'button', // 'link'|'button'
|
||||
readMoreText: 'Custom Config read more text',
|
||||
readMoreButton: {
|
||||
text: 'Custom config read more',
|
||||
url: '[postLink]',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
},
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
},
|
||||
},
|
||||
},
|
||||
sortBy: 'oldest', // 'newest'|'oldest',
|
||||
showDivider: true, // true|false
|
||||
divider: {
|
||||
src: 'http://example.org/someConfigDividerImage.png',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#456789',
|
||||
padding: '38px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
automatedLatestContent: {
|
||||
amount: '17',
|
||||
contentType: 'mailpoet_page', // 'post'|'page'|'mailpoet_page'
|
||||
inclusionType: 'exclude', // 'include'|'exclude'
|
||||
displayType: 'full', // 'excerpt'|'full'|'titleOnly'
|
||||
titleFormat: 'h3', // 'h1'|'h2'|'h3'|'ul'
|
||||
titlePosition: 'aboveBlock', // 'inTextBlock'|'aboveBlock',
|
||||
titleAlignment: 'right', // 'left'|'center'|'right'
|
||||
titleIsLink: true, // false|true
|
||||
imagePadded: false, // true|false
|
||||
showAuthor: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
authorPrecededBy: 'Custom config author preceded by',
|
||||
showCategories: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
categoriesPrecededBy: 'Custom config categories preceded by',
|
||||
readMoreType: 'button', // 'link'|'button'
|
||||
readMoreText: 'Custom Config read more text',
|
||||
readMoreButton: {
|
||||
text: 'Custom config read more',
|
||||
url: '[postLink]',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
},
|
||||
},
|
||||
},
|
||||
sortBy: 'oldest', // 'newest'|'oldest',
|
||||
showDivider: true, // true|false
|
||||
divider: {
|
||||
src: 'http://example.org/someConfigDividerImage.png',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#456789',
|
||||
padding: '38px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
|
||||
expect(model.get('amount')).to.equal('17');
|
||||
expect(model.get('contentType')).to.equal('mailpoet_page');
|
||||
expect(model.get('inclusionType')).to.equal('exclude');
|
||||
expect(model.get('displayType')).to.equal('full');
|
||||
expect(model.get('titleFormat')).to.equal('h3');
|
||||
expect(model.get('titlePosition')).to.equal('aboveBlock');
|
||||
expect(model.get('titleAlignment')).to.equal('right');
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
expect(model.get('imagePadded')).to.equal(false);
|
||||
expect(model.get('showAuthor')).to.equal('belowText');
|
||||
expect(model.get('authorPrecededBy')).to.equal('Custom config author preceded by');
|
||||
expect(model.get('showCategories')).to.equal('belowText');
|
||||
expect(model.get('categoriesPrecededBy')).to.equal('Custom config categories preceded by');
|
||||
expect(model.get('readMoreType')).to.equal('button');
|
||||
expect(model.get('readMoreText')).to.equal('Custom Config read more text');
|
||||
expect(model.get('readMoreButton.text')).to.equal('Custom config read more');
|
||||
expect(model.get('readMoreButton.url')).to.equal('[postLink]');
|
||||
expect(model.get('readMoreButton.styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('readMoreButton.styles.block.borderColor')).to.equal('#234567');
|
||||
expect(model.get('readMoreButton.styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('readMoreButton.styles.link.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('readMoreButton.styles.link.fontSize')).to.equal('37px');
|
||||
expect(model.get('sortBy')).to.equal('oldest');
|
||||
expect(model.get('showDivider')).to.equal(true);
|
||||
expect(model.get('divider.src')).to.equal('http://example.org/someConfigDividerImage.png');
|
||||
expect(model.get('divider.styles.block.backgroundColor')).to.equal('#456789');
|
||||
expect(model.get('divider.styles.block.padding')).to.equal('38px');
|
||||
});
|
||||
expect(model.get('amount')).to.equal('17');
|
||||
expect(model.get('contentType')).to.equal('mailpoet_page');
|
||||
expect(model.get('inclusionType')).to.equal('exclude');
|
||||
expect(model.get('displayType')).to.equal('full');
|
||||
expect(model.get('titleFormat')).to.equal('h3');
|
||||
expect(model.get('titlePosition')).to.equal('aboveBlock');
|
||||
expect(model.get('titleAlignment')).to.equal('right');
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
expect(model.get('imagePadded')).to.equal(false);
|
||||
expect(model.get('showAuthor')).to.equal('belowText');
|
||||
expect(model.get('authorPrecededBy')).to.equal('Custom config author preceded by');
|
||||
expect(model.get('showCategories')).to.equal('belowText');
|
||||
expect(model.get('categoriesPrecededBy')).to.equal('Custom config categories preceded by');
|
||||
expect(model.get('readMoreType')).to.equal('button');
|
||||
expect(model.get('readMoreText')).to.equal('Custom Config read more text');
|
||||
expect(model.get('readMoreButton.text')).to.equal('Custom config read more');
|
||||
expect(model.get('readMoreButton.url')).to.equal('[postLink]');
|
||||
expect(model.get('readMoreButton.styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('readMoreButton.styles.block.borderColor')).to.equal('#234567');
|
||||
expect(model.get('readMoreButton.styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('readMoreButton.styles.link.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('readMoreButton.styles.link.fontSize')).to.equal('37px');
|
||||
expect(model.get('sortBy')).to.equal('oldest');
|
||||
expect(model.get('showDivider')).to.equal(true);
|
||||
expect(model.get('divider.src')).to.equal('http://example.org/someConfigDividerImage.png');
|
||||
expect(model.get('divider.styles.block.backgroundColor')).to.equal('#456789');
|
||||
expect(model.get('divider.styles.block.padding')).to.equal('38px');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
EditorApplication.getBlockTypeView = sinon.stub().returns(Backbone.View);
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockView)({model: model});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
EditorApplication.getBlockTypeView = sinon.stub().returns(Backbone.View);
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockView)({model: model});
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
describe('block settings view', function () {
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
});
|
||||
|
||||
describe('block settings view', function () {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
EditorApplication.getBlockTypeView = sinon.stub().returns(Backbone.View);
|
||||
});
|
||||
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
after(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('changes the model if post amount changes', function () {
|
||||
var newValue = '11';
|
||||
view.$('.mailpoet_automated_latest_content_show_amount').val(newValue).keyup();
|
||||
expect(model.get('amount')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if post type changes', function () {
|
||||
var newValue = 'mailpoet_page';
|
||||
view.$('.mailpoet_automated_latest_content_content_type').val(newValue).change();
|
||||
expect(model.get('contentType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if inclusion type changes', function () {
|
||||
var newValue = 'exclude';
|
||||
view.$('.mailpoet_automated_latest_content_include_or_exclude').val(newValue).change();
|
||||
expect(model.get('inclusionType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if display type changes', function () {
|
||||
var newValue = 'full';
|
||||
view.$('.mailpoet_automated_latest_content_display_type').val(newValue).change();
|
||||
expect(model.get('displayType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title format changes', function () {
|
||||
var newValue = 'h3';
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val(newValue).change();
|
||||
expect(model.get('titleFormat')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title position changes', function () {
|
||||
var newValue = 'aboveBlock';
|
||||
view.$('.mailpoet_automated_latest_content_title_position').val(newValue).change();
|
||||
expect(model.get('titlePosition')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title alignment changes', function () {
|
||||
var newValue = 'right';
|
||||
view.$('.mailpoet_automated_latest_content_title_alignment').val(newValue).change();
|
||||
expect(model.get('titleAlignment')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title link changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_automated_latest_content_title_as_links').val(newValue).change();
|
||||
expect(model.get('titleIsLink')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if image alignment changes', function () {
|
||||
var newValue = false;
|
||||
view.$('.mailpoet_automated_latest_content_image_padded').val(newValue).change();
|
||||
expect(model.get('imagePadded')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show author changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_automated_latest_content_show_author').val(newValue).change();
|
||||
expect(model.get('showAuthor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if author preceded by changes', function () {
|
||||
var newValue = 'New author preceded by test';
|
||||
view.$('.mailpoet_automated_latest_content_author_preceded_by').val(newValue).keyup();
|
||||
expect(model.get('authorPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show categories changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_automated_latest_content_show_categories').val(newValue).change();
|
||||
expect(model.get('showCategories')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if categories preceded by changes', function () {
|
||||
var newValue = 'New categories preceded by test';
|
||||
view.$('.mailpoet_automated_latest_content_categories').val(newValue).keyup();
|
||||
expect(model.get('categoriesPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more button type changes', function () {
|
||||
var newValue = 'link';
|
||||
view.$('.mailpoet_automated_latest_content_read_more_type').val(newValue).change();
|
||||
expect(model.get('readMoreType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more text changes', function () {
|
||||
var newValue = 'New read more text';
|
||||
view.$('.mailpoet_automated_latest_content_read_more_text').val(newValue).keyup();
|
||||
expect(model.get('readMoreText')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if sort by changes', function () {
|
||||
var newValue = 'oldest';
|
||||
view.$('.mailpoet_automated_latest_content_sort_by').val(newValue).change();
|
||||
expect(model.get('sortBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show divider changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_automated_latest_content_show_divider').val(newValue).change();
|
||||
expect(model.get('showDivider')).to.equal(newValue);
|
||||
});
|
||||
|
||||
describe('when "title only" display type is selected', function() {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
EditorApplication.getBlockTypeView = sinon.stub().returns(Backbone.View);
|
||||
});
|
||||
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_automated_latest_content_display_type').val('titleOnly').change();
|
||||
});
|
||||
|
||||
it('shows "title as list" option', function () {
|
||||
expect(view.$('.mailpoet_automated_latest_content_title_as_list')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
describe('when "title as list" is selected', function() {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_automated_latest_content_display_type').val('titleOnly').change();
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val('ul').change();
|
||||
});
|
||||
|
||||
describe('"title is link" option', function () {
|
||||
it('is hidden', function () {
|
||||
expect(view.$('.mailpoet_automated_latest_content_title_as_link')).to.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
it('is set to "yes"', function() {
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
after(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
describe('when "title as list" is deselected', function() {
|
||||
before(function() {
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val('ul').change();
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val('h3').change();
|
||||
});
|
||||
|
||||
describe('"title is link" option', function () {
|
||||
it('is visible', function () {
|
||||
expect(view.$('.mailpoet_automated_latest_content_title_as_link')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('changes the model if post amount changes', function () {
|
||||
var newValue = '11';
|
||||
view.$('.mailpoet_automated_latest_content_show_amount').val(newValue).keyup();
|
||||
expect(model.get('amount')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if post type changes', function () {
|
||||
var newValue = 'mailpoet_page';
|
||||
view.$('.mailpoet_automated_latest_content_content_type').val(newValue).change();
|
||||
expect(model.get('contentType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if inclusion type changes', function () {
|
||||
var newValue = 'exclude';
|
||||
view.$('.mailpoet_automated_latest_content_include_or_exclude').val(newValue).change();
|
||||
expect(model.get('inclusionType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if display type changes', function () {
|
||||
var newValue = 'full';
|
||||
view.$('.mailpoet_automated_latest_content_display_type').val(newValue).change();
|
||||
expect(model.get('displayType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title format changes', function () {
|
||||
var newValue = 'h3';
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val(newValue).change();
|
||||
expect(model.get('titleFormat')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title position changes', function () {
|
||||
var newValue = 'aboveBlock';
|
||||
view.$('.mailpoet_automated_latest_content_title_position').val(newValue).change();
|
||||
expect(model.get('titlePosition')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title alignment changes', function () {
|
||||
var newValue = 'right';
|
||||
view.$('.mailpoet_automated_latest_content_title_alignment').val(newValue).change();
|
||||
expect(model.get('titleAlignment')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title link changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_automated_latest_content_title_as_links').val(newValue).change();
|
||||
expect(model.get('titleIsLink')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if image alignment changes', function () {
|
||||
var newValue = false;
|
||||
view.$('.mailpoet_automated_latest_content_image_padded').val(newValue).change();
|
||||
expect(model.get('imagePadded')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show author changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_automated_latest_content_show_author').val(newValue).change();
|
||||
expect(model.get('showAuthor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if author preceded by changes', function () {
|
||||
var newValue = 'New author preceded by test';
|
||||
view.$('.mailpoet_automated_latest_content_author_preceded_by').val(newValue).keyup();
|
||||
expect(model.get('authorPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show categories changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_automated_latest_content_show_categories').val(newValue).change();
|
||||
expect(model.get('showCategories')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if categories preceded by changes', function () {
|
||||
var newValue = 'New categories preceded by test';
|
||||
view.$('.mailpoet_automated_latest_content_categories').val(newValue).keyup();
|
||||
expect(model.get('categoriesPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more button type changes', function () {
|
||||
var newValue = 'link';
|
||||
view.$('.mailpoet_automated_latest_content_read_more_type').val(newValue).change();
|
||||
expect(model.get('readMoreType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more text changes', function () {
|
||||
var newValue = 'New read more text';
|
||||
view.$('.mailpoet_automated_latest_content_read_more_text').val(newValue).keyup();
|
||||
expect(model.get('readMoreText')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if sort by changes', function () {
|
||||
var newValue = 'oldest';
|
||||
view.$('.mailpoet_automated_latest_content_sort_by').val(newValue).change();
|
||||
expect(model.get('sortBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show divider changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_automated_latest_content_show_divider').val(newValue).change();
|
||||
expect(model.get('showDivider')).to.equal(newValue);
|
||||
});
|
||||
|
||||
describe('when "title only" display type is selected', function() {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_automated_latest_content_display_type').val('titleOnly').change();
|
||||
});
|
||||
|
||||
it('shows "title as list" option', function () {
|
||||
expect(view.$('.mailpoet_automated_latest_content_title_as_list')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
describe('when "title as list" is selected', function() {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.automatedLatestContent').AutomatedLatestContentBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_automated_latest_content_display_type').val('titleOnly').change();
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val('ul').change();
|
||||
});
|
||||
|
||||
describe('"title is link" option', function () {
|
||||
it('is hidden', function () {
|
||||
expect(view.$('.mailpoet_automated_latest_content_title_as_link')).to.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
it('is set to "yes"', function() {
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('when "title as list" is deselected', function() {
|
||||
before(function() {
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val('ul').change();
|
||||
view.$('.mailpoet_automated_latest_content_title_format').val('h3').change();
|
||||
});
|
||||
|
||||
describe('"title is link" option', function () {
|
||||
it('is visible', function () {
|
||||
expect(view.$('.mailpoet_automated_latest_content_title_as_link')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,419 +4,418 @@ define('test/newsletter_editor/blocks/button', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe("Button", function () {
|
||||
describe("model", function () {
|
||||
var model;
|
||||
describe("model", function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)();
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it("has a button type", function () {
|
||||
expect(model.get('type')).to.equal('button');
|
||||
});
|
||||
|
||||
it("has a label", function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("has a url", function () {
|
||||
expect(model.get('url')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("has a block background color", function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has a block border color", function () {
|
||||
expect(model.get('styles.block.borderColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has a block border width", function () {
|
||||
expect(model.get('styles.block.borderWidth')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has block border radius", function () {
|
||||
expect(model.get('styles.block.borderRadius')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has block border style", function () {
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('solid');
|
||||
});
|
||||
|
||||
it("has a text color", function () {
|
||||
expect(model.get('styles.block.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has a text font family", function () {
|
||||
expect(model.get('styles.block.fontFamily')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("has a text size", function () {
|
||||
expect(model.get('styles.block.fontSize')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has width", function () {
|
||||
expect(model.get('styles.block.width')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has line height", function () {
|
||||
expect(model.get('styles.block.lineHeight')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newText = 'Some new text';
|
||||
model.set('text', newText);
|
||||
expect(model.get('text')).to.equal(newText);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(11).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
model.set('text', 'some other text');
|
||||
model.set('url', 'some url');
|
||||
model.set('styles.block.backgroundColor', '#123456');
|
||||
model.set('styles.block.borderColor', '#234567');
|
||||
model.set('styles.block.borderWidth', '3px');
|
||||
model.set('styles.block.borderRadius', '8px');
|
||||
model.set('styles.block.width', '400px');
|
||||
model.set('styles.block.lineHeight', '100px');
|
||||
model.set('styles.block.fontColor', '#345678');
|
||||
model.set('styles.block.fontFamily', 'Some other style');
|
||||
model.set('styles.block.fontSize', '10px');
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
button: {
|
||||
text: 'Some new text',
|
||||
url: 'http://somenewurl.com',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
borderWidth: '11px',
|
||||
borderRadius: '13px',
|
||||
borderStyle: 'solid',
|
||||
width: '371px',
|
||||
lineHeight: '107px',
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '30px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.button').ButtonBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('Some new text');
|
||||
expect(model.get('url')).to.equal('http://somenewurl.com');
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.block.borderColor')).to.equal('#234567');
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('11px');
|
||||
expect(model.get('styles.block.borderRadius')).to.equal('13px');
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('solid');
|
||||
expect(model.get('styles.block.width')).to.equal('371px');
|
||||
expect(model.get('styles.block.lineHeight')).to.equal('107px');
|
||||
expect(model.get('styles.block.fontColor')).to.equal('#345678');
|
||||
expect(model.get('styles.block.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('styles.block.fontSize')).to.equal('30px');
|
||||
});
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)();
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)();
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
var view = new (EditorApplication.module('blocks.button').ButtonBlockView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_editor_button')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('rerenders when attributes change', function () {
|
||||
var view = new (EditorApplication.module('blocks.button').ButtonBlockView)({model: model});
|
||||
view.render();
|
||||
|
||||
model.set('text', 'Some new text');
|
||||
|
||||
expect(view.$('.mailpoet_editor_button').text()).to.equal('Some new text');
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)({
|
||||
text: 'Some button',
|
||||
url: 'http://example.org',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
borderWidth: '7px',
|
||||
borderRadius: '8px',
|
||||
borderStyle: 'solid',
|
||||
width: '123px',
|
||||
lineHeight: '45px',
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Arial',
|
||||
fontSize: '12px',
|
||||
},
|
||||
},
|
||||
});
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('has a specified text', function () {
|
||||
expect(view.$('.mailpoet_editor_button').text()).to.equal(model.get('text'));
|
||||
});
|
||||
|
||||
it('has a specified button url', function () {
|
||||
expect(view.$('.mailpoet_editor_button').attr('href')).to.equal(model.get('url'));
|
||||
});
|
||||
|
||||
it('has a specified background color', function () {
|
||||
// jQuery colors appear in rgb format, not hex6
|
||||
expect(view.$('.mailpoet_editor_button').css('background-color')).to.equal('rgb(18, 52, 86)');
|
||||
});
|
||||
|
||||
it('has a specified border color', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-color')).to.equal(model.get('styles.block.borderColor'));
|
||||
});
|
||||
|
||||
it('has a specified border width', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-width')).to.equal(model.get('styles.block.borderWidth'));
|
||||
});
|
||||
|
||||
it('has a specified border radius', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-radius')).to.equal(model.get('styles.block.borderRadius'));
|
||||
});
|
||||
|
||||
it('has a specified border style', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-style')).to.equal(model.get('styles.block.borderStyle'));
|
||||
});
|
||||
|
||||
it('has a specified width', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('width')).to.equal(model.get('styles.block.width'));
|
||||
});
|
||||
|
||||
it('has a specified line height', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('lineHeight')).to.equal(model.get('styles.block.lineHeight'));
|
||||
});
|
||||
|
||||
it('has a specified font color', function () {
|
||||
// jQuery colors appear in rgb format, not hex6
|
||||
expect(view.$('.mailpoet_editor_button').css('color')).to.equal('rgb(52, 86, 120)');
|
||||
});
|
||||
|
||||
it('has a specified font family', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('font-family')).to.equal(model.get('styles.block.fontFamily'));
|
||||
});
|
||||
|
||||
it('has a specified font size', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('font-size')).to.equal(model.get('styles.block.fontSize'));
|
||||
});
|
||||
});
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
describe('block settings view', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
headingSizes: ['16px', '20px'],
|
||||
});
|
||||
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)({
|
||||
type: 'button',
|
||||
text: 'Some random text',
|
||||
});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
var view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
before(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
headingSizes: ['16px', '20px'],
|
||||
});
|
||||
});
|
||||
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)({
|
||||
type: 'button',
|
||||
text: 'Some random text',
|
||||
});
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({model: model});
|
||||
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when text is changed', function () {
|
||||
var newValue = 'something else';
|
||||
|
||||
view.$('.mailpoet_field_button_text').val(newValue).keyup();
|
||||
|
||||
expect(model.get('text')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when link is changed', function () {
|
||||
var newValue = 'http://google.com/?q=123456';
|
||||
|
||||
view.$('.mailpoet_field_button_url').val(newValue).keyup();
|
||||
|
||||
expect(model.get('url')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when font color changes', function () {
|
||||
var newValue = '#cccccc';
|
||||
|
||||
view.$('.mailpoet_field_button_font_color').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.fontColor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when font family changes', function () {
|
||||
var newValue = 'Tahoma';
|
||||
|
||||
view.$('.mailpoet_field_button_font_family').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.fontFamily')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when font size changes', function () {
|
||||
var newValue = '20px';
|
||||
view.$('.mailpoet_field_button_font_size').val(newValue).change();
|
||||
expect(model.get('styles.block.fontSize')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
var newValue = '#cccccc';
|
||||
|
||||
view.$('.mailpoet_field_button_background_color').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when border color changes', function () {
|
||||
var newValue = '#cccccc';
|
||||
|
||||
view.$('.mailpoet_field_button_border_color').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.borderColor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when border width changes', function () {
|
||||
view.$('.mailpoet_field_button_border_width').val('3').change();
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('3px');
|
||||
});
|
||||
it('updates the range slider when border width input changes', function () {
|
||||
view.$('.mailpoet_field_button_border_width_input').val('5').keyup();
|
||||
expect(view.$('.mailpoet_field_button_border_width').val()).to.equal('5');
|
||||
});
|
||||
it('updates the input when border width range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_border_width').val('4').change();
|
||||
expect(view.$('.mailpoet_field_button_border_width_input').val()).to.equal('4');
|
||||
});
|
||||
|
||||
it('updates the model when border radius changes', function () {
|
||||
view.$('.mailpoet_field_button_border_radius').val('7').change();
|
||||
expect(model.get('styles.block.borderRadius')).to.equal('7px');
|
||||
});
|
||||
it('updates the range slider when border radius input changes', function () {
|
||||
view.$('.mailpoet_field_button_border_radius_input').val('7').keyup();
|
||||
expect(view.$('.mailpoet_field_button_border_radius').val()).to.equal('7');
|
||||
});
|
||||
it('updates the input when border radius range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_border_radius').val('7').change();
|
||||
expect(view.$('.mailpoet_field_button_border_radius_input').val()).to.equal('7');
|
||||
});
|
||||
|
||||
it('updates the model when width changes', function () {
|
||||
view.$('.mailpoet_field_button_width').val('127').change();
|
||||
expect(model.get('styles.block.width')).to.equal('127px');
|
||||
});
|
||||
it('updates the range slider when width input changes', function () {
|
||||
view.$('.mailpoet_field_button_width_input').val('127').keyup();
|
||||
expect(view.$('.mailpoet_field_button_width').val()).to.equal('127');
|
||||
});
|
||||
it('updates the input when width range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_width').val('127').change();
|
||||
expect(view.$('.mailpoet_field_button_width_input').val()).to.equal('127');
|
||||
});
|
||||
|
||||
it('updates the model when line height changes', function () {
|
||||
view.$('.mailpoet_field_button_line_height').val('37').change();
|
||||
expect(model.get('styles.block.lineHeight')).to.equal('37px');
|
||||
});
|
||||
it('updates the range slider when line height input changes', function () {
|
||||
view.$('.mailpoet_field_button_line_height_input').val('37').keyup();
|
||||
expect(view.$('.mailpoet_field_button_line_height').val()).to.equal('37');
|
||||
});
|
||||
it('updates the input when line height range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_line_height').val('37').change();
|
||||
expect(view.$('.mailpoet_field_button_line_height_input').val()).to.equal('37');
|
||||
});
|
||||
|
||||
it('does not display link option when `hideLink` option is active', function() {
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
hideLink: true,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
expect(view.$('.mailpoet_field_button_url').length).to.equal(0);
|
||||
});
|
||||
|
||||
it('does not display "Apply to all" option when `hideApplyToAll` option is active', function() {
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
hideApplyToAll: true,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
expect(view.$('.mailpoet_field_button_replace_all_styles').length).to.equal(0);
|
||||
});
|
||||
|
||||
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("has a button type", function () {
|
||||
expect(model.get('type')).to.equal('button');
|
||||
});
|
||||
|
||||
it("has a label", function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("has a url", function () {
|
||||
expect(model.get('url')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("has a block background color", function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has a block border color", function () {
|
||||
expect(model.get('styles.block.borderColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has a block border width", function () {
|
||||
expect(model.get('styles.block.borderWidth')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has block border radius", function () {
|
||||
expect(model.get('styles.block.borderRadius')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has block border style", function () {
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('solid');
|
||||
});
|
||||
|
||||
it("has a text color", function () {
|
||||
expect(model.get('styles.block.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has a text font family", function () {
|
||||
expect(model.get('styles.block.fontFamily')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("has a text size", function () {
|
||||
expect(model.get('styles.block.fontSize')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has width", function () {
|
||||
expect(model.get('styles.block.width')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("has line height", function () {
|
||||
expect(model.get('styles.block.lineHeight')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newText = 'Some new text';
|
||||
model.set('text', newText);
|
||||
expect(model.get('text')).to.equal(newText);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(11).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
model.set('text', 'some other text');
|
||||
model.set('url', 'some url');
|
||||
model.set('styles.block.backgroundColor', '#123456');
|
||||
model.set('styles.block.borderColor', '#234567');
|
||||
model.set('styles.block.borderWidth', '3px');
|
||||
model.set('styles.block.borderRadius', '8px');
|
||||
model.set('styles.block.width', '400px');
|
||||
model.set('styles.block.lineHeight', '100px');
|
||||
model.set('styles.block.fontColor', '#345678');
|
||||
model.set('styles.block.fontFamily', 'Some other style');
|
||||
model.set('styles.block.fontSize', '10px');
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
button: {
|
||||
text: 'Some new text',
|
||||
url: 'http://somenewurl.com',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
borderWidth: '11px',
|
||||
borderRadius: '13px',
|
||||
borderStyle: 'solid',
|
||||
width: '371px',
|
||||
lineHeight: '107px',
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '30px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.button').ButtonBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('Some new text');
|
||||
expect(model.get('url')).to.equal('http://somenewurl.com');
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.block.borderColor')).to.equal('#234567');
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('11px');
|
||||
expect(model.get('styles.block.borderRadius')).to.equal('13px');
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('solid');
|
||||
expect(model.get('styles.block.width')).to.equal('371px');
|
||||
expect(model.get('styles.block.lineHeight')).to.equal('107px');
|
||||
expect(model.get('styles.block.fontColor')).to.equal('#345678');
|
||||
expect(model.get('styles.block.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('styles.block.fontSize')).to.equal('30px');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)();
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
var view = new (EditorApplication.module('blocks.button').ButtonBlockView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_editor_button')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('rerenders when attributes change', function () {
|
||||
var view = new (EditorApplication.module('blocks.button').ButtonBlockView)({model: model});
|
||||
view.render();
|
||||
|
||||
model.set('text', 'Some new text');
|
||||
|
||||
expect(view.$('.mailpoet_editor_button').text()).to.equal('Some new text');
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)({
|
||||
text: 'Some button',
|
||||
url: 'http://example.org',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
borderWidth: '7px',
|
||||
borderRadius: '8px',
|
||||
borderStyle: 'solid',
|
||||
width: '123px',
|
||||
lineHeight: '45px',
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Arial',
|
||||
fontSize: '12px',
|
||||
},
|
||||
},
|
||||
});
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('has a specified text', function () {
|
||||
expect(view.$('.mailpoet_editor_button').text()).to.equal(model.get('text'));
|
||||
});
|
||||
|
||||
it('has a specified button url', function () {
|
||||
expect(view.$('.mailpoet_editor_button').attr('href')).to.equal(model.get('url'));
|
||||
});
|
||||
|
||||
it('has a specified background color', function () {
|
||||
// jQuery colors appear in rgb format, not hex6
|
||||
expect(view.$('.mailpoet_editor_button').css('background-color')).to.equal('rgb(18, 52, 86)');
|
||||
});
|
||||
|
||||
it('has a specified border color', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-color')).to.equal(model.get('styles.block.borderColor'));
|
||||
});
|
||||
|
||||
it('has a specified border width', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-width')).to.equal(model.get('styles.block.borderWidth'));
|
||||
});
|
||||
|
||||
it('has a specified border radius', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-radius')).to.equal(model.get('styles.block.borderRadius'));
|
||||
});
|
||||
|
||||
it('has a specified border style', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('border-style')).to.equal(model.get('styles.block.borderStyle'));
|
||||
});
|
||||
|
||||
it('has a specified width', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('width')).to.equal(model.get('styles.block.width'));
|
||||
});
|
||||
|
||||
it('has a specified line height', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('lineHeight')).to.equal(model.get('styles.block.lineHeight'));
|
||||
});
|
||||
|
||||
it('has a specified font color', function () {
|
||||
// jQuery colors appear in rgb format, not hex6
|
||||
expect(view.$('.mailpoet_editor_button').css('color')).to.equal('rgb(52, 86, 120)');
|
||||
});
|
||||
|
||||
it('has a specified font family', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('font-family')).to.equal(model.get('styles.block.fontFamily'));
|
||||
});
|
||||
|
||||
it('has a specified font size', function () {
|
||||
expect(view.$('.mailpoet_editor_button').css('font-size')).to.equal(model.get('styles.block.fontSize'));
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('block settings view', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
headingSizes: ['16px', '20px'],
|
||||
});
|
||||
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)({
|
||||
type: 'button',
|
||||
text: 'Some random text',
|
||||
});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
var view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
before(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
headingSizes: ['16px', '20px'],
|
||||
});
|
||||
});
|
||||
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.button').ButtonBlockModel)({
|
||||
type: 'button',
|
||||
text: 'Some random text',
|
||||
});
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({model: model});
|
||||
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when text is changed', function () {
|
||||
var newValue = 'something else';
|
||||
|
||||
view.$('.mailpoet_field_button_text').val(newValue).keyup();
|
||||
|
||||
expect(model.get('text')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when link is changed', function () {
|
||||
var newValue = 'http://google.com/?q=123456';
|
||||
|
||||
view.$('.mailpoet_field_button_url').val(newValue).keyup();
|
||||
|
||||
expect(model.get('url')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when font color changes', function () {
|
||||
var newValue = '#cccccc';
|
||||
|
||||
view.$('.mailpoet_field_button_font_color').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.fontColor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when font family changes', function () {
|
||||
var newValue = 'Tahoma';
|
||||
|
||||
view.$('.mailpoet_field_button_font_family').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.fontFamily')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when font size changes', function () {
|
||||
var newValue = '20px';
|
||||
view.$('.mailpoet_field_button_font_size').val(newValue).change();
|
||||
expect(model.get('styles.block.fontSize')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
var newValue = '#cccccc';
|
||||
|
||||
view.$('.mailpoet_field_button_background_color').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when border color changes', function () {
|
||||
var newValue = '#cccccc';
|
||||
|
||||
view.$('.mailpoet_field_button_border_color').val(newValue).change();
|
||||
|
||||
expect(model.get('styles.block.borderColor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when border width changes', function () {
|
||||
view.$('.mailpoet_field_button_border_width').val('3').change();
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('3px');
|
||||
});
|
||||
it('updates the range slider when border width input changes', function () {
|
||||
view.$('.mailpoet_field_button_border_width_input').val('5').keyup();
|
||||
expect(view.$('.mailpoet_field_button_border_width').val()).to.equal('5');
|
||||
});
|
||||
it('updates the input when border width range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_border_width').val('4').change();
|
||||
expect(view.$('.mailpoet_field_button_border_width_input').val()).to.equal('4');
|
||||
});
|
||||
|
||||
it('updates the model when border radius changes', function () {
|
||||
view.$('.mailpoet_field_button_border_radius').val('7').change();
|
||||
expect(model.get('styles.block.borderRadius')).to.equal('7px');
|
||||
});
|
||||
it('updates the range slider when border radius input changes', function () {
|
||||
view.$('.mailpoet_field_button_border_radius_input').val('7').keyup();
|
||||
expect(view.$('.mailpoet_field_button_border_radius').val()).to.equal('7');
|
||||
});
|
||||
it('updates the input when border radius range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_border_radius').val('7').change();
|
||||
expect(view.$('.mailpoet_field_button_border_radius_input').val()).to.equal('7');
|
||||
});
|
||||
|
||||
it('updates the model when width changes', function () {
|
||||
view.$('.mailpoet_field_button_width').val('127').change();
|
||||
expect(model.get('styles.block.width')).to.equal('127px');
|
||||
});
|
||||
it('updates the range slider when width input changes', function () {
|
||||
view.$('.mailpoet_field_button_width_input').val('127').keyup();
|
||||
expect(view.$('.mailpoet_field_button_width').val()).to.equal('127');
|
||||
});
|
||||
it('updates the input when width range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_width').val('127').change();
|
||||
expect(view.$('.mailpoet_field_button_width_input').val()).to.equal('127');
|
||||
});
|
||||
|
||||
it('updates the model when line height changes', function () {
|
||||
view.$('.mailpoet_field_button_line_height').val('37').change();
|
||||
expect(model.get('styles.block.lineHeight')).to.equal('37px');
|
||||
});
|
||||
it('updates the range slider when line height input changes', function () {
|
||||
view.$('.mailpoet_field_button_line_height_input').val('37').keyup();
|
||||
expect(view.$('.mailpoet_field_button_line_height').val()).to.equal('37');
|
||||
});
|
||||
it('updates the input when line height range slider changes', function () {
|
||||
view.$('.mailpoet_field_button_line_height').val('37').change();
|
||||
expect(view.$('.mailpoet_field_button_line_height_input').val()).to.equal('37');
|
||||
});
|
||||
|
||||
it('does not display link option when `hideLink` option is active', function() {
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
hideLink: true,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
expect(view.$('.mailpoet_field_button_url').length).to.equal(0);
|
||||
});
|
||||
|
||||
it('does not display "Apply to all" option when `hideApplyToAll` option is active', function() {
|
||||
view = new (EditorApplication.module('blocks.button').ButtonBlockSettingsView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
hideApplyToAll: true,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
expect(view.$('.mailpoet_field_button_replace_all_styles').length).to.equal(0);
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,204 +4,203 @@ define('test/newsletter_editor/blocks/container', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Container', function () {
|
||||
var ModelClass = EditorApplication.module('blocks.container').ContainerBlockModel;
|
||||
var ModelClass = EditorApplication.module('blocks.container').ContainerBlockModel;
|
||||
|
||||
describe('model', function () {
|
||||
describe('by default', function () {
|
||||
global.stubConfig(EditorApplication);
|
||||
var model = new ModelClass();
|
||||
describe('model', function () {
|
||||
describe('by default', function () {
|
||||
global.stubConfig(EditorApplication);
|
||||
var model = new ModelClass();
|
||||
|
||||
it('has container type', function () {
|
||||
expect(model.get('type')).to.equal('container');
|
||||
});
|
||||
it('has container type', function () {
|
||||
expect(model.get('type')).to.equal('container');
|
||||
});
|
||||
|
||||
it('has orientation', function () {
|
||||
expect(model.get('orientation')).to.equal('vertical');
|
||||
});
|
||||
it('has orientation', function () {
|
||||
expect(model.get('orientation')).to.equal('vertical');
|
||||
});
|
||||
|
||||
it('has a background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
it('has a background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a collection of blocks', function () {
|
||||
expect(model.get('blocks')).to.be.instanceof(Backbone.Collection);
|
||||
});
|
||||
it('has a collection of blocks', function () {
|
||||
expect(model.get('blocks')).to.be.instanceof(Backbone.Collection);
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
container: {
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
});
|
||||
});
|
||||
|
||||
describe('when creating with children', function () {
|
||||
var testModel = {
|
||||
type: 'sampleType',
|
||||
someField: 'Some Content',
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
container: {
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
},
|
||||
model;
|
||||
|
||||
it('will recursively create children', function () {
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
|
||||
model = new (EditorApplication.module('blocks.container').ContainerBlockModel)({
|
||||
type: 'container',
|
||||
blocks: [testModel],
|
||||
}, {parse: true});
|
||||
|
||||
expect(model.get('blocks')).to.have.length(1);
|
||||
expect(model.get('blocks').at(0).get('type')).to.equal(testModel.type);
|
||||
expect(model.get('blocks').at(0).get('someField')).to.equal(testModel.someField);
|
||||
});
|
||||
|
||||
it('will create nested containers and their children', function () {
|
||||
var stub = sinon.stub();
|
||||
stub.withArgs('container').returns(ModelClass);
|
||||
stub.withArgs('someType').returns(Backbone.Model);
|
||||
EditorApplication.getBlockTypeModel = stub;
|
||||
|
||||
model = new ModelClass({
|
||||
type: 'container',
|
||||
blocks: [
|
||||
{
|
||||
type: 'container',
|
||||
blocks: [
|
||||
{
|
||||
type: 'someType',
|
||||
someField: 'some text',
|
||||
},
|
||||
{
|
||||
type: 'someType',
|
||||
someField: 'some text 2',
|
||||
},
|
||||
],
|
||||
}
|
||||
],
|
||||
}, {parse: true});
|
||||
|
||||
expect(model.get('blocks')).to.have.length(1);
|
||||
expect(model.get('blocks').at(0).get('blocks')).to.have.length(2);
|
||||
expect(model.get('blocks').at(0).get('blocks').at(1).get('someField')).to.equal('some text 2');
|
||||
});
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockView)({model: model});
|
||||
describe('when creating with children', function () {
|
||||
var testModel = {
|
||||
type: 'sampleType',
|
||||
someField: 'Some Content',
|
||||
},
|
||||
model;
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
it('will recursively create children', function () {
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
|
||||
describe('once rendered', function () {
|
||||
model = new (EditorApplication.module('blocks.container').ContainerBlockModel)({
|
||||
type: 'container',
|
||||
blocks: [testModel],
|
||||
}, {parse: true});
|
||||
|
||||
describe('on root level', function () {
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)(),
|
||||
view;
|
||||
expect(model.get('blocks')).to.have.length(1);
|
||||
expect(model.get('blocks').at(0).get('type')).to.equal(testModel.type);
|
||||
expect(model.get('blocks').at(0).get('someField')).to.equal(testModel.someField);
|
||||
});
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
depth: 0,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
});
|
||||
it('does not have a deletion tool', function () {
|
||||
expect(view.$('.mailpoet_delete_block')).to.have.length(0);
|
||||
});
|
||||
it('will create nested containers and their children', function () {
|
||||
var stub = sinon.stub();
|
||||
stub.withArgs('container').returns(ModelClass);
|
||||
stub.withArgs('someType').returns(Backbone.Model);
|
||||
EditorApplication.getBlockTypeModel = stub;
|
||||
|
||||
it('does not have a move tool', function () {
|
||||
expect(view.$('.mailpoet_move_block')).to.have.length(0);
|
||||
});
|
||||
model = new ModelClass({
|
||||
type: 'container',
|
||||
blocks: [
|
||||
{
|
||||
type: 'container',
|
||||
blocks: [
|
||||
{
|
||||
type: 'someType',
|
||||
someField: 'some text',
|
||||
},
|
||||
{
|
||||
type: 'someType',
|
||||
someField: 'some text 2',
|
||||
},
|
||||
],
|
||||
}
|
||||
],
|
||||
}, {parse: true});
|
||||
|
||||
it('does not have a settings tool', function () {
|
||||
expect(view.$('.mailpoet_edit_block')).to.have.length(0);
|
||||
});
|
||||
});
|
||||
expect(model.get('blocks')).to.have.length(1);
|
||||
expect(model.get('blocks').at(0).get('blocks')).to.have.length(2);
|
||||
expect(model.get('blocks').at(0).get('blocks').at(1).get('someField')).to.equal('some text 2');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe.skip('on non-root levels', function () {
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)(),
|
||||
view;
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockView)({model: model});
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
depth: 1,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('has a deletion tool', function () {
|
||||
expect(view.$('.mailpoet_delete_block')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('has a move tool', function () {
|
||||
expect(view.$('.mailpoet_move_block')).to.have.length(0);
|
||||
});
|
||||
|
||||
it('has a settings tool', function () {
|
||||
expect(view.$('.mailpoet_edit_block')).to.have.length(1);
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
describe('once rendered', function () {
|
||||
|
||||
describe('on root level', function () {
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockSettingsView)({model: model});
|
||||
view;
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.container').ContainerBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockSettingsView)({model: model});
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
depth: 0,
|
||||
},
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
view.$('.mailpoet_field_container_background_color').val('#123456').change();
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
view.render();
|
||||
});
|
||||
it('does not have a deletion tool', function () {
|
||||
expect(view.$('.mailpoet_delete_block')).to.have.length(0);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('does not have a move tool', function () {
|
||||
expect(view.$('.mailpoet_move_block')).to.have.length(0);
|
||||
});
|
||||
|
||||
it('does not have a settings tool', function () {
|
||||
expect(view.$('.mailpoet_edit_block')).to.have.length(0);
|
||||
});
|
||||
});
|
||||
|
||||
describe.skip('on non-root levels', function () {
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
depth: 1,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('has a deletion tool', function () {
|
||||
expect(view.$('.mailpoet_delete_block')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('has a move tool', function () {
|
||||
expect(view.$('.mailpoet_move_block')).to.have.length(0);
|
||||
});
|
||||
|
||||
it('has a settings tool', function () {
|
||||
expect(view.$('.mailpoet_edit_block')).to.have.length(1);
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.container').ContainerBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockSettingsView)({model: model});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.container').ContainerBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.container').ContainerBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
view.$('.mailpoet_field_container_background_color').val('#123456').change();
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@@ -4,203 +4,202 @@ define('test/newsletter_editor/blocks/divider', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe("Divider", function () {
|
||||
describe("model", function () {
|
||||
var model;
|
||||
describe("model", function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.divider').DividerBlockModel)();
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it("has a divider type", function () {
|
||||
expect(model.get('type')).to.equal('divider');
|
||||
});
|
||||
|
||||
it("has a background color", function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has padding", function () {
|
||||
expect(model.get('styles.block.padding')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has border style', function () {
|
||||
expect(model.get('styles.block.borderStyle')).to.match(/^(none|dotted|dashed|solid|double|groove|ridge|inset|outset)$/);
|
||||
});
|
||||
|
||||
it('has border width', function () {
|
||||
expect(model.get('styles.block.borderWidth')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has border color', function () {
|
||||
expect(model.get('styles.block.borderColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newValue = 'outset';
|
||||
model.set('styles.block.borderStyle', newValue);
|
||||
expect(model.get('styles.block.borderStyle')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(5).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('styles.block.backgroundColor', '#000000');
|
||||
model.set('styles.block.padding', '19px');
|
||||
model.set('styles.block.borderStyle', 'double');
|
||||
model.set('styles.block.borderWidth', '17px');
|
||||
model.set('styles.block.borderColor', '#123456');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
divider: {
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
padding: '37px',
|
||||
borderStyle: 'inset',
|
||||
borderWidth: '7px',
|
||||
borderColor: '#345678',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.divider').DividerBlockModel)();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.block.padding')).to.equal('37px');
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('inset');
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('7px');
|
||||
expect(model.get('styles.block.borderColor')).to.equal('#345678');
|
||||
});
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.divider').DividerBlockModel)();
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.divider').DividerBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_divider')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('rerenders if model attributes change', function () {
|
||||
view.render();
|
||||
|
||||
model.set('styles.block.borderStyle', 'inset');
|
||||
|
||||
expect(view.$('.mailpoet_divider').css('border-top-style')).to.equal('inset');
|
||||
});
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
it("has a divider type", function () {
|
||||
expect(model.get('type')).to.equal('divider');
|
||||
});
|
||||
|
||||
it("has a background color", function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("has padding", function () {
|
||||
expect(model.get('styles.block.padding')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has border style', function () {
|
||||
expect(model.get('styles.block.borderStyle')).to.match(/^(none|dotted|dashed|solid|double|groove|ridge|inset|outset)$/);
|
||||
});
|
||||
|
||||
it('has border width', function () {
|
||||
expect(model.get('styles.block.borderWidth')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has border color', function () {
|
||||
expect(model.get('styles.block.borderColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newValue = 'outset';
|
||||
model.set('styles.block.borderStyle', newValue);
|
||||
expect(model.get('styles.block.borderStyle')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(5).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('styles.block.backgroundColor', '#000000');
|
||||
model.set('styles.block.padding', '19px');
|
||||
model.set('styles.block.borderStyle', 'double');
|
||||
model.set('styles.block.borderWidth', '17px');
|
||||
model.set('styles.block.borderColor', '#123456');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
divider: {
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
padding: '37px',
|
||||
borderStyle: 'inset',
|
||||
borderWidth: '7px',
|
||||
borderColor: '#345678',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.divider').DividerBlockModel)();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.block.padding')).to.equal('37px');
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('inset');
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('7px');
|
||||
expect(model.get('styles.block.borderColor')).to.equal('#345678');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.divider').DividerBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_divider')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('rerenders if model attributes change', function () {
|
||||
view.render();
|
||||
|
||||
model.set('styles.block.borderStyle', 'inset');
|
||||
|
||||
expect(view.$('.mailpoet_divider').css('border-top-style')).to.equal('inset');
|
||||
});
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
dividers: ['solid', 'inset'],
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.divider').DividerBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockSettingsView)({model: model});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_divider_selector')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
before(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
dividers: ['solid', 'inset'],
|
||||
dividers: ['solid', 'inset'],
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.divider').DividerBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_divider_selector')).to.have.length(1);
|
||||
beforeEach(function () {
|
||||
model = new (EditorApplication.module('blocks.divider').DividerBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when divider style changes', function () {
|
||||
view.$('.mailpoet_field_divider_style').last().click();
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('inset');
|
||||
});
|
||||
|
||||
it('updates the model when divider width changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_width').val('17').change();
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('17px');
|
||||
});
|
||||
|
||||
it('updates the range slider when divider width input changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_width_input').val('19').keyup();
|
||||
expect(view.$('.mailpoet_field_divider_border_width').val()).to.equal('19');
|
||||
});
|
||||
|
||||
it('updates the input when divider width range slider changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_width').val('19').change();
|
||||
expect(view.$('.mailpoet_field_divider_border_width_input').val()).to.equal('19');
|
||||
});
|
||||
|
||||
it('updates the model when divider color changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_color').val('#123457').change();
|
||||
expect(model.get('styles.block.borderColor')).to.equal('#123457');
|
||||
});
|
||||
|
||||
it('updates the model when divider background color changes', function () {
|
||||
view.$('.mailpoet_field_divider_background_color').val('#cccccc').change();
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#cccccc');
|
||||
});
|
||||
|
||||
it ('changes color of available divider styles when actual divider color changes', function() {
|
||||
var newColor = '#889912';
|
||||
view.$('.mailpoet_field_divider_border_color').val(newColor).change();
|
||||
expect(view.$('.mailpoet_field_divider_style div')).to.have.$css('border-top-color', newColor);
|
||||
});
|
||||
|
||||
it('does not display "Apply to all" option when `hideApplyToAll` option is active', function() {
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockSettingsView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
hideApplyToAll: true,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
expect(view.$('.mailpoet_button_divider_apply_to_all').length).to.equal(0);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
before(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
dividers: ['solid', 'inset'],
|
||||
});
|
||||
});
|
||||
|
||||
beforeEach(function () {
|
||||
model = new (EditorApplication.module('blocks.divider').DividerBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when divider style changes', function () {
|
||||
view.$('.mailpoet_field_divider_style').last().click();
|
||||
expect(model.get('styles.block.borderStyle')).to.equal('inset');
|
||||
});
|
||||
|
||||
it('updates the model when divider width changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_width').val('17').change();
|
||||
expect(model.get('styles.block.borderWidth')).to.equal('17px');
|
||||
});
|
||||
|
||||
it('updates the range slider when divider width input changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_width_input').val('19').keyup();
|
||||
expect(view.$('.mailpoet_field_divider_border_width').val()).to.equal('19');
|
||||
});
|
||||
|
||||
it('updates the input when divider width range slider changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_width').val('19').change();
|
||||
expect(view.$('.mailpoet_field_divider_border_width_input').val()).to.equal('19');
|
||||
});
|
||||
|
||||
it('updates the model when divider color changes', function () {
|
||||
view.$('.mailpoet_field_divider_border_color').val('#123457').change();
|
||||
expect(model.get('styles.block.borderColor')).to.equal('#123457');
|
||||
});
|
||||
|
||||
it('updates the model when divider background color changes', function () {
|
||||
view.$('.mailpoet_field_divider_background_color').val('#cccccc').change();
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#cccccc');
|
||||
});
|
||||
|
||||
it ('changes color of available divider styles when actual divider color changes', function() {
|
||||
var newColor = '#889912';
|
||||
view.$('.mailpoet_field_divider_border_color').val(newColor).change();
|
||||
expect(view.$('.mailpoet_field_divider_style div')).to.have.$css('border-top-color', newColor);
|
||||
});
|
||||
|
||||
it('does not display "Apply to all" option when `hideApplyToAll` option is active', function() {
|
||||
view = new (EditorApplication.module('blocks.divider').DividerBlockSettingsView)({
|
||||
model: model,
|
||||
renderOptions: {
|
||||
hideApplyToAll: true,
|
||||
},
|
||||
});
|
||||
view.render();
|
||||
expect(view.$('.mailpoet_button_divider_apply_to_all').length).to.equal(0);
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,197 +4,196 @@ define('test/newsletter_editor/blocks/footer', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Footer', function () {
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.footer').FooterBlockModel)();
|
||||
});
|
||||
|
||||
it('has a footer type', function () {
|
||||
expect(model.get('type')).to.equal('footer');
|
||||
});
|
||||
|
||||
it('has text', function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has a background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a text color', function () {
|
||||
expect(model.get('styles.text.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a font family', function () {
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Arial');
|
||||
});
|
||||
|
||||
it('has a font size', function () {
|
||||
expect(model.get('styles.text.fontSize')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has text alignment', function () {
|
||||
expect(model.get('styles.text.textAlign')).to.match(/^(left|center|right|justify)$/);
|
||||
});
|
||||
|
||||
it('has a link color', function () {
|
||||
expect(model.get('styles.link.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has link decoration', function () {
|
||||
expect(model.get('styles.link.textDecoration')).to.match(/^(underline|none)$/);
|
||||
});
|
||||
|
||||
it('changes attributes with set', function () {
|
||||
var newValue = 'Some New Text';
|
||||
model.set('text', newValue);
|
||||
expect(model.get('text')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('triggers autosave when any of the attributes change', function () {
|
||||
var mock = sinon.mock().exactly(8).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('text', 'Some new text');
|
||||
model.set('styles.block.backgroundColor', '#123456');
|
||||
model.set('styles.text.fontColor', '#123456');
|
||||
model.set('styles.text.fontFamily', 'SomeFontCT');
|
||||
model.set('styles.text.fontSize', '23px');
|
||||
model.set('styles.text.textAlign', 'justify');
|
||||
model.set('styles.link.fontColor', '#123456');
|
||||
model.set('styles.link.textDecoration', 'underline');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
footer: {
|
||||
text: 'some custom config text',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
},
|
||||
text: {
|
||||
fontColor: '#234567',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
textAlign: 'right',
|
||||
},
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
textDecoration: 'underline',
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.footer').FooterBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('some custom config text');
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#234567');
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('styles.text.fontSize')).to.equal('37px');
|
||||
expect(model.get('styles.text.textAlign')).to.equal('right');
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.footer').FooterBlockModel)();
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.footer').FooterBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.footer').FooterBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
it('has a footer type', function () {
|
||||
expect(model.get('type')).to.equal('footer');
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.footer').FooterBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.footer').FooterBlockSettingsView)({model: model});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_field_footer_text_color')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.footer').FooterBlockModel)({});
|
||||
view = new (EditorApplication.module('blocks.footer').FooterBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when text font color changes', function () {
|
||||
view.$('.mailpoet_field_footer_text_color').val('#123456').change();
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when text font family changes', function () {
|
||||
var value = 'Tahoma';
|
||||
view.$('.mailpoet_field_footer_text_font_family').val(value).change();
|
||||
expect(model.get('styles.text.fontFamily')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when text font size changes', function () {
|
||||
var value = '20px';
|
||||
view.$('.mailpoet_field_footer_text_size').val(value).change();
|
||||
expect(model.get('styles.text.fontSize')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when link font color changes', function () {
|
||||
view.$('#mailpoet_field_footer_link_color').val('#123456').change();
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when link text decoration changes', function () {
|
||||
view.$('#mailpoet_field_footer_link_underline').prop('checked', true).change();
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
view.$('.mailpoet_field_footer_alignment').last().prop('checked', true).change();
|
||||
expect(model.get('styles.text.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('has text', function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has a background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a text color', function () {
|
||||
expect(model.get('styles.text.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a font family', function () {
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Arial');
|
||||
});
|
||||
|
||||
it('has a font size', function () {
|
||||
expect(model.get('styles.text.fontSize')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has text alignment', function () {
|
||||
expect(model.get('styles.text.textAlign')).to.match(/^(left|center|right|justify)$/);
|
||||
});
|
||||
|
||||
it('has a link color', function () {
|
||||
expect(model.get('styles.link.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has link decoration', function () {
|
||||
expect(model.get('styles.link.textDecoration')).to.match(/^(underline|none)$/);
|
||||
});
|
||||
|
||||
it('changes attributes with set', function () {
|
||||
var newValue = 'Some New Text';
|
||||
model.set('text', newValue);
|
||||
expect(model.get('text')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('triggers autosave when any of the attributes change', function () {
|
||||
var mock = sinon.mock().exactly(8).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('text', 'Some new text');
|
||||
model.set('styles.block.backgroundColor', '#123456');
|
||||
model.set('styles.text.fontColor', '#123456');
|
||||
model.set('styles.text.fontFamily', 'SomeFontCT');
|
||||
model.set('styles.text.fontSize', '23px');
|
||||
model.set('styles.text.textAlign', 'justify');
|
||||
model.set('styles.link.fontColor', '#123456');
|
||||
model.set('styles.link.textDecoration', 'underline');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
footer: {
|
||||
text: 'some custom config text',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
},
|
||||
text: {
|
||||
fontColor: '#234567',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
textAlign: 'right',
|
||||
},
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
textDecoration: 'underline',
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.footer').FooterBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('some custom config text');
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#234567');
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('styles.text.fontSize')).to.equal('37px');
|
||||
expect(model.get('styles.text.textAlign')).to.equal('right');
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.footer').FooterBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.footer').FooterBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.footer').FooterBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.footer').FooterBlockSettingsView)({model: model});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_field_footer_text_color')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.footer').FooterBlockModel)({});
|
||||
view = new (EditorApplication.module('blocks.footer').FooterBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when text font color changes', function () {
|
||||
view.$('.mailpoet_field_footer_text_color').val('#123456').change();
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when text font family changes', function () {
|
||||
var value = 'Tahoma';
|
||||
view.$('.mailpoet_field_footer_text_font_family').val(value).change();
|
||||
expect(model.get('styles.text.fontFamily')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when text font size changes', function () {
|
||||
var value = '20px';
|
||||
view.$('.mailpoet_field_footer_text_size').val(value).change();
|
||||
expect(model.get('styles.text.fontSize')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when link font color changes', function () {
|
||||
view.$('#mailpoet_field_footer_link_color').val('#123456').change();
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when link text decoration changes', function () {
|
||||
view.$('#mailpoet_field_footer_link_underline').prop('checked', true).change();
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
view.$('.mailpoet_field_footer_alignment').last().prop('checked', true).change();
|
||||
expect(model.get('styles.text.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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,200 +4,199 @@ define('test/newsletter_editor/blocks/header', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Header', function () {
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global. stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.header').HeaderBlockModel)();
|
||||
});
|
||||
|
||||
it('has a header type', function () {
|
||||
expect(model.get('type')).to.equal('header');
|
||||
});
|
||||
|
||||
it('has text', function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a text color', function () {
|
||||
expect(model.get('styles.text.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a text font family', function () {
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Arial');
|
||||
});
|
||||
|
||||
it('has a text font size', function () {
|
||||
expect(model.get('styles.text.fontSize')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has text align', function () {
|
||||
expect(model.get('styles.text.textAlign')).to.match(/^(left|center|right|justify)$/);
|
||||
});
|
||||
|
||||
it('has link color', function () {
|
||||
expect(model.get('styles.link.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has link text decoration', function () {
|
||||
expect(model.get('styles.link.textDecoration')).to.match(/^(underline|none)$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newValue = 'Some random teeeext';
|
||||
model.set('text', newValue);
|
||||
expect(model.get('text')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(8).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('text', 'Some new text');
|
||||
model.set('styles.block.backgroundColor', '#123456');
|
||||
model.set('styles.text.fontColor', '#123456');
|
||||
model.set('styles.text.fontFamily', 'SomeFontCT');
|
||||
model.set('styles.text.fontSize', '23px');
|
||||
model.set('styles.text.textAlign', 'justify');
|
||||
model.set('styles.link.fontColor', '#123456');
|
||||
model.set('styles.link.textDecoration', 'none');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
header: {
|
||||
text: 'some custom config text',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
},
|
||||
text: {
|
||||
fontColor: '#234567',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
textAlign: 'right',
|
||||
},
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
textDecoration: 'underline',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.header').HeaderBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('some custom config text');
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#234567');
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('styles.text.fontSize')).to.equal('37px');
|
||||
expect(model.get('styles.text.textAlign')).to.equal('right');
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global. stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.header').HeaderBlockModel)();
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.header').HeaderBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.header').HeaderBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
it('has a header type', function () {
|
||||
expect(model.get('type')).to.equal('header');
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.header').HeaderBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.header').HeaderBlockSettingsView)({model: model});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_field_header_text_color')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.header').HeaderBlockModel)({});
|
||||
view = new (EditorApplication.module('blocks.header').HeaderBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when text font color changes', function () {
|
||||
view.$('.mailpoet_field_header_text_color').val('#123456').change();
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when text font family changes', function () {
|
||||
var value = 'Tahoma';
|
||||
view.$('.mailpoet_field_header_text_font_family').val(value).change();
|
||||
expect(model.get('styles.text.fontFamily')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when text font size changes', function () {
|
||||
var value = '20px';
|
||||
view.$('.mailpoet_field_header_text_size').val(value).change();
|
||||
expect(model.get('styles.text.fontSize')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when link font color changes', function () {
|
||||
view.$('#mailpoet_field_header_link_color').val('#123456').change();
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when link text decoration changes', function () {
|
||||
view.$('#mailpoet_field_header_link_underline').prop('checked', true).change();
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
|
||||
it('updates the model when text alignment changes', function () {
|
||||
view.$('.mailpoet_field_header_alignment').last().prop('checked', true).change();
|
||||
expect(model.get('styles.text.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('has text', function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a text color', function () {
|
||||
expect(model.get('styles.text.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has a text font family', function () {
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Arial');
|
||||
});
|
||||
|
||||
it('has a text font size', function () {
|
||||
expect(model.get('styles.text.fontSize')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has text align', function () {
|
||||
expect(model.get('styles.text.textAlign')).to.match(/^(left|center|right|justify)$/);
|
||||
});
|
||||
|
||||
it('has link color', function () {
|
||||
expect(model.get('styles.link.fontColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it('has link text decoration', function () {
|
||||
expect(model.get('styles.link.textDecoration')).to.match(/^(underline|none)$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newValue = 'Some random teeeext';
|
||||
model.set('text', newValue);
|
||||
expect(model.get('text')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(8).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('text', 'Some new text');
|
||||
model.set('styles.block.backgroundColor', '#123456');
|
||||
model.set('styles.text.fontColor', '#123456');
|
||||
model.set('styles.text.fontFamily', 'SomeFontCT');
|
||||
model.set('styles.text.fontSize', '23px');
|
||||
model.set('styles.text.textAlign', 'justify');
|
||||
model.set('styles.link.fontColor', '#123456');
|
||||
model.set('styles.link.textDecoration', 'none');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
header: {
|
||||
text: 'some custom config text',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
},
|
||||
text: {
|
||||
fontColor: '#234567',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
textAlign: 'right',
|
||||
},
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
textDecoration: 'underline',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.header').HeaderBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('some custom config text');
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#234567');
|
||||
expect(model.get('styles.text.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('styles.text.fontSize')).to.equal('37px');
|
||||
expect(model.get('styles.text.textAlign')).to.equal('right');
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.header').HeaderBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.header').HeaderBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.header').HeaderBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.header').HeaderBlockSettingsView)({model: model});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_field_header_text_color')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication, {
|
||||
fonts: ['Arial', 'Tahoma'],
|
||||
textSizes: ['16px', '20px'],
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.header').HeaderBlockModel)({});
|
||||
view = new (EditorApplication.module('blocks.header').HeaderBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when text font color changes', function () {
|
||||
view.$('.mailpoet_field_header_text_color').val('#123456').change();
|
||||
expect(model.get('styles.text.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when text font family changes', function () {
|
||||
var value = 'Tahoma';
|
||||
view.$('.mailpoet_field_header_text_font_family').val(value).change();
|
||||
expect(model.get('styles.text.fontFamily')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when text font size changes', function () {
|
||||
var value = '20px';
|
||||
view.$('.mailpoet_field_header_text_size').val(value).change();
|
||||
expect(model.get('styles.text.fontSize')).to.equal(value);
|
||||
});
|
||||
|
||||
it('updates the model when link font color changes', function () {
|
||||
view.$('#mailpoet_field_header_link_color').val('#123456').change();
|
||||
expect(model.get('styles.link.fontColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
it('updates the model when link text decoration changes', function () {
|
||||
view.$('#mailpoet_field_header_link_underline').prop('checked', true).change();
|
||||
expect(model.get('styles.link.textDecoration')).to.equal('underline');
|
||||
});
|
||||
|
||||
it('updates the model when text alignment changes', function () {
|
||||
view.$('.mailpoet_field_header_alignment').last().prop('checked', true).change();
|
||||
expect(model.get('styles.text.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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,197 +4,196 @@ define('test/newsletter_editor/blocks/image', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Image', function () {
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.image').ImageBlockModel)();
|
||||
});
|
||||
|
||||
it('has an image type', function () {
|
||||
expect(model.get('type')).to.equal('image');
|
||||
});
|
||||
|
||||
it('has a link', function () {
|
||||
expect(model.get('link')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has an image src', function () {
|
||||
expect(model.get('src')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has alt text', function () {
|
||||
expect(model.get('alt')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('can be padded', function () {
|
||||
expect(model.get('padded')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has a width', function () {
|
||||
expect(model.get('width')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has a height', function () {
|
||||
expect(model.get('height')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has alignment', function () {
|
||||
expect(model.get('styles.block.textAlign')).to.match(/^(left|center|right)$/);
|
||||
});
|
||||
|
||||
it('changes attributes with set', function () {
|
||||
var newValue = 'someImage.png';
|
||||
model.set('src', newValue);
|
||||
expect(model.get('src')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('triggers autosave when any of the attributes change', function () {
|
||||
var mock = sinon.mock().exactly(7).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('link', 'http://example.net');
|
||||
model.set('src', 'someNewImage.png');
|
||||
model.set('alt', 'Some alt text');
|
||||
model.set('padded', false);
|
||||
model.set('width', '63px');
|
||||
model.set('height', '61px');
|
||||
model.set('styles.block.textAlign', 'right');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
image: {
|
||||
link: 'http://example.org/customConfigPage',
|
||||
src: 'http://example.org/someCustomConfigImage.png',
|
||||
alt: 'Custom config alt',
|
||||
padded: false,
|
||||
width: '1234px',
|
||||
height: '2345px',
|
||||
styles: {
|
||||
block: {
|
||||
textAlign: 'right',
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.image').ImageBlockModel)();
|
||||
|
||||
expect(model.get('link')).to.equal('http://example.org/customConfigPage');
|
||||
expect(model.get('src')).to.equal('http://example.org/someCustomConfigImage.png');
|
||||
expect(model.get('alt')).to.equal('Custom config alt');
|
||||
expect(model.get('padded')).to.equal(false);
|
||||
expect(model.get('width')).to.equal('1234px');
|
||||
expect(model.get('height')).to.equal('2345px');
|
||||
expect(model.get('styles.block.textAlign')).to.equal('right');
|
||||
});
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.image').ImageBlockModel)();
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
it('has an image type', function () {
|
||||
expect(model.get('type')).to.equal('image');
|
||||
});
|
||||
|
||||
it('has a link', function () {
|
||||
expect(model.get('link')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has an image src', function () {
|
||||
expect(model.get('src')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has alt text', function () {
|
||||
expect(model.get('alt')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('can be padded', function () {
|
||||
expect(model.get('padded')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has a width', function () {
|
||||
expect(model.get('width')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has a height', function () {
|
||||
expect(model.get('height')).to.match(/^\d+px$/);
|
||||
});
|
||||
|
||||
it('has alignment', function () {
|
||||
expect(model.get('styles.block.textAlign')).to.match(/^(left|center|right)$/);
|
||||
});
|
||||
|
||||
it('changes attributes with set', function () {
|
||||
var newValue = 'someImage.png';
|
||||
model.set('src', newValue);
|
||||
expect(model.get('src')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('triggers autosave when any of the attributes change', function () {
|
||||
var mock = sinon.mock().exactly(7).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('link', 'http://example.net');
|
||||
model.set('src', 'someNewImage.png');
|
||||
model.set('alt', 'Some alt text');
|
||||
model.set('padded', false);
|
||||
model.set('width', '63px');
|
||||
model.set('height', '61px');
|
||||
model.set('styles.block.textAlign', 'right');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
image: {
|
||||
link: 'http://example.org/customConfigPage',
|
||||
src: 'http://example.org/someCustomConfigImage.png',
|
||||
alt: 'Custom config alt',
|
||||
padded: false,
|
||||
width: '1234px',
|
||||
height: '2345px',
|
||||
styles: {
|
||||
block: {
|
||||
textAlign: 'right',
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.image').ImageBlockModel)();
|
||||
|
||||
expect(model.get('link')).to.equal('http://example.org/customConfigPage');
|
||||
expect(model.get('src')).to.equal('http://example.org/someCustomConfigImage.png');
|
||||
expect(model.get('alt')).to.equal('Custom config alt');
|
||||
expect(model.get('padded')).to.equal(false);
|
||||
expect(model.get('width')).to.equal('1234px');
|
||||
expect(model.get('height')).to.equal('2345px');
|
||||
expect(model.get('styles.block.textAlign')).to.equal('right');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.image').ImageBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
view = new (EditorApplication.module('blocks.image').ImageBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model = new (EditorApplication.module('blocks.image').ImageBlockModel)({
|
||||
link: 'http://example.org/somepath',
|
||||
src: 'http://example.org/someimage.png',
|
||||
alt: 'some alt',
|
||||
}),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.image').ImageBlockModel)(),
|
||||
view;
|
||||
view = new (EditorApplication.module('blocks.image').ImageBlockView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
beforeEach(function () {
|
||||
view = new (EditorApplication.module('blocks.image').ImageBlockView)({model: model});
|
||||
});
|
||||
it('displays the image', function () {
|
||||
expect(view.$('.mailpoet_content a').attr('href')).to.equal('http://example.org/somepath');
|
||||
expect(view.$('.mailpoet_content img').attr('src')).to.equal('http://example.org/someimage.png');
|
||||
expect(view.$('.mailpoet_content img').attr('alt')).to.equal('some alt');
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
it('rerenders if attribute changes', function () {
|
||||
var newValue = 'http://example.org/someNEWimage.png';
|
||||
expect(view.$('.mailpoet_content img').attr('src')).to.not.equal(newValue);
|
||||
model.set('src', newValue);
|
||||
expect(view.$('.mailpoet_content img').attr('src')).to.equal(newValue);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model = new (EditorApplication.module('blocks.image').ImageBlockModel)({
|
||||
link: 'http://example.org/somepath',
|
||||
src: 'http://example.org/someimage.png',
|
||||
alt: 'some alt',
|
||||
}),
|
||||
view;
|
||||
describe('block settings view', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.image').ImageBlockView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('displays the image', function () {
|
||||
expect(view.$('.mailpoet_content a').attr('href')).to.equal('http://example.org/somepath');
|
||||
expect(view.$('.mailpoet_content img').attr('src')).to.equal('http://example.org/someimage.png');
|
||||
expect(view.$('.mailpoet_content img').attr('alt')).to.equal('some alt');
|
||||
});
|
||||
|
||||
it('rerenders if attribute changes', function () {
|
||||
var newValue = 'http://example.org/someNEWimage.png';
|
||||
expect(view.$('.mailpoet_content img').attr('src')).to.not.equal(newValue);
|
||||
model.set('src', newValue);
|
||||
expect(view.$('.mailpoet_content img').attr('src')).to.equal(newValue);
|
||||
});
|
||||
});
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.image').ImageBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.image').ImageBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
describe('block settings view', function () {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.image').ImageBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.image').ImageBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
it('updates the model when link changes', function () {
|
||||
var newValue = 'http://example.org/someNewLink';
|
||||
view.$('.mailpoet_field_image_link').val(newValue).keyup();
|
||||
expect(model.get('link')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when src changes', function () {
|
||||
var newValue = 'http://example.org/someNewImage.png';
|
||||
view.$('.mailpoet_field_image_address').val(newValue).keyup();
|
||||
expect(model.get('src')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when alt changes', function () {
|
||||
var newValue = 'Some new alt text';
|
||||
view.$('.mailpoet_field_image_alt_text').val(newValue).keyup();
|
||||
expect(model.get('alt')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when padding changes', function () {
|
||||
var newValue = 'false';
|
||||
view.$('.mailpoet_field_image_padded').val(newValue).change();
|
||||
expect(model.get('padded')).to.equal(false);
|
||||
});
|
||||
|
||||
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('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
it('updates the model when link changes', function () {
|
||||
var newValue = 'http://example.org/someNewLink';
|
||||
view.$('.mailpoet_field_image_link').val(newValue).keyup();
|
||||
expect(model.get('link')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when src changes', function () {
|
||||
var newValue = 'http://example.org/someNewImage.png';
|
||||
view.$('.mailpoet_field_image_address').val(newValue).keyup();
|
||||
expect(model.get('src')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when alt changes', function () {
|
||||
var newValue = 'Some new alt text';
|
||||
view.$('.mailpoet_field_image_alt_text').val(newValue).keyup();
|
||||
expect(model.get('alt')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('updates the model when padding changes', function () {
|
||||
var newValue = 'false';
|
||||
view.$('.mailpoet_field_image_padded').val(newValue).change();
|
||||
expect(model.get('padded')).to.equal(false);
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,385 +4,384 @@ define('test/newsletter_editor/blocks/posts', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Posts', function () {
|
||||
Backbone.Radio = {
|
||||
Requests: {
|
||||
request: function () {
|
||||
}, reply: function () {
|
||||
},
|
||||
},
|
||||
};
|
||||
describe('model', function () {
|
||||
var model;
|
||||
Backbone.Radio = {
|
||||
Requests: {
|
||||
request: function () {
|
||||
}, reply: function () {
|
||||
},
|
||||
},
|
||||
};
|
||||
describe('model', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.mailpoet_post_wpi = sinon.stub();
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.SuperModel);
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
});
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.mailpoet_post_wpi = sinon.stub();
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.SuperModel);
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it('has posts type', function () {
|
||||
expect(model.get('type')).to.equal('posts');
|
||||
});
|
||||
it('has posts type', function () {
|
||||
expect(model.get('type')).to.equal('posts');
|
||||
});
|
||||
|
||||
it('has post amount limit', function () {
|
||||
expect(model.get('amount')).to.match(/^\d+$/);
|
||||
});
|
||||
it('has post amount limit', function () {
|
||||
expect(model.get('amount')).to.match(/^\d+$/);
|
||||
});
|
||||
|
||||
it('has post type filter', function () {
|
||||
expect(model.get('contentType')).to.match(/^(post|page|mailpoet_page)$/);
|
||||
});
|
||||
it('has post type filter', function () {
|
||||
expect(model.get('contentType')).to.match(/^(post|page|mailpoet_page)$/);
|
||||
});
|
||||
|
||||
it('has terms filter', function () {
|
||||
expect(model.get('terms')).to.have.length(0);
|
||||
});
|
||||
it('has terms filter', function () {
|
||||
expect(model.get('terms')).to.have.length(0);
|
||||
});
|
||||
|
||||
it('has inclusion filter', function () {
|
||||
expect(model.get('inclusionType')).to.match(/^(include|exclude)$/);
|
||||
});
|
||||
it('has inclusion filter', function () {
|
||||
expect(model.get('inclusionType')).to.match(/^(include|exclude)$/);
|
||||
});
|
||||
|
||||
it('has display type', function () {
|
||||
expect(model.get('displayType')).to.match(/^(excerpt|full|titleOnly)$/);
|
||||
});
|
||||
it('has display type', function () {
|
||||
expect(model.get('displayType')).to.match(/^(excerpt|full|titleOnly)$/);
|
||||
});
|
||||
|
||||
it('has title heading format', function () {
|
||||
expect(model.get('titleFormat')).to.match(/^(h1|h2|h3|ul)$/);
|
||||
});
|
||||
it('has title heading format', function () {
|
||||
expect(model.get('titleFormat')).to.match(/^(h1|h2|h3|ul)$/);
|
||||
});
|
||||
|
||||
it('has title position', function () {
|
||||
expect(model.get('titlePosition')).to.match(/^(inTextBlock|aboveBlock)$/);
|
||||
});
|
||||
it('has title position', function () {
|
||||
expect(model.get('titlePosition')).to.match(/^(inTextBlock|aboveBlock)$/);
|
||||
});
|
||||
|
||||
it('has title alignment', function () {
|
||||
expect(model.get('titleAlignment')).to.match(/^(left|center|right)$/);
|
||||
});
|
||||
it('has title alignment', function () {
|
||||
expect(model.get('titleAlignment')).to.match(/^(left|center|right)$/);
|
||||
});
|
||||
|
||||
it('optionally has title as link', function () {
|
||||
expect(model.get('titleIsLink')).to.be.a('boolean');
|
||||
});
|
||||
it('optionally has title as link', function () {
|
||||
expect(model.get('titleIsLink')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has image specific alignment', function () {
|
||||
expect(model.get('imagePadded')).to.be.a('boolean');
|
||||
});
|
||||
it('has image specific alignment', function () {
|
||||
expect(model.get('imagePadded')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has an option to display author', function () {
|
||||
expect(model.get('showAuthor')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
it('has an option to display author', function () {
|
||||
expect(model.get('showAuthor')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
|
||||
it('has text preceding author', function () {
|
||||
expect(model.get('authorPrecededBy')).to.be.a('string');
|
||||
});
|
||||
it('has text preceding author', function () {
|
||||
expect(model.get('authorPrecededBy')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has an option to display categories', function () {
|
||||
expect(model.get('showCategories')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
it('has an option to display categories', function () {
|
||||
expect(model.get('showCategories')).to.match(/^(no|aboveText|belowText)$/);
|
||||
});
|
||||
|
||||
it('has text preceding categories', function () {
|
||||
expect(model.get('categoriesPrecededBy')).to.be.a('string');
|
||||
});
|
||||
it('has text preceding categories', function () {
|
||||
expect(model.get('categoriesPrecededBy')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has a link or a button type for read more', function () {
|
||||
expect(model.get('readMoreType')).to.match(/^(link|button)$/);
|
||||
});
|
||||
it('has a link or a button type for read more', function () {
|
||||
expect(model.get('readMoreType')).to.match(/^(link|button)$/);
|
||||
});
|
||||
|
||||
it('has read more text', function () {
|
||||
expect(model.get('readMoreText')).to.be.a('string');
|
||||
});
|
||||
it('has read more text', function () {
|
||||
expect(model.get('readMoreText')).to.be.a('string');
|
||||
});
|
||||
|
||||
it('has a read more button', function () {
|
||||
expect(model.get('readMoreButton')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
it('has a read more button', function () {
|
||||
expect(model.get('readMoreButton')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
|
||||
it('has sorting', function () {
|
||||
expect(model.get('sortBy')).to.match(/^(newest|oldest)$/);
|
||||
});
|
||||
it('has sorting', function () {
|
||||
expect(model.get('sortBy')).to.match(/^(newest|oldest)$/);
|
||||
});
|
||||
|
||||
it('has an option to display divider', function () {
|
||||
expect(model.get('showDivider')).to.be.a('boolean');
|
||||
});
|
||||
it('has an option to display divider', function () {
|
||||
expect(model.get('showDivider')).to.be.a('boolean');
|
||||
});
|
||||
|
||||
it('has a divider', function () {
|
||||
expect(model.get('divider')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
it('has a divider', function () {
|
||||
expect(model.get('divider')).to.be.instanceof(Backbone.Model);
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
posts: {
|
||||
amount: '17',
|
||||
contentType: 'mailpoet_page', // 'post'|'page'|'mailpoet_page'
|
||||
inclusionType: 'exclude', // 'include'|'exclude'
|
||||
displayType: 'full', // 'excerpt'|'full'|'titleOnly'
|
||||
titleFormat: 'h3', // 'h1'|'h2'|'h3'|'ul'
|
||||
titlePosition: 'aboveBlock', // 'inTextBlock'|'aboveBlock',
|
||||
titleAlignment: 'right', // 'left'|'center'|'right'
|
||||
titleIsLink: true, // false|true
|
||||
imagePadded: false, // true|false
|
||||
//imageAlignment: 'right', // 'centerFull'|'centerPadded'|'left'|'right'|'alternate'|'none'
|
||||
showAuthor: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
authorPrecededBy: 'Custom config author preceded by',
|
||||
showCategories: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
categoriesPrecededBy: 'Custom config categories preceded by',
|
||||
readMoreType: 'button', // 'link'|'button'
|
||||
readMoreText: 'Custom Config read more text',
|
||||
readMoreButton: {
|
||||
text: 'Custom config read more',
|
||||
url: '[postLink]',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
},
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
},
|
||||
},
|
||||
},
|
||||
sortBy: 'oldest', // 'newest'|'oldest',
|
||||
showDivider: true, // true|false
|
||||
divider: {
|
||||
src: 'http://example.org/someConfigDividerImage.png',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#456789',
|
||||
padding: '38px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
posts: {
|
||||
amount: '17',
|
||||
contentType: 'mailpoet_page', // 'post'|'page'|'mailpoet_page'
|
||||
inclusionType: 'exclude', // 'include'|'exclude'
|
||||
displayType: 'full', // 'excerpt'|'full'|'titleOnly'
|
||||
titleFormat: 'h3', // 'h1'|'h2'|'h3'|'ul'
|
||||
titlePosition: 'aboveBlock', // 'inTextBlock'|'aboveBlock',
|
||||
titleAlignment: 'right', // 'left'|'center'|'right'
|
||||
titleIsLink: true, // false|true
|
||||
imagePadded: false, // true|false
|
||||
//imageAlignment: 'right', // 'centerFull'|'centerPadded'|'left'|'right'|'alternate'|'none'
|
||||
showAuthor: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
authorPrecededBy: 'Custom config author preceded by',
|
||||
showCategories: 'belowText', // 'no'|'aboveText'|'belowText'
|
||||
categoriesPrecededBy: 'Custom config categories preceded by',
|
||||
readMoreType: 'button', // 'link'|'button'
|
||||
readMoreText: 'Custom Config read more text',
|
||||
readMoreButton: {
|
||||
text: 'Custom config read more',
|
||||
url: '[postLink]',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#123456',
|
||||
borderColor: '#234567',
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
link: {
|
||||
fontColor: '#345678',
|
||||
fontFamily: 'Tahoma',
|
||||
fontSize: '37px',
|
||||
},
|
||||
},
|
||||
},
|
||||
sortBy: 'oldest', // 'newest'|'oldest',
|
||||
showDivider: true, // true|false
|
||||
divider: {
|
||||
src: 'http://example.org/someConfigDividerImage.png',
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#456789',
|
||||
padding: '38px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
|
||||
expect(model.get('amount')).to.equal('17');
|
||||
expect(model.get('contentType')).to.equal('mailpoet_page');
|
||||
expect(model.get('inclusionType')).to.equal('exclude');
|
||||
expect(model.get('displayType')).to.equal('full');
|
||||
expect(model.get('titleFormat')).to.equal('h3');
|
||||
expect(model.get('titlePosition')).to.equal('aboveBlock');
|
||||
expect(model.get('titleAlignment')).to.equal('right');
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
expect(model.get('imagePadded')).to.equal(false);
|
||||
expect(model.get('showAuthor')).to.equal('belowText');
|
||||
expect(model.get('authorPrecededBy')).to.equal('Custom config author preceded by');
|
||||
expect(model.get('showCategories')).to.equal('belowText');
|
||||
expect(model.get('categoriesPrecededBy')).to.equal('Custom config categories preceded by');
|
||||
expect(model.get('readMoreType')).to.equal('button');
|
||||
expect(model.get('readMoreText')).to.equal('Custom Config read more text');
|
||||
expect(model.get('readMoreButton.text')).to.equal('Custom config read more');
|
||||
expect(model.get('readMoreButton.url')).to.equal('[postLink]');
|
||||
expect(model.get('readMoreButton.styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('readMoreButton.styles.block.borderColor')).to.equal('#234567');
|
||||
expect(model.get('readMoreButton.styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('readMoreButton.styles.link.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('readMoreButton.styles.link.fontSize')).to.equal('37px');
|
||||
expect(model.get('sortBy')).to.equal('oldest');
|
||||
expect(model.get('showDivider')).to.equal(true);
|
||||
expect(model.get('divider.src')).to.equal('http://example.org/someConfigDividerImage.png');
|
||||
expect(model.get('divider.styles.block.backgroundColor')).to.equal('#456789');
|
||||
expect(model.get('divider.styles.block.padding')).to.equal('38px');
|
||||
});
|
||||
expect(model.get('amount')).to.equal('17');
|
||||
expect(model.get('contentType')).to.equal('mailpoet_page');
|
||||
expect(model.get('inclusionType')).to.equal('exclude');
|
||||
expect(model.get('displayType')).to.equal('full');
|
||||
expect(model.get('titleFormat')).to.equal('h3');
|
||||
expect(model.get('titlePosition')).to.equal('aboveBlock');
|
||||
expect(model.get('titleAlignment')).to.equal('right');
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
expect(model.get('imagePadded')).to.equal(false);
|
||||
expect(model.get('showAuthor')).to.equal('belowText');
|
||||
expect(model.get('authorPrecededBy')).to.equal('Custom config author preceded by');
|
||||
expect(model.get('showCategories')).to.equal('belowText');
|
||||
expect(model.get('categoriesPrecededBy')).to.equal('Custom config categories preceded by');
|
||||
expect(model.get('readMoreType')).to.equal('button');
|
||||
expect(model.get('readMoreText')).to.equal('Custom Config read more text');
|
||||
expect(model.get('readMoreButton.text')).to.equal('Custom config read more');
|
||||
expect(model.get('readMoreButton.url')).to.equal('[postLink]');
|
||||
expect(model.get('readMoreButton.styles.block.backgroundColor')).to.equal('#123456');
|
||||
expect(model.get('readMoreButton.styles.block.borderColor')).to.equal('#234567');
|
||||
expect(model.get('readMoreButton.styles.link.fontColor')).to.equal('#345678');
|
||||
expect(model.get('readMoreButton.styles.link.fontFamily')).to.equal('Tahoma');
|
||||
expect(model.get('readMoreButton.styles.link.fontSize')).to.equal('37px');
|
||||
expect(model.get('sortBy')).to.equal('oldest');
|
||||
expect(model.get('showDivider')).to.equal(true);
|
||||
expect(model.get('divider.src')).to.equal('http://example.org/someConfigDividerImage.png');
|
||||
expect(model.get('divider.styles.block.backgroundColor')).to.equal('#456789');
|
||||
expect(model.get('divider.styles.block.padding')).to.equal('38px');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockView)({model: model});
|
||||
|
||||
// Disable auto-opening of settings view
|
||||
view.off('showSettings');
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
var model, view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockView)({model: model});
|
||||
|
||||
// Disable auto-opening of settings view
|
||||
view.off('showSettings');
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
describe('block settings view', function () {
|
||||
var model, view;
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
});
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockSettingsView)({model: model});
|
||||
describe('block settings view', function () {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
// Stub out block view requests
|
||||
model.request = sinon.stub().returns({$el: {}});
|
||||
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
it('changes the model if post type changes', function () {
|
||||
var newValue = 'mailpoet_page';
|
||||
view.$('.mailpoet_settings_posts_content_type').val(newValue).change();
|
||||
expect(model.get('contentType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if post status changes', function () {
|
||||
var newValue = 'pending';
|
||||
view.$('.mailpoet_posts_post_status').val(newValue).change();
|
||||
expect(model.get('postStatus')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if search term changes', function () {
|
||||
var newValue = 'some New search term';
|
||||
view.$('.mailpoet_posts_search_term').val(newValue).keyup();
|
||||
expect(model.get('search')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if display type changes', function () {
|
||||
var newValue = 'full';
|
||||
view.$('.mailpoet_posts_display_type').val(newValue).change();
|
||||
expect(model.get('displayType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title format changes', function () {
|
||||
var newValue = 'h3';
|
||||
view.$('.mailpoet_posts_title_format').val(newValue).change();
|
||||
expect(model.get('titleFormat')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title position changes', function () {
|
||||
var newValue = 'aboveBlock';
|
||||
view.$('.mailpoet_posts_title_position').val(newValue).change();
|
||||
expect(model.get('titlePosition')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title alignment changes', function () {
|
||||
var newValue = 'right';
|
||||
view.$('.mailpoet_posts_title_alignment').val(newValue).change();
|
||||
expect(model.get('titleAlignment')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title link changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_posts_title_as_links').val(newValue).change();
|
||||
expect(model.get('titleIsLink')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if image alignment changes', function () {
|
||||
var newValue = false;
|
||||
view.$('.mailpoet_posts_image_padded').val(newValue).change();
|
||||
expect(model.get('imagePadded')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show author changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_posts_show_author').val(newValue).change();
|
||||
expect(model.get('showAuthor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if author preceded by changes', function () {
|
||||
var newValue = 'New author preceded by test';
|
||||
view.$('.mailpoet_posts_author_preceded_by').val(newValue).keyup();
|
||||
expect(model.get('authorPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show categories changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_posts_show_categories').val(newValue).change();
|
||||
expect(model.get('showCategories')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if categories preceded by changes', function () {
|
||||
var newValue = 'New categories preceded by test';
|
||||
view.$('.mailpoet_posts_categories').val(newValue).keyup();
|
||||
expect(model.get('categoriesPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more button type changes', function () {
|
||||
var newValue = 'link';
|
||||
view.$('.mailpoet_posts_read_more_type').val(newValue).change();
|
||||
expect(model.get('readMoreType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more text changes', function () {
|
||||
var newValue = 'New read more text';
|
||||
view.$('.mailpoet_posts_read_more_text').val(newValue).keyup();
|
||||
expect(model.get('readMoreText')).to.equal(newValue);
|
||||
});
|
||||
|
||||
describe('when "title only" display type is selected', function() {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
model.request = sinon.stub().returns({$el: {}});
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_posts_display_type').val('titleOnly').change();
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
// Stub out block view requests
|
||||
it('shows "title as list" option', function () {
|
||||
expect(view.$('.mailpoet_posts_title_as_list')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
describe('when "title as list" is selected', function() {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
model.request = sinon.stub().returns({$el: {}});
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_posts_display_type').val('titleOnly').change();
|
||||
view.$('.mailpoet_posts_title_format').val('ul').change();
|
||||
});
|
||||
|
||||
expect(view.render).to.not.throw();
|
||||
describe('"title is link" option', function () {
|
||||
it('is hidden', function () {
|
||||
expect(view.$('.mailpoet_posts_title_as_link')).to.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
it('is set to "yes"', function() {
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
it('changes the model if post type changes', function () {
|
||||
var newValue = 'mailpoet_page';
|
||||
view.$('.mailpoet_settings_posts_content_type').val(newValue).change();
|
||||
expect(model.get('contentType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if post status changes', function () {
|
||||
var newValue = 'pending';
|
||||
view.$('.mailpoet_posts_post_status').val(newValue).change();
|
||||
expect(model.get('postStatus')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if search term changes', function () {
|
||||
var newValue = 'some New search term';
|
||||
view.$('.mailpoet_posts_search_term').val(newValue).keyup();
|
||||
expect(model.get('search')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if display type changes', function () {
|
||||
var newValue = 'full';
|
||||
view.$('.mailpoet_posts_display_type').val(newValue).change();
|
||||
expect(model.get('displayType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title format changes', function () {
|
||||
var newValue = 'h3';
|
||||
view.$('.mailpoet_posts_title_format').val(newValue).change();
|
||||
expect(model.get('titleFormat')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title position changes', function () {
|
||||
var newValue = 'aboveBlock';
|
||||
view.$('.mailpoet_posts_title_position').val(newValue).change();
|
||||
expect(model.get('titlePosition')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title alignment changes', function () {
|
||||
var newValue = 'right';
|
||||
view.$('.mailpoet_posts_title_alignment').val(newValue).change();
|
||||
expect(model.get('titleAlignment')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if title link changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_posts_title_as_links').val(newValue).change();
|
||||
expect(model.get('titleIsLink')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if image alignment changes', function () {
|
||||
var newValue = false;
|
||||
view.$('.mailpoet_posts_image_padded').val(newValue).change();
|
||||
expect(model.get('imagePadded')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show author changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_posts_show_author').val(newValue).change();
|
||||
expect(model.get('showAuthor')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if author preceded by changes', function () {
|
||||
var newValue = 'New author preceded by test';
|
||||
view.$('.mailpoet_posts_author_preceded_by').val(newValue).keyup();
|
||||
expect(model.get('authorPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if show categories changes', function () {
|
||||
var newValue = 'belowText';
|
||||
view.$('.mailpoet_posts_show_categories').val(newValue).change();
|
||||
expect(model.get('showCategories')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if categories preceded by changes', function () {
|
||||
var newValue = 'New categories preceded by test';
|
||||
view.$('.mailpoet_posts_categories').val(newValue).keyup();
|
||||
expect(model.get('categoriesPrecededBy')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more button type changes', function () {
|
||||
var newValue = 'link';
|
||||
view.$('.mailpoet_posts_read_more_type').val(newValue).change();
|
||||
expect(model.get('readMoreType')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it('changes the model if read more text changes', function () {
|
||||
var newValue = 'New read more text';
|
||||
view.$('.mailpoet_posts_read_more_text').val(newValue).keyup();
|
||||
expect(model.get('readMoreText')).to.equal(newValue);
|
||||
});
|
||||
|
||||
describe('when "title only" display type is selected', function() {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
model.request = sinon.stub().returns({$el: {}});
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_posts_display_type').val('titleOnly').change();
|
||||
});
|
||||
|
||||
it('shows "title as list" option', function () {
|
||||
expect(view.$('.mailpoet_posts_title_as_list')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
describe('when "title as list" is selected', function() {
|
||||
var model, view;
|
||||
beforeEach(function() {
|
||||
model = new (EditorApplication.module('blocks.posts').PostsBlockModel)();
|
||||
model.request = sinon.stub().returns({$el: {}});
|
||||
view = new (EditorApplication.module('blocks.posts').PostsBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
view.$('.mailpoet_posts_display_type').val('titleOnly').change();
|
||||
view.$('.mailpoet_posts_title_format').val('ul').change();
|
||||
});
|
||||
|
||||
describe('"title is link" option', function () {
|
||||
it('is hidden', function () {
|
||||
expect(view.$('.mailpoet_posts_title_as_link')).to.have.$class('mailpoet_hidden');
|
||||
});
|
||||
|
||||
it('is set to "yes"', function() {
|
||||
expect(model.get('titleIsLink')).to.equal(true);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('when "title as list" is deselected', function() {
|
||||
before(function() {
|
||||
view.$('.mailpoet_posts_title_format').val('ul').change();
|
||||
view.$('.mailpoet_posts_title_format').val('h3').change();
|
||||
});
|
||||
|
||||
describe('"title is link" option', function () {
|
||||
it('is visible', function () {
|
||||
expect(view.$('.mailpoet_posts_title_as_link')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('changes the model if show divider changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_posts_show_divider').val(newValue).change();
|
||||
expect(model.get('showDivider')).to.equal(newValue);
|
||||
describe('when "title as list" is deselected', function() {
|
||||
before(function() {
|
||||
view.$('.mailpoet_posts_title_format').val('ul').change();
|
||||
view.$('.mailpoet_posts_title_format').val('h3').change();
|
||||
});
|
||||
|
||||
describe('"title is link" option', function () {
|
||||
it('is visible', function () {
|
||||
expect(view.$('.mailpoet_posts_title_as_link')).to.not.have.$class('mailpoet_hidden');
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('changes the model if show divider changes', function () {
|
||||
var newValue = true;
|
||||
view.$('.mailpoet_posts_show_divider').val(newValue).change();
|
||||
expect(model.get('showDivider')).to.equal(newValue);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,277 +4,276 @@ define('test/newsletter_editor/blocks/social', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Social', function () {
|
||||
describe('block model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.social').SocialBlockModel)();
|
||||
});
|
||||
|
||||
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(EditorApplication, {
|
||||
blockDefaults: {
|
||||
social: {
|
||||
iconSet: 'customConfigIconSet',
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.social').SocialBlockModel)();
|
||||
|
||||
expect(model.get('iconSet')).to.equal('customConfigIconSet');
|
||||
});
|
||||
describe('block model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.social').SocialBlockModel)();
|
||||
});
|
||||
|
||||
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 (EditorApplication.module('blocks.social').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');
|
||||
});
|
||||
it('has a social type', function () {
|
||||
expect(model.get('type')).to.equal('social');
|
||||
});
|
||||
|
||||
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 (EditorApplication.module('blocks.social').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 (EditorApplication.module('blocks.social').SocialBlockView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_social')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.social').SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
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 (EditorApplication.module('blocks.social').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('has an icon set it uses', function () {
|
||||
expect(model.get('iconSet')).to.be.a('string');
|
||||
});
|
||||
|
||||
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',
|
||||
},
|
||||
},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.social').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 (EditorApplication.module('blocks.social').SocialBlockSettingsView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, 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 (EditorApplication.module('blocks.social').SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'somelink.htm',
|
||||
image: 'someimage.png',
|
||||
height: '32px',
|
||||
width: '32px',
|
||||
text: 'some text',
|
||||
}
|
||||
],
|
||||
});
|
||||
view = new (EditorApplication.module('blocks.social').SocialBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
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('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('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.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('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',
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.social').SocialBlockModel)();
|
||||
|
||||
expect(model.get('iconSet')).to.equal('customConfigIconSet');
|
||||
});
|
||||
});
|
||||
|
||||
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 (EditorApplication.module('blocks.social').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(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 (EditorApplication.module('blocks.social').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 (EditorApplication.module('blocks.social').SocialBlockView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_social')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, view;
|
||||
|
||||
before(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.social').SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
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 (EditorApplication.module('blocks.social').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');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
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',
|
||||
},
|
||||
},
|
||||
});
|
||||
model = new (EditorApplication.module('blocks.social').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 (EditorApplication.module('blocks.social').SocialBlockSettingsView)({model: model});
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model, 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 (EditorApplication.module('blocks.social').SocialBlockModel)({
|
||||
type: 'social',
|
||||
iconSet: 'default',
|
||||
icons: [
|
||||
{
|
||||
type: 'socialIcon',
|
||||
iconType: 'custom',
|
||||
link: 'somelink.htm',
|
||||
image: 'someimage.png',
|
||||
height: '32px',
|
||||
width: '32px',
|
||||
text: 'some text',
|
||||
}
|
||||
],
|
||||
});
|
||||
view = new (EditorApplication.module('blocks.social').SocialBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
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('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('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.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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,140 +4,139 @@ define('test/newsletter_editor/blocks/spacer', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Spacer', function () {
|
||||
describe('model', function () {
|
||||
var model;
|
||||
describe('model', function () {
|
||||
var model;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)();
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
it('has spacer type', function () {
|
||||
expect(model.get('type')).to.equal('spacer');
|
||||
});
|
||||
|
||||
it('has height', function () {
|
||||
expect(model.get('styles.block.height')).to.match(/\d+px/);
|
||||
});
|
||||
|
||||
it('has a background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newValue = '33px';
|
||||
model.set('styles.block.height', newValue);
|
||||
expect(model.get('styles.block.height')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(2).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('styles.block.backgroundColor', '#000000');
|
||||
model.set('styles.block.height', '77px');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
spacer: {
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#567890',
|
||||
height: '19px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#567890');
|
||||
expect(model.get('styles.block.height')).to.equal('19px');
|
||||
});
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {},
|
||||
});
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)();
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.spacer').SpacerBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_spacer')).to.have.length(1);
|
||||
expect(view.$('.mailpoet_spacer').css('background-color')).to.equal(model.get('styles.block.backgroundColor'));
|
||||
expect(view.$('.mailpoet_spacer').css('height')).to.equal(model.get('styles.block.height'));
|
||||
});
|
||||
|
||||
it('rerenders if model attributes change', function () {
|
||||
view.render();
|
||||
|
||||
model.set('styles.block.height', '71px');
|
||||
|
||||
expect(view.$('.mailpoet_spacer').css('height')).to.equal('71px');
|
||||
});
|
||||
afterEach(function () {
|
||||
delete EditorApplication.getChannel;
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
|
||||
var model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.spacer').SpacerBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var view, model;
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.spacer').SpacerBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
view.$('.mailpoet_field_spacer_background_color').val('#123456').change();
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
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('has spacer type', function () {
|
||||
expect(model.get('type')).to.equal('spacer');
|
||||
});
|
||||
|
||||
it('has height', function () {
|
||||
expect(model.get('styles.block.height')).to.match(/\d+px/);
|
||||
});
|
||||
|
||||
it('has a background color', function () {
|
||||
expect(model.get('styles.block.backgroundColor')).to.match(/^(#[abcdef0-9]{6})|transparent$/);
|
||||
});
|
||||
|
||||
it("changes attributes with set", function () {
|
||||
var newValue = '33px';
|
||||
model.set('styles.block.height', newValue);
|
||||
expect(model.get('styles.block.height')).to.equal(newValue);
|
||||
});
|
||||
|
||||
it("triggers autosave if any attribute changes", function () {
|
||||
var mock = sinon.mock().exactly(2).withArgs('autoSave');
|
||||
EditorApplication.getChannel = sinon.stub().returns({
|
||||
trigger: mock,
|
||||
});
|
||||
|
||||
model.set('styles.block.backgroundColor', '#000000');
|
||||
model.set('styles.block.height', '77px');
|
||||
|
||||
mock.verify();
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
spacer: {
|
||||
styles: {
|
||||
block: {
|
||||
backgroundColor: '#567890',
|
||||
height: '19px',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)();
|
||||
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#567890');
|
||||
expect(model.get('styles.block.height')).to.equal('19px');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
global.stubAvailableStyles(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.spacer').SpacerBlockView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_spacer')).to.have.length(1);
|
||||
expect(view.$('.mailpoet_spacer').css('background-color')).to.equal(model.get('styles.block.backgroundColor'));
|
||||
expect(view.$('.mailpoet_spacer').css('height')).to.equal(model.get('styles.block.height'));
|
||||
});
|
||||
|
||||
it('rerenders if model attributes change', function () {
|
||||
view.render();
|
||||
|
||||
model.set('styles.block.height', '71px');
|
||||
|
||||
expect(view.$('.mailpoet_spacer').css('height')).to.equal('71px');
|
||||
});
|
||||
});
|
||||
|
||||
describe('settings view', function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
|
||||
var model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.spacer').SpacerBlockSettingsView)({model: model});
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var view, model;
|
||||
beforeEach(function() {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.spacer').SpacerBlockModel)();
|
||||
view = new (EditorApplication.module('blocks.spacer').SpacerBlockSettingsView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('updates the model when background color changes', function () {
|
||||
view.$('.mailpoet_field_spacer_background_color').val('#123456').change();
|
||||
expect(model.get('styles.block.backgroundColor')).to.equal('#123456');
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -4,69 +4,68 @@ define('test/newsletter_editor/blocks/text', [
|
||||
], function(EditorApplication) {
|
||||
|
||||
describe('Text', function () {
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.text').TextBlockModel)();
|
||||
});
|
||||
|
||||
it('has a text type', function () {
|
||||
expect(model.get('type')).to.equal('text');
|
||||
});
|
||||
|
||||
it('has text', function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
text: {
|
||||
text: 'some custom config text',
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.text').TextBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('some custom config text');
|
||||
});
|
||||
describe('model', function () {
|
||||
var model;
|
||||
beforeEach(function () {
|
||||
global.stubChannel(EditorApplication);
|
||||
global.stubConfig(EditorApplication);
|
||||
model = new (EditorApplication.module('blocks.text').TextBlockModel)();
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
it('has a text type', function () {
|
||||
expect(model.get('type')).to.equal('text');
|
||||
});
|
||||
|
||||
it('has text', function () {
|
||||
expect(model.get('text')).to.be.a('string');
|
||||
});
|
||||
|
||||
it("uses defaults from config when they are set", function () {
|
||||
global.stubConfig(EditorApplication, {
|
||||
blockDefaults: {
|
||||
text: {
|
||||
text: 'some custom config text',
|
||||
},
|
||||
},
|
||||
});
|
||||
var model = new (EditorApplication.module('blocks.text').TextBlockModel)();
|
||||
|
||||
expect(model.get('text')).to.equal('some custom config text');
|
||||
});
|
||||
});
|
||||
|
||||
describe('block view', function () {
|
||||
global.stubConfig(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.text').TextBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.text').TextBlockView)({model: model});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model = new (EditorApplication.module('blocks.text').TextBlockModel)(),
|
||||
view;
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubConfig(EditorApplication);
|
||||
var model = new (EditorApplication.module('blocks.text').TextBlockModel)(),
|
||||
view = new (EditorApplication.module('blocks.text').TextBlockView)({model: model});
|
||||
view = new (EditorApplication.module('blocks.text').TextBlockView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('renders', function () {
|
||||
expect(view.render).to.not.throw();
|
||||
expect(view.$('.mailpoet_content')).to.have.length(1);
|
||||
});
|
||||
it('has a deletion tool', function () {
|
||||
expect(view.$('.mailpoet_delete_block')).to.have.length(1);
|
||||
});
|
||||
|
||||
describe('once rendered', function () {
|
||||
var model = new (EditorApplication.module('blocks.text').TextBlockModel)(),
|
||||
view;
|
||||
it('has a move tool', function () {
|
||||
expect(view.$('.mailpoet_move_block')).to.have.length(1);
|
||||
});
|
||||
|
||||
beforeEach(function () {
|
||||
global.stubConfig(EditorApplication);
|
||||
view = new (EditorApplication.module('blocks.text').TextBlockView)({model: model});
|
||||
view.render();
|
||||
});
|
||||
|
||||
it('has a deletion tool', function () {
|
||||
expect(view.$('.mailpoet_delete_block')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('has a move tool', function () {
|
||||
expect(view.$('.mailpoet_move_block')).to.have.length(1);
|
||||
});
|
||||
|
||||
it('does not have a settings tool', function () {
|
||||
expect(view.$('.mailpoet_edit_block')).to.have.length(0);
|
||||
});
|
||||
});
|
||||
it('does not have a settings tool', function () {
|
||||
expect(view.$('.mailpoet_edit_block')).to.have.length(0);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user