Add button "Bold" text option, fix unit tests

tests/javascript/newsletter_editor/blocks/button.spec.js

@@ -63,6 +63,10 @@ define([
         expect(model.get('styles.block.fontSize')).to.match(/^\d+px$/);
       });
 
+      it("has a text font weight", function () {
+        expect(model.get('styles.block.fontWeight')).to.match(/^(bold|normal)$/);
+      });
+
       it("has width", function () {
         expect(model.get('styles.block.width')).to.match(/^\d+px$/);
       });
@@ -78,7 +82,7 @@ define([
       });
 
       it("triggers autosave if any attribute changes", function () {
-        var mock = sinon.mock().exactly(11).withArgs('autoSave');
+        var mock = sinon.mock().exactly(12).withArgs('autoSave');
         EditorApplication.getChannel = sinon.stub().returns({
           trigger: mock,
         });
@@ -93,6 +97,7 @@ define([
         model.set('styles.block.fontColor', '#345678');
         model.set('styles.block.fontFamily', 'Some other style');
         model.set('styles.block.fontSize', '10px');
+        model.set('styles.block.fontWeight', 'bold');
         mock.verify();
       });
 
@@ -114,6 +119,7 @@ define([
                   fontColor: '#345678',
                   fontFamily: 'Tahoma',
                   fontSize: '30px',
+                  fontWeight: 'bold',
                 },
               },
             },
@@ -133,6 +139,7 @@ define([
         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');
+        expect(model.get('styles.block.fontWeight')).to.equal('bold');
       });
     });
 
@@ -179,6 +186,7 @@ define([
                 fontColor: '#345678',
                 fontFamily: 'Arial',
                 fontSize: '12px',
+                fontWeight: 'bold',
               },
             },
           });
@@ -235,6 +243,10 @@ define([
         it('has a specified font size', function () {
           expect(view.$('.mailpoet_editor_button').css('font-size')).to.equal(model.get('styles.block.fontSize'));
         });
+
+        it('has a specified font weight', function () {
+          expect(view.$('.mailpoet_editor_button').css('font-weight')).to.equal(model.get('styles.block.fontWeight'));
+        });
       });
     });
 
@@ -318,6 +330,12 @@ define([
           expect(model.get('styles.block.fontSize')).to.equal(newValue);
         });
 
+        it('updates the model when font weight changes', function () {
+          var newValue = 'bold';
+          view.$('.mailpoet_field_button_font_weight').prop('checked', true).change();
+          expect(model.get('styles.block.fontWeight')).to.equal(newValue);
+        });
+
         it('updates the model when background color changes', function () {
           var newValue = '#cccccc';
 

tests/javascript/newsletter_editor/blocks/posts.spec.js

@@ -1,8 +1,9 @@
 define([
     'newsletter_editor/App',
     'newsletter_editor/components/communication',
-    'newsletter_editor/blocks/posts'
-  ], function(EditorApplication, CommunicationComponent, PostsBlock) {
+    'newsletter_editor/blocks/posts',
+    'newsletter_editor/blocks/container'
+  ], function(EditorApplication, CommunicationComponent, PostsBlock, ContainerBlock) {
 
   describe('Posts', function () {
     Backbone.Radio = {
@@ -255,7 +256,7 @@ define([
         global.stubConfig(EditorApplication, {
           blockDefaults: {},
         });
-        EditorApplication.getBlockTypeModel = sinon.stub().returns(Backbone.Model);
+        EditorApplication.getBlockTypeModel = sinon.stub().returns(ContainerBlock.ContainerBlockModel);
         model = new (PostsBlock.PostsBlockModel)();
         view = new (PostsBlock.PostsBlockSettingsView)({model: model});
       });

tests/javascript/newsletter_editor/components/save.spec.js

@@ -147,7 +147,11 @@ define([
               },
             },
             'newsletter_editor/App': EditorApplication,
-            'html2canvas': function() { return html2canvasMock; },
+            'html2canvas': function() {
+              return {
+                then: function() { return html2canvasMock; }
+              };
+            },
           });
           var view = new (module.SaveView)();
           view.render();