webpack-merge-and-include-globally/index.test.js

Merge multiple files (js,css..) into single file to include somewhere

jest.mock('fs');
jest.mock('glob');

const fs = require('fs');
const glob = require('glob');

const MergeIntoSingle = require('./index.node6-compatible.js');
// const MergeIntoSingle = require('./index.js');

describe('MergeIntoFile', () => {
  const pathToFiles = {
    'file1.js': ['1.js'],
    'file2.js': ['2.js'],
    '*.css': ['3.css', '4.css'],
  };

  const fileToContent = {
    '1.js': 'FILE_1_TEXT',
    '2.js': 'FILE_2_TEXT',
    '3.css': 'FILE_3_TEXT',
    '4.css': 'FILE_4_TEXT',
  };

  fs.readFile.mockImplementation((fileName, options, cb) => cb(null, fileToContent[fileName]));
  glob.mockImplementation((path, options, cb) => cb(null, pathToFiles[path]));

  it('should succeed merging using mock content', (done) => {
    const instance = new MergeIntoSingle({
      files: {
        'script.js': [
          'file1.js',
          'file2.js',
        ],
        'style.css': [
          '*.css',
        ],
      },
    });
    instance.apply({
      plugin: (event, fun) => {
        const obj = {
          assets: {},
        };
        fun(obj, (err) => {
          expect(err).toEqual(undefined);
          expect(obj.assets['script.js'].source()).toEqual('FILE_1_TEXT\nFILE_2_TEXT');
          expect(obj.assets['style.css'].source()).toEqual('FILE_3_TEXT\nFILE_4_TEXT');
          done();
        });
      },
    });
  });

  it('should succeed merging using mock content with a custom separator', (done) => {
    const instance = new MergeIntoSingle({
      separator: '\n;\n',
      files: {
        'script.js': [
          'file1.js',
          'file2.js',
        ],
      },
    });
    instance.apply({
      plugin: (event, fun) => {
        const obj = {
          assets: {},
        };
        fun(obj, (err) => {
          expect(err).toEqual(undefined);
          expect(obj.assets['script.js'].source()).toEqual('FILE_1_TEXT\n;\nFILE_2_TEXT');
          done();
        });
      },
    });
  });

  it('should succeed merging using mock content with transform', (done) => {
    const instance = new MergeIntoSingle({
      files: {
        'script.js': [
          'file1.js',
          'file2.js',
        ],
        'style.css': [
          '*.css',
        ],
      },
      transform: {
        'script.js': (val) => `${val.toLowerCase()}`,
      },
    });
    instance.apply({
      plugin: (event, fun) => {
        const obj = {
          assets: {},
        };
        fun(obj, (err) => {
          expect(err).toEqual(undefined);
          expect(obj.assets['script.js'].source()).toEqual('file_1_text\nfile_2_text');
          expect(obj.assets['style.css'].source()).toEqual('FILE_3_TEXT\nFILE_4_TEXT');
          done();
        });
      },
    });
  });

  it('should succeed merging using mock content with async transform', (done) => {
    const instance = new MergeIntoSingle({
      files: {
        'script.js': [
          'file1.js',
          'file2.js',
        ],
        'style.css': [
          '*.css',
        ],
      },
      transform: {
        'script.js': async (val) => `${val.toLowerCase()}`,
      },
    });
    instance.apply({
      plugin: (event, fun) => {
        const obj = {
          assets: {},
        };
        fun(obj, (err) => {
          expect(err).toEqual(undefined);
          expect(obj.assets['script.js'].source()).toEqual('file_1_text\nfile_2_text');
          expect(obj.assets['style.css'].source()).toEqual('FILE_3_TEXT\nFILE_4_TEXT');
          done();
        });
      },
    });
  });

  it('should succeed merging using mock content by using array instead of object', (done) => {
    const instance = new MergeIntoSingle({
      files: [
        {
          src: ['file1.js', 'file2.js'],
          dest: (val) => ({
            'script.js': `${val.toLowerCase()}`,
          }),
        },
        {
          src: ['*.css'],
          dest: 'style.css',
        },
      ],
    });
    instance.apply({
      plugin: (event, fun) => {
        const obj = {
          assets: {},
        };
        fun(obj, (err) => {
          expect(err).toEqual(undefined);
          expect(obj.assets['script.js'].source()).toEqual('file_1_text\nfile_2_text');
          expect(obj.assets['style.css'].source()).toEqual('FILE_3_TEXT\nFILE_4_TEXT');
          done();
        });
      },
    });
  });

  it('should succeed merging using transform file name function', (done) => {
    const mockHash = 'xyz';
    const instance = new MergeIntoSingle({
      files: {
        'script.js': [
          'file1.js',
          'file2.js',
        ],
        'other.deps.js': [
          'file1.js',
        ],
        'style.css': [
          '*.css',
        ],
      },
      transformFileName: (fileNameBase, extension) => `${fileNameBase}${extension}?hash=${mockHash}`,
    });
    instance.apply({
      plugin: (event, fun) => {
        const obj = {
          assets: {},
        };
        fun(obj, (err) => {
          expect(err).toEqual(undefined);
          expect(obj.assets[`script.js?hash=${mockHash}`]).toBeDefined();
          expect(obj.assets[`other.deps.js?hash=${mockHash}`]).toBeDefined();
          expect(obj.assets[`style.css?hash=${mockHash}`]).toBeDefined();
          done();
        });
      },
    });
  });
});