pug.js

const assert = require('assert');
const path = require('path');
const fs = require('@parcel/fs');
const {bundle, assertBundleTree, normaliseNewlines} = require('./utils');

describe('pug', function() {
  it('should support bundling HTML', async function() {
    const b = await bundle(path.join(__dirname, '/integration/pug/index.pug'));

    await assertBundleTree(b, {
      name: 'index.html',
      assets: ['index.pug'],
      childBundles: [
        {
          type: 'png',
          assets: ['100x100.png'],
          childBundles: []
        },
        {
          type: 'svg',
          assets: ['icons.svg'],
          childBundles: []
        },
        {
          type: 'css',
          assets: ['index.css'],
          childBundles: [
            {
              type: 'map'
            }
          ]
        },
        {
          type: 'js',
          assets: ['index.js'],
          childBundles: [
            {
              type: 'map'
            }
          ]
        }
      ]
    });

    const files = await fs.readdir(path.join(__dirname, '/dist'));
    const html = await fs.readFile(path.join(__dirname, '/dist/index.html'));
    for (const file of files) {
      const ext = file.match(/\.([0-9a-z]+)(?:[?#]|$)/i)[0];
      if (file !== 'index.html' && ext !== '.map') {
        assert(html.includes(file));
      }
    }
  });

  it('should support include and extends files', async function() {
    const b = await bundle(
      path.join(__dirname, '/integration/pug-include-extends/index.pug')
    );

    await assertBundleTree(b, {
      name: 'index.html',
      assets: ['index.pug']
    });

    const html = normaliseNewlines(
      await fs.readFile(path.join(__dirname, '/dist/index.html'), 'utf-8')
    );
    const expect = normaliseNewlines(
      await fs.readFile(
        path.join(__dirname, '/integration/pug-include-extends/expect.html'),
        'utf-8'
      )
    );

    assert.equal(html, expect, 'Content mismatch');
  });

  it('should support variables', async function() {
    const b = await bundle(
      path.join(__dirname, '/integration/pug-var/index.pug')
    );

    await assertBundleTree(b, {
      name: 'index.html',
      assets: ['index.pug']
    });

    const html = await fs.readFile(
      path.join(__dirname, '/dist/index.html'),
      'utf-8'
    );

    assert(/src="\/?100x100.*.png"/.test(html));
  });

  it('should support mixins', async function() {
    const b = await bundle(
      path.join(__dirname, '/integration/pug-mixins/index.pug')
    );

    await assertBundleTree(b, {
      name: 'index.html',
      assets: ['index.pug']
    });

    const html = await fs.readFile(
      path.join(__dirname, '/dist/index.html'),
      'utf-8'
    );
    assert(html.includes('Greetings, Parcel'));
  });

  it('should support filters', async function() {
    const b = await bundle(
      path.join(__dirname, '/integration/pug-filters/index.pug')
    );

    await assertBundleTree(b, {
      name: 'index.html',
      assets: ['index.pug']
    });

    const html = await fs.readFile(
      path.join(__dirname, '/dist/index.html'),
      'utf-8'
    );
    assert(html.includes('FILTERED: Hello!'));
  });

  it('should minify HTML in production mode', async function() {
    const b = await bundle(
      path.join(__dirname, '/integration/pug-minify/index.pug'),
      {
        production: true
      }
    );

    await assertBundleTree(b, {
      name: 'index.html',
      assets: ['index.pug']
    });

    const html = await fs.readFile(
      path.join(__dirname, '/dist/index.html'),
      'utf-8'
    );

    assert(html.includes('Minified'));
  });
});