gulp-stylus/test/main.js

Stylus plugin for gulp

'use strict';

var should = require('should');
var sourcemaps = require('gulp-sourcemaps');
var File = require('vinyl');
var originalStylus = require('stylus');
var stylus = require('../');
var fs = require('fs');

require('mocha');

var normalContents = fs.readFileSync('test/fixtures/normal.styl');

describe('gulp-stylus', function() {
  it('should render stylus .styl to CSS .css', function(done) {
    var stream = stylus();

    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/normal.styl',
      contents: normalContents
    });

    stream.once('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);
      String(newFile.contents).should.equal(fs.readFileSync('test/expected/normal.css', 'utf8'));
      done();
    });
    stream.write(fakeFile);
    stream.end();

  });

  it ('should compress when called', function(done) {
    var stream = stylus({compress: true});
    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/normal.styl',
      contents: normalContents
    });

    stream.on('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);

      var fixture = fs.readFileSync('test/expected/compressed.css', 'utf8');
      String(newFile.contents).should.equal(fixture);
      done();
    });

    stream.write(fakeFile);
    stream.end();
  });

  it ('should import other .styl files', function(done) {
    var stream = stylus({import: __dirname + '/fixtures/one.styl'});
    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/normal.styl',
      contents: normalContents
    });

    stream.on('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);

      String(newFile.contents).should.equal(fs.readFileSync('test/expected/imported.css', 'utf8'));
      done();
    });

    stream.write(fakeFile);
    stream.end();
  });

  it ('should define variables in .styl files', function(done) {
    var stream = stylus({define: {'white': '#fff'}});
    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/define.styl',
      contents: fs.readFileSync('test/fixtures/define.styl')
    });

    stream.on('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);

      String(newFile.contents).should.equal(fs.readFileSync('test/expected/define.css', 'utf8'));
      done();
    });

    stream.write(fakeFile);
    stream.end();
  });

  it ('should support defining variables in .styl files using gulp-data (data object attached to file)', function(done) {
    var stream = stylus();
    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/define.styl',
      contents: fs.readFileSync('test/fixtures/define.styl')
    });

    fakeFile.data = {'white': '#fff'};

    stream.on('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);

      should.exist(newFile.data);
      should.exist(newFile.data.white);
      should(newFile.data.white).equal('#fff');

      String(newFile.contents).should.equal(fs.readFileSync('test/expected/define.css', 'utf8'));
      done();
    });

    stream.write(fakeFile);
    stream.end();
  });

  it('should skip css files', function(done) {
    var stream = stylus();

    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/ie8.css',
      contents: fs.readFileSync('test/fixtures/ie8.css')
    });

    stream.once('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);
      String(newFile.contents).should.equal(fs.readFileSync('test/fixtures/ie8.css', 'utf8'));
      done();
    });
    stream.write(fakeFile);
    stream.end();

  });


  it('should throw on parse error', function(done) {
    var stream = stylus();

    var file = 'test/fixtures/error.styl';

    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: file,
      contents: fs.readFileSync(file)
    });

    stream.on('error', function(err) {
      should.exist(err);
      err.name.toString().should.match(/ParseError/);
      done();
    });
    stream.write(fakeFile);
    stream.end();

  });

  it ('should import nested and reverse recursive files', function(done) {
    var stream = stylus();
    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/import.styl',
      contents: fs.readFileSync('test/fixtures/import.styl')
    });

    stream.on('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);
      String(newFile.contents).should.equal(fs.readFileSync('test/expected/import.css', 'utf8'));
      done();
    });
    stream.write(fakeFile);
    stream.end();
  });

  it ('should generate sourcemaps', function(done) {
    var stream = stylus({sourcemap: true});

    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/normal.styl',
      contents: normalContents
    });

    stream.on('data', function(newFile) {
      should.exist(newFile);
      should.exist(newFile.contents);
      String(newFile.contents).should.equal(fs.readFileSync('test/expected/normal.css', 'utf8'));
      should.exist(newFile.sourceMap);
      newFile.sourceMap.version.should.equal(3);
      newFile.sourceMap.mappings.length.should.be.above(1);
      newFile.sourceMap.sources[0].should.equal('normal.styl');
      newFile.sourceMap.file.should.equal('normal.css');
      done();
    });

    stream.write(fakeFile);
    stream.end();

  });

  it ('should generate sourcemaps with gulp-sourcemaps', function(done) {
    var stream = sourcemaps.init();

    var fakeFile = new File({
      base: 'test/fixtures',
      cwd: 'test/',
      path: 'test/fixtures/normal.styl',
      contents: normalContents
    });

    stream.write(fakeFile);
    stream.pipe(stylus())
      .on('error', done)
      .on('data', function(newFile) {
        should.exist(newFile);
        should.exist(newFile.contents);
        String(newFile.contents).should.equal(fs.readFileSync('test/expected/normal.css', 'utf8'));
        should.exist(newFile.sourceMap);
        newFile.sourceMap.version.should.equal(3);
        newFile.sourceMap.mappings.length.should.be.above(1);
        newFile.sourceMap.sources[0].should.equal('normal.styl');
        newFile.sourceMap.file.should.equal('normal.css');
        done();
      });

    stream.end();

  });

  it ('should use native stylus sourcemap options when provided', function(done) {
    var stream = sourcemaps.init();

    var fakeFile = new File({
      base: 'test',
      cwd: 'test/',
      path: 'test/fixtures/normal.styl',
      contents: normalContents
    });

    stream.write(fakeFile);
    stream.pipe(stylus({
      sourcemap: {basePath: '.'}
    }))
      .on('error', done)
      .on('data', function(newFile) {
    should.exist(newFile);
    should.exist(newFile.sourceMap);
    newFile.sourceMap.sources.length.should.equal(1);
    newFile.sourceMap.mappings.length.should.be.above(1);
    newFile.sourceMap.sources[0].should.equal('test/fixtures/normal.styl');
    newFile.sourceMap.file.should.equal('fixtures/normal.css');
    done();
    });

  stream.end();

  });

  it('should export Stylus', function(done) {
    should.exist(stylus.stylus);
    should(stylus.stylus).equal(originalStylus);
    done();
  });

});