Move source file into seperate folder. Add ESLint and Mocha, set up initial tests, bump to 0.0.7.

Author: pl12133

.eslintrc

@@ -0,0 +1,8 @@
+{
+  "extends": "semistandard",
+  "plugins": [],
+  "env": {
+    "mocha": true,
+    "node": true
+  }
+}

package.json

@@ -1,19 +1,31 @@
 {
   "name": "css-object-loader",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "author": "pl12133",
   "description": "Webpack loader to load CSS into a selector object with camelCased properties",
-  "main": "index.js",
+  "main": "src/index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "lint": "./node_modules/.bin/eslint src test",
+    "lint:fix": "./node_modules/.bin/eslint src test --fix",
+    "test": "./node_modules/.bin/mocha",
+    "prepublish": "npm run lint && npm run test"
   },
   "repository": {
-    "type" : "git",
-    "url" : "https://github.com/pl12133/css-object-loader"
+    "type": "git",
+    "url": "https://github.com/pl12133/css-object-loader"
   },
   "license": "MIT",
   "dependencies": {
     "camelcase": "^2.1.1",
     "css": "^2.2.1"
+  },
+  "devDependencies": {
+    "chai": "^3.5.0",
+    "eslint": "^2.9.0",
+    "eslint-config-semistandard": "^6.0.1",
+    "eslint-config-standard": "^5.2.0",
+    "eslint-plugin-promise": "^1.1.0",
+    "eslint-plugin-standard": "^1.3.2",
+    "mocha": "^2.4.5"
   }
 }

index.js renamed to src/index.js

@@ -1,4 +1,4 @@
-'use strict;'
+'use strict;';
 // CSS Parser
 var css = require('css');
 // Convert words to camelCase
@@ -7,7 +7,7 @@ var camelCase = require('camelcase');
 // To accomplish loading CSS to an Object, the process is:
 //   1. Parse CSS stylesheet to AST
 //   2. Flatten AST to Object of shape { [rule.selector]: rule.declarations }
-module.exports = function cssObjectLoader(source) {
+module.exports = function cssObjectLoader (source) {
   this.cacheable && this.cacheable();
   // Step 1.
   var parsedStylesheet = getParsedStylesheet(source);
@@ -17,12 +17,12 @@ module.exports = function cssObjectLoader(source) {
 };
 
 // Parse the contents of the CSS file and get the resulting AST
-function getParsedStylesheet(source) {
+function getParsedStylesheet (source) {
   return css.parse(source).stylesheet;
 }
 
 // Return `true` for an AST node with { type: 'rule' } and valid selectors
-function isValidRule(rule) {
+function isValidRule (rule) {
   return !!(rule.type === 'rule' && rule.selectors && rule.selectors.length);
 }
 // Return `true` for an AST node with { type: 'declaration' } and any property
@@ -31,7 +31,7 @@ function isValidDeclaration (declaration) {
 }
 
 // Reduce a declaration node from the AST to a style object
-function reduceDeclarationsToStyleObject(styleObj, declaration) {
+function reduceDeclarationsToStyleObject (styleObj, declaration) {
   if (!isValidDeclaration(declaration)) {
     return styleObj;
   }
@@ -42,15 +42,15 @@ function reduceDeclarationsToStyleObject(styleObj, declaration) {
 }
 
 // Reduce a rule to a collection of selectors
-function reduceRulesToSelectors(selectors, rule) {
+function reduceRulesToSelectors (selectors, rule) {
   if (!isValidRule(rule)) {
     return selectors;
   }
-  var styleObject = rule.declarations.reduce(reduceDeclarationsToStyleObject, {})
+  var styleObject = rule.declarations.reduce(reduceDeclarationsToStyleObject, {});
   rule.selectors.forEach((selector) => {
     selectors[selector] = Object.assign({},
       selectors[selector],
-      styleObject 
+      styleObject
     );
   });
   return selectors;

test/index.spec.js

@@ -0,0 +1,32 @@
+// BEGIN IMPORTS
+var fs = require('fs');
+var path = require('path');
+var cssObjectLoader = require('../');
+var expect = require('chai').expect;
+// END IMPORTS
+
+// Load test CSS file
+var source = fs.readFileSync(path.resolve('test', 'style-spec.css'), 'utf-8');
+
+// Loader returns a string with 'module.exports = ...';
+var loaderString = cssObjectLoader(source);
+
+// Parse the JSON that is in the loaded CSS
+var loadedJSON = loaderString.replace(/.*?({.*}).*/, (m, $1) => $1);
+
+// The Object the loader actually returns.
+var actual = JSON.parse(loadedJSON);
+describe('css-object-loader', () => {
+  it('is a function', () => {
+    expect(cssObjectLoader).to.be.a('function');
+  });
+
+  it('should be able to transform css', () => {
+    expect({
+      p: {
+        fontSize: '14px',
+        fontWeight: 'bold'
+      }
+    }).to.deep.equal(actual);
+  });
+});

test/style-spec.css

@@ -0,0 +1,4 @@
+p {
+  font-size: 14px;
+  font-weight: bold;
+}