@crocsx/scss-to-json/test/integrationTests.js

A utility for converting SCSS variables files to JSON

'use strict';

var path = require('path');
var assert = require('assert');
var scssToJson = require('../main.js');

describe('Integration Tests', function() {
  var output;

  context('if file has no dependencies', function() {
    beforeEach(function() {
      output = {
        "$first": "52px",
        "$second-variable": "red",
        "$global-variable": "#123",
        "$references": "red",
        "$scss-function": "#1e3c59",
        "$scss-function-with-variable": "#0b1520",
        "$image": "url(sample.svg)",
        "$image-with-quotes": "url(\"sample.svg\")",
        "$calculation": "40px",
        "$multiple-variables": "52px solid red",
        "$multiple-calculations": "40px",
        "$gray-50": "#fff",
        "$gray-500": "#f6f6f6",
        "$uses-gray-500": "#f6f6f6",
        "$font-size-small": "15px",
        "$font-size-large": "18px",
        "$icon-font-size": "15px",
        "$icon-font-size-lg": "18px"
      };
    });

    it('should compile the sample file to the correct JS object', function() {
      var filePath = path.resolve(__dirname, 'scss', 'test.scss');
      var compiled = scssToJson(filePath);

      assert.deepEqual(compiled, output);
    });
  });

  context('if file has dependencies', function() {
    beforeEach(function() {
      output = {
        "$first": "#00f",
        "$global-variable": "#f00",
        "$references": "#00f",
        "$scss-function-with-variable": "#e60000"
      };
    });

    it('should compile the sample file to the correct JS object', function() {
      var filePath = path.resolve(__dirname, 'scss', 'has-dependents.scss');
      var dependencyPath = path.resolve(__dirname, 'scss', 'dependency.scss');
      var compiled = scssToJson(filePath, {
        dependencies: [
          { path: dependencyPath }
        ]
      });

      assert.deepEqual(compiled, output);
    });
  });

  context('if file is scoped', function() {
    beforeEach(function() {
      output = {
        "$global-variable": "17px",
        "$global-with-function": "#0b1520"
      };
    });

    it('should compile the sample file to the correct JS object', function() {
      var filePath = path.resolve(__dirname, 'scss', 'scoped.scss');
      var compiled = scssToJson(filePath, {
        scope: '%scoped'
      });

      assert.deepEqual(compiled, output);
    });
  });


  context('if rename option is specified', function() {
    it('should compile the sample file to the correct JS object', function() {
      var filePath = path.resolve(__dirname, 'scss', 'rename-test.scss');
      var compiled = scssToJson(filePath, {
        rename: function(name) {
          return name.replace('$', 'renamed-');
        }
      });
      output = {
        "renamed-first": "52px",
        "renamed-second-variable": "red",
      };

      assert.deepEqual(compiled, output);
    });

    it('should retain the last-seen value for matching names', function() {
      var filePath = path.resolve(__dirname, 'scss', 'rename-test.scss');
      var compiled = scssToJson(filePath, {
        rename: function() {
          return 'allTheSame';
        }
      });
      output = {
        "allTheSame": "red"
      };

      assert.deepEqual(compiled, output);
    });
  });
  
  context('if file is scoped and has dependencies on a scoped file', function() {
    beforeEach(function() {
      output = {
        "$button-color-global": "#00f",
        "$tag-color-global": "#0f0"
      };
    });

    it('should compile the sample file to the correct JS object', function() {
      var filePath = path.resolve(__dirname, 'scss', 'scoped-has-dependents.scss');
      var dependencyPath = path.resolve(__dirname, 'scss', 'scoped-dependency.scss');
      var compiled = scssToJson(filePath, {
        scope: '%scoped',
        dependencies: [
          { path: dependencyPath, scope: '%scoped' }
        ]
      });

      assert.deepEqual(compiled, output);
    });
  });
});