gulp-inline/test/main.js

/**
 * Imports
 */

var assert = require('assert')
var gulp = require('gulp')
var fs = require('fs')
var path = require('path')
var inline = require('..')
var transform = require('readable-stream/transform')
var base = 'test/fixtures'

/**
 * Tests
 */

describe('gulp-inline', function () {
  it('should inline a stylesheet', function (done) {
    inputOutput('css', done)
  })

  it('should inline a script', function (done) {
    inputOutput('js', done)
  })

  it('should preserve attributes', function (done) {
    inputOutput('attrs', done)
  })

  it('should inline SVG', function (done) {
    inputOutput('svg', done)
  })

  it('should inline an image', function (done) {
    inputOutput('img', done)
  })

  it('should inline a basic template', function (done) {
    inputOutput('basic', done)
  })

  it('should work with inline event listeners', function (done) {
    inputOutput('inline-events', done)
  })

  it('should not automatically create unnecessary html entities', function (done) {
    inputOutput('apostrophe', done)
  })

  it('should not duplicate css', function (done) {
    inputOutput('duplicate-css', done)
  })

  it('should inline using relative paths when src not absolute', function (done) {
    gulp.src(path.join(base, 'relative.html'))
      .pipe(inline())
      .on('data', function (file) {
        assert.equal(String(file.contents), fs.readFileSync(path.join(base, 'basic-output.html'), 'utf8'))
        done()
      })
  })

  it('should ignore files if option is set', function (done) {
    gulp.src(path.join(base, 'ignore.html'))
      .pipe(inline({
        ignore: ['/ignore.js', '/ignore.css', '/ignore.svg'],
        base: base
      }))
      .on('data', function (file) {
        assert.equal(String(file.contents), fs.readFileSync(path.join(base, 'ignore-output.html'), 'utf8'))
        done()
      })
  })

  it('should ignore tag types if option is set', function (done) {
    gulp.src(path.join(base, 'disable.html'))
      .pipe(inline({
        disabledTypes: ['svg', 'img', 'js', 'css'],
        base: base
      }))
      .on('data', function (file) {
        assert.equal(String(file.contents), fs.readFileSync(path.join(base, 'disable-output.html'), 'utf8'))
        done()
      })
  })

  it('should run Transform stream on files', function(done) {
    gulp.src(path.join(base, 'basic-transform.html'))
      .pipe(inline({
        css: dummyTransform,
        base: base
      }))
      .on('data', function (file) {
        assert.equal(String(file.contents), fs.readFileSync(path.join(base, 'basic-transform-output.html'), 'utf8'))
        done()
      })
  })

  function dummyTransform() {
    return new transform({
      objectMode: true,
      transform: function(file, enc, cb) {
        file.contents = new Buffer("Transformed file")
        this.push(file)
        cb()
      }
    })
  }

  it('should inline SVG referenced in <use> tag', function (done) {
    inputOutput('svg-use', done)
  })

  function inputOutput (name, done) {
    gulp.src(path.join(base, name + '.html'))
      .pipe(inline({base: base}))
      .on('data', function (file) {
        assert.equal(String(file.contents), fs.readFileSync(path.join(base, name + '-output.html'), 'utf8'))
        done()
      })
  }
})