the Repo must be maintained

test/cases.js

@@ -1,44 +1,47 @@
-var fs = require('fs');
-var path = require('path');
-var parse = require('../').parse;
-var stringify = require('../').stringify;
+const fs = require('fs');
+const path = require('path');
+const parse = require('../').parse;
+const stringify = require('../').stringify;
 
-var cases = fs.readdirSync(path.join(__dirname, 'cases'));
+const cases = fs.readdirSync(path.join(__dirname, 'cases'));
 cases.forEach(function(name) {
   describe('cases/' + name, function() {
-    var dir = path.join(__dirname, 'cases', name);
-    var inputFile = path.join(dir, 'input.css');
-    var astFile = path.join(dir, 'ast.json');
-    var outputFile = path.join(dir, 'output.css');
-    var compressedFile = path.join(dir, 'compressed.css');
+    const dir = path.join(__dirname, 'cases', name);
+    const inputFile = readFile(path.join(dir, 'input.css'));
+    const astFile = readFile(path.join(dir, 'ast.json'));
+    const outputFile = readFile(path.join(dir, 'output.css'));
+    const compressedFile = readFile(path.join(dir, 'compressed.css'));
+
+    const parsedFile = parseFile(inputFile);
 
     it('should match ast.json', function() {
-      var ast = parseInput();
-      ast.should.containDeep(JSON.parse(readFile(astFile)));
+      parsedFile.should.containDeep(JSON.parse(astFile));
     });
 
     it('should match output.css', function() {
-      var output = stringify(parseInput());
-      output.should.equal(readFile(outputFile).trim());
+      const stringOutput = stringify(parsedFile)
+      stringOutput.should.equal(outputFile.trim());
     });
 
     it('should match compressed.css', function() {
-      var compressed = stringify(parseInput(), { compress: true });
-      compressed.should.equal(readFile(compressedFile));
+      const compressedOutput = stringify(parsedFile,{ compress: true })
+      compressedOutput.should.equal(compressedFile);
     });
 
-    function parseInput() {
-      return parse(readFile(inputFile), { source: 'input.css' });
-    }
   });
 });
 
-function readFile(file) {
-  var src = fs.readFileSync(file, 'utf8');
-  // normalize line endings
-  src = src.replace(/\r\n/, '\n');
-  // remove trailing newline
-  src = src.replace(/\n$/, '');
+function parseFile(file){
+  try {
+    return parse(file, {source: 'input.css'});
+  } catch (e){
+    console.error("Error in Parsing",e);
+    return {};
+  }
+}
 
-  return src;
+function readFile(file) {
+  return fs.readFileSync(file, 'utf8')
+      .replace(/\r\n/g, '\n')// normalize line endings
+      .replace(/\n$/g, '');// remove trailing newline
 }

test/cases/background-url/ast.json

@@ -0,0 +1,30 @@
+{
+  "type": "stylesheet",
+  "stylesheet": {
+    "source": "input.css",
+    "rules": [
+      {
+        "type": "rule",
+        "selectors": [ "#val" ],
+        "declarations": [
+          {
+            "type": "declaration",
+            "property": "background",
+            "value": "url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A\")",
+            "position": {
+            "start": { "line": 2, "column": 5 },
+            "end": { "line": 2, "column": 1144 },
+            "source": "input.css"
+          }
+          }
+        ],
+        "position": {
+        "start": { "line": 1, "column": 1 },
+        "end": { "line": 3, "column": 2 },
+        "source": "input.css"
+      }
+      }
+    ],
+    "parsingErrors": []
+  }
+}

test/cases/import-messed/ast.json

@@ -76,6 +76,21 @@
           },
           "source": "input.css"
         }
+      },
+      {
+        "type": "import",
+        "import": "url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700')",
+        "position": {
+          "start": {
+            "line": 10,
+            "column": 29
+          },
+          "end": {
+            "line": 10,
+            "column": 116
+          },
+          "source": "input.css"
+        }
       }
     ]
   }

test/cases/import-messed/input.css

@@ -5,3 +5,6 @@
   @import "common.css" screen, projection  ;
 
   @import url('landscape.css') screen and (orientation:landscape);
+
+
+                            @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700');

test/cases/import-messed/output.css

@@ -7,3 +7,5 @@
 @import "common.css" screen, projection;
 
 @import url('landscape.css') screen and (orientation:landscape);
+
+@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700');

test/cases/import/ast.json

@@ -76,6 +76,21 @@
           },
           "source": "input.css"
         }
+      },
+      {
+        "type": "import",
+        "import": "url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700')",
+        "position": {
+          "start": {
+            "line": 6,
+            "column": 1
+          },
+          "end": {
+            "line": 6,
+            "column": 88
+          },
+          "source": "input.css"
+        }
       }
     ]
   }

test/cases/import/input.css

@@ -3,3 +3,4 @@
 @import 'custom.css';
 @import "common.css" screen, projection;
 @import url('landscape.css') screen and (orientation:landscape);
+@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700');

test/cases/import/output.css

@@ -7,3 +7,5 @@
 @import "common.css" screen, projection;
 
 @import url('landscape.css') screen and (orientation:landscape);
+
+@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700');

test/parse.js

@@ -1,16 +1,16 @@
-var parse = require('../').parse;
-var should = require('should');
+const parse = require('../').parse;
+const should = require('should');
 
 describe('parse(str)', function() {
   it('should save the filename and source', function() {
-    var css = 'booty {\n  size: large;\n}\n';
-    var ast = parse(css, {
+    const css = 'booty {\n  size: large;\n}\n';
+    const ast = parse(css, {
       source: 'booty.css'
     });
 
     ast.stylesheet.source.should.equal('booty.css');
 
-    var position = ast.stylesheet.rules[0].position;
+    const position = ast.stylesheet.rules[0].position;
     position.start.should.be.ok;
     position.end.should.be.ok;
     position.source.should.equal('booty.css');
@@ -55,15 +55,15 @@ describe('parse(str)', function() {
   });
 
   it('should list the parsing errors and continue parsing', function() {
-    var result = parse('foo { color= red; } bar { color: blue; } baz {}} boo { display: none}', {
+    const result = parse('foo { color= red; } bar { color: blue; } baz {}} boo { display: none}', {
       silent: true,
       source: 'foo.css'
     });
 
-    var rules = result.stylesheet.rules;
+    const rules = result.stylesheet.rules;
     rules.length.should.be.above(2);
 
-    var errors = result.stylesheet.parsingErrors;
+    const errors = result.stylesheet.parsingErrors;
     errors.length.should.equal(2);
 
     errors[0].should.have.a.property('message');
@@ -77,23 +77,23 @@ describe('parse(str)', function() {
   });
 
   it('should set parent property', function() {
-    var result = parse(
-      'thing { test: value; }\n' +
-      '@media (min-width: 100px) { thing { test: value; } }');
+    const result = parse(
+        'thing { test: value; }\n' +
+        '@media (min-width: 100px) { thing { test: value; } }');
 
     should(result.parent).equal(null);
 
-    var rules = result.stylesheet.rules;
+    const rules = result.stylesheet.rules;
     rules.length.should.equal(2);
 
-    var rule = rules[0];
+    let rule = rules[0];
     rule.parent.should.equal(result);
     rule.declarations.length.should.equal(1);
 
-    var decl = rule.declarations[0];
+    let decl = rule.declarations[0];
     decl.parent.should.equal(rule);
 
-    var media = rules[1];
+    const media = rules[1];
     media.parent.should.equal(result);
     media.rules.length.should.equal(1);