Manage correctly boolean attributes in HTML output. Fixes #943

src/dom_components/model/Component.js

@@ -2,6 +2,7 @@ import {
   isUndefined,
   isArray,
   isEmpty,
+  isBoolean,
   has,
   clone,
   isString,
@@ -674,7 +675,11 @@ const Component = Backbone.Model.extend(Styleable).extend(
         const value = isString(val) ? val.replace(/"/g, '"') : val;
 
         if (!isUndefined(value)) {
-          attrs.push(`${attr}="${value}"`);
+          if (isBoolean(value)) {
+            value && attrs.push(attr);
+          } else {
+            attrs.push(`${attr}="${value}"`);
+          }
         }
       }
 

test/specs/dom_components/model/Component.js

@@ -145,6 +145,19 @@ module.exports = {
         );
       });
 
+      it('Manage correctly boolean attributes', () => {
+        obj = new Component();
+        obj.set('attributes', {
+          'data-test': 'value',
+          checked: false,
+          required: true,
+          avoid: true
+        });
+        expect(obj.toHTML()).toEqual(
+          '<div data-test="value" required avoid></div>'
+        );
+      });
+
       it('Component parse empty div', () => {
         var el = document.createElement('div');
         obj = Component.isComponent(el);