generator-react-webpack/test/generators/app/indexTest.js

'use strict';
let path = require('path');
let expect = require('chai').expect;
let assert = require('yeoman-assert');
let helpers = require('yeoman-test');

// Default globals, used in all tests
const defaultPrompts = require('../../../generators/app/prompts.js');
const generatorBase = path.join(__dirname, '../../../generators/app');

/**
 * Global before load function. Run in the before callbacks
 * @param  {Object} prompts List of prompts to use
 * @return {Promise}
 */
const beforeLoad = (prompts) => {

  return helpers.run(generatorBase)
    .inTmpDir()
    .withOptions({
      'skip-welcome-message': true,
      'skip-install': true
    })
    .withPrompts(prompts)
    .toPromise();
};

describe('react-webpack:app', () => {

  let prompts = {};
  for(let p of defaultPrompts) {
    prompts[p.name] = p.default;
  }

  describe('#config', () => {

    it('should set the generatedWith key to the current generator major version', () => {
      beforeLoad(prompts).then((generator) => {
        expect(generator.config.get('generatedWithVersion')).to.equal(3);
      });
    });

    it('should use "css" as default style language', () => {
      beforeLoad(prompts).then((generator) => {
        expect(generator.config.get('style')).to.equal('css');
      });
    });

    it('should not enable "PostCSS" by default', () => {
      beforeLoad(prompts).then((generator) => {
        expect(generator.config.get('postcss')).to.equal(false);
      });
    });
  });

  describe('#createFiles', () => {

    it('should generate dot files', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          '.babelrc',
          '.editorconfig',
          '.eslintrc',
          '.gitignore',
          '.yo-rc.json'
        ]);
      });
    });

    it('should generate project configuration files', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'package.json'
        ]);
      });
    });

    it('should generate the webpack configuration', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'cfg/base.js',
          'cfg/defaults.js',
          'cfg/dev.js',
          'cfg/dist.js',
          'cfg/test.js',
          'server.js',
          'webpack.config.js'
        ]);
      });
    });

    it('should generate required source files', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'src/actions/README.md',
          'src/index.js',
          'src/components/Main.js',
          'src/favicon.ico',
          'src/images/yeoman.png',
          'src/index.html',
          'src/sources/README.md',
          'src/stores/README.md',
          'src/styles/App.css'
        ]);
      });
    });

    it('should generate test configuration and basic tests', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'karma.conf.js',
          'test/components/MainTest.js',
          'test/helpers/shallowRenderHelper.js',
          'test/loadtests.js'
        ]);
      });
    });
  });
});

describe('react-webpack:app with PostCSS support', () => {

  let prompts = {};
  for(let p of defaultPrompts) {
    prompts[p.name] = p.default;
  }

  prompts.postcss = true;

  describe('#config', () => {

    it('should set the generatedWith key to the current generator major version', () => {
      beforeLoad(prompts).then((generator) => {
        expect(generator.config.get('generatedWithVersion')).to.equal(3);
      });
    });

    it('should use "css" as default style language', () => {
      beforeLoad(prompts).then((generator) => {
        expect(generator.config.get('style')).to.equal('css');
      });
    });

    it('should enable "PostCSS"', () => {
      beforeLoad(prompts).then((generator) => {
        expect(generator.config.get('postcss')).to.equal(true);
      });
    });
  });

  describe('#createFiles', () => {

    it('should generate dot files', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          '.babelrc',
          '.editorconfig',
          '.eslintrc',
          '.gitignore',
          '.yo-rc.json'
        ]);
      });
    });

    it('should generate project configuration files', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'package.json'
        ]);
      });
    });

    it('should generate the webpack configuration', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'cfg/base.js',
          'cfg/defaults.js',
          'cfg/dev.js',
          'cfg/dist.js',
          'cfg/test.js',
          'server.js',
          'webpack.config.js'
        ]);
      });
    });

    it('should insert the postcss loader into the style pipes', () => {

      beforeLoad(prompts).then(() => {
        assert.fileContent('cfg/defaults.js', 'loader: \'style-loader!css-loader!postcss-loader\'');
        assert.fileContent('cfg/defaults.js', 'loader: \'style-loader!css-loader!postcss-loader!sass-loader?outputStyle=expanded&indentedSyntax\'');
        assert.fileContent('cfg/defaults.js', 'loader: \'style-loader!css-loader!postcss-loader!sass-loader?outputStyle=expanded\'');
        assert.fileContent('cfg/defaults.js', 'loader: \'style-loader!css-loader!postcss-loader!less-loader\'');
        assert.fileContent('cfg/defaults.js', 'loader: \'style-loader!css-loader!postcss-loader!stylus-loader\'');
      });
    });

    it('should append the postcss function to the base config', () => {

      beforeLoad(prompts).then(() => {
        assert.fileContent('cfg/defaults.js', ',\n  postcss: function () {\n    return [];\n  }');
      });
    });

    it('should generate required source files', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'src/actions/README.md',
          'src/index.js',
          'src/components/Main.js',
          'src/favicon.ico',
          'src/images/yeoman.png',
          'src/index.html',
          'src/sources/README.md',
          'src/stores/README.md',
          'src/styles/App.css'
        ]);
      });
    });

    it('should generate test configuration and basic tests', () => {

      beforeLoad(prompts).then(() => {
        assert.file([
          'karma.conf.js',
          'test/components/MainTest.js',
          'test/helpers/shallowRenderHelper.js',
          'test/loadtests.js'
        ]);
      });
    });
  });
});