Merge pull request #241 from unexpectedjs/ssimonsen/fix-dashes-in-styles

Allow dashes in style names and values

Author: sunesimonsen

src/index.js

@@ -85,7 +85,7 @@ function isEnumeratedAttribute(attrName) {
 function validateStyles(expect, str) {
   const invalidStyles = str
     .split(';')
-    .filter(part => !/^\s*\w+\s*:\s*\w+\s*$|^$/.test(part));
+    .filter(part => !/^\s*(\w|-)+\s*:\s*(\w|-)+\s*$|^$/.test(part));
 
   if (invalidStyles.length > 0) {
     expect.errorMode = 'nested';

test/index.spec.js

@@ -1822,14 +1822,18 @@ describe('unexpected-dom', () => {
 
       it('should succeed when the subject has an extra inline style', () =>
         expect(
-          parseHtml('<div style="color: tan; width: 120px;">hey</div>'),
+          parseHtml(
+            '<div style="color: tan; width: 120px; z-index: 700; background-repeat: no-repeat">hey</div>'
+          ),
           'to satisfy',
-          parseHtml('<div style="color: tan;">hey</div>')
+          parseHtml(
+            '<div style="color: tan; z-index: 700;background-repeat: no-repeat">hey</div>'
+          )
         ));
 
       it('should not fail for invalid style attributes on the LHS', () =>
         expect(
-          parseHtml('<div style="color; width: 120px;">hey</div>'),
+          parseHtml('<div style="color; width: 120px; z-index: 700">hey</div>'),
           'to satisfy',
           parseHtml('<div style="width: 120px;">hey</div>')
         ));