sanitize selectors

Author: notoriousbot

src/utils/strings.ts

@@ -12,3 +12,7 @@ export function toCamelCase(value: string | undefined): string {
 export function isNumber(value: string): boolean {
     return value.match(numberRegex) !== null;
 }
+
+export function sanitizeSelector(value: string): string {
+  return value.replace(/([\n\r\t ]+)/ig, ' ');
+}

src/walkers/RuleWalker.ts

@@ -1,6 +1,7 @@
 import * as postcss from 'postcss';
 import { DeclarationWalker } from './DeclarationWalker';
 import { Properties } from '../types';
+import { sanitizeSelector } from '../utils/strings';
 
 
 export class RuleWalker {
@@ -23,6 +24,6 @@ export class RuleWalker {
     });
 
     // convert to string and add to file
-    this._rules[rule.selector] = decWalker.getProperties();
+    this._rules[sanitizeSelector(rule.selector)] = decWalker.getProperties();
   }
 }

tests/basic.ts

@@ -110,4 +110,5 @@ cssRule('@page', {
 
     expect(convertCss(testCase)).to.eventually.equal(result).notify(done);
   });
+
 });

tests/strings.ts

@@ -0,0 +1,8 @@
+import * as assert from 'assert';
+import { sanitizeSelector } from '../src/utils/strings';
+
+describe('strings', () => {
+  it('sanitizeSelector()', () => {
+    assert.equal(sanitizeSelector(`.first \n\t \r.second`), '.first .second');
+  });
+});