test(index): add more misc and one-off test cases

Author: remarkablemark

test/data.js

@@ -5,6 +5,7 @@ const cases = [
   'margin: 0 auto;',
   'border: 5px solid #BADA55;',
   'font-size: .75em; position:absolute;width: 33.3%; z-index:1337;',
+  'font-family: "Goudy Bookletter 1911", Gill Sans Extrabold, sans-serif;',
 
   // multiple of same property
   'color:rgba(0,0,0,1);color:white;',
@@ -41,7 +42,11 @@ const cases = [
 
   // custom
   'foo: bar;',
-  'foo:bar; baz:qux'
+  'foo:bar; baz:qux',
+
+  // misc
+  '',
+  'overflow:'
 ];
 
 const snapshots = [

test/index.spec.js

@@ -1,4 +1,4 @@
-const css = require('css');
+const cssParse = require('css/lib/parse');
 const inlineStyleParser = require('..');
 const { cases, snapshots } = require('./data');
 
@@ -9,7 +9,7 @@ const { cases, snapshots } = require('./data');
 function getDeclarations(inlineStyle) {
   const {
     stylesheet: { rules }
-  } = css.parse(`a{${inlineStyle}}`);
+  } = cssParse(`a{${inlineStyle}}`);
   return rules[0].declarations;
 }
 
@@ -25,12 +25,22 @@ function removePosition(declarations) {
   }));
 }
 
+// compare with `css.parse` declarations
 it.each(cases)('parses "%s"', style => {
   expect(removePosition(inlineStyleParser(style))).toEqual(
     removePosition(getDeclarations(style))
   );
 });
 
+// match snapshots
 it.each(snapshots)('%s', (_name, style) => {
   expect(inlineStyleParser(style)).toMatchSnapshot();
 });
+
+// one-off
+it.each`
+  style  | expected
+  ${':'} | ${[]}
+`('parses "%s"', ({ style, expected }) => {
+  expect(inlineStyleParser(style)).toEqual(expected);
+});