spritesheet-templates/test/scss_maps_test.js

Convert spritesheet data into CSS or CSS pre-processor data

var assert = require('assert');
var exec = require('child_process').exec;
var configUtils = require('./utils/config');
var testUtils = require('./utils/test');

describe('An array of image positions, dimensions, and names', function () {
  testUtils.setInfo(configUtils.multipleSprites);

  describe('processed by `spritesheet-templates` into SCSS (Maps)', function () {
    testUtils.runTemplater({format: 'scss_maps'});
    testUtils.assertOutputMatches(__dirname + '/expected_files/scss_maps.scss');

    testUtils.generateCssFile('\n' + [
      '.feature {',
      '  height: map-get($sprite-dash-case, "height");',
      '  @include sprite-width($sprite-snake-case);',
      '  @include sprite-image($sprite-camel-case);',
      '}',
      '',
      '.feature2 {',
      '  @include sprite($sprite-snake-case);',
      '}',
      '',
      '@include sprites(map-get($spritesheet, \'sprites\'));'
    ].join('\n'));

    describe('processed by `sass --scss` (ruby) into CSS', function () {
      // Process the SCSS
      testUtils.processCss(function processScss (cb) {
        exec('sass --scss ' + this.tmp.path, function (err, css, stderr) {
          // Assert no errors during conversion
          assert.strictEqual(stderr, '');
          assert.notEqual(css, '');
          cb(err, css);
        });
      });

      // Assert agains the generated CSS
      testUtils.assertValidCss();
    });
  });
});

describe('An array of 1 image', function () {
  testUtils.setInfo(configUtils.singleSprite);

  describe('processed by `spritesheet-templates` into SASS', function () {
    testUtils.runTemplater({format: 'scss_maps'});
    testUtils.assertOutputMatches(__dirname + '/expected_files/scss_maps-single.scss');

    testUtils.generateCssFile('\n' + [
      '@include sprites(map-get($spritesheet, \'sprites\'));'
    ].join('\n'));

    describe('processed by SASS into CSS', function () {
      testUtils.processCss(function processScss (cb) {
        exec('sass --scss ' + this.tmp.path, function (err, css, stderr) {
          assert.strictEqual(stderr, '');
          assert.notEqual(css, '');
          cb(err, css);
        });
      });
      testUtils.assertValidCss();
    });
  });
});