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');

let generator;

/**
 * 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)
    .on('ready', function(instance) {
      generator = instance;
    })
    .toPromise();
};

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

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

  before(() => {
    return beforeLoad(prompts);
  });

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

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

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

    it('should use "css modules" per default', () => {
      expect(generator.config.get('cssmodules')).to.be.true;
    });

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

  describe('configuring', () => {
    it('should add css module support', () => {
      assert.fileContent('package.json', 'react-css-modules');
    });
  });

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

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

      assert.file([
        '.babelrc',
        '.editorconfig',
        '.eslintrc',
        '.gitignore',
        '.yo-rc.json'
      ]);
    });

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

      assert.file([
        'package.json'
      ]);
    });

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

      assert.file([
        'conf/webpack/Base.js',
        'conf/webpack/Dev.js',
        'conf/webpack/Dist.js',
        'conf/webpack/Test.js',
        'webpack.config.js'
      ]);
    });

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

      assert.file([
        'src/actions/README.md',
        'src/client.js',
        'src/components/App.js',
        'src/components/app.css',
        'src/static/favicon.ico',
        'src/images/yeoman.png',
        'src/index.html',
        'src/sources/README.md',
        'src/stores/README.md'
      ]);
    });

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

      assert.file([
        'karma.conf.js',
        'test/components/AppTest.js',
        'test/config/ConfigTest.js',
        'test/loadtests.js',
        'test/.eslintrc'
      ]);
    });
  });
});

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

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

  before(() => {
    return beforeLoad(prompts);
  });

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

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

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

    it('should not use "css modules"', () => {
      expect(generator.config.get('cssmodules')).to.be.false;
    });

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

  describe('configuring', () => {
    it('should add no cssmodule support', () => {
      assert.noFileContent('package.json', 'react-css-modules');
    });
  });
});

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

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

  before(() => {
    return beforeLoad(prompts);
  });

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

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

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

    it('should use "css modules" per default', () => {
      expect(generator.config.get('cssmodules')).to.be.true;
    });

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

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

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

      assert.file([
        '.babelrc',
        '.editorconfig',
        '.eslintrc',
        '.gitignore',
        '.yo-rc.json'
      ]);
    });

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

      assert.file([
        'package.json'
      ]);
    });

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

      assert.file([
        'conf/webpack/Base.js',
        'conf/webpack/Dev.js',
        'conf/webpack/Dist.js',
        'conf/webpack/Test.js',
        'webpack.config.js'
      ]);
    });

    it('should insert the postcss loader into the style pipes', () => {
      assert.fileContent('conf/webpack/Base.js', `{
                loader: 'css-loader',
                query: cssModulesQuery
              },
              { loader: 'postcss-loader' }`);
      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
              { loader: 'postcss-loader' }`);
      assert.fileContent('conf/webpack/Base.js', `{
                loader: 'css-loader',
                query: cssModulesQuery
              },
              { loader: 'postcss-loader' },
              { loader: 'sass-loader' }`);
      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
              { loader: 'postcss-loader' },
              { loader: 'sass-loader' }`);
      assert.fileContent('conf/webpack/Base.js', `{
                loader: 'css-loader',
                query: cssModulesQuery
              },
              { loader: 'postcss-loader' },
              { loader: 'less-loader' }`);
      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
              { loader: 'postcss-loader' },
              { loader: 'less-loader' }`);
      assert.fileContent('conf/webpack/Base.js', `{
                loader: 'css-loader',
                query: cssModulesQuery
              },
              { loader: 'postcss-loader' },
              { loader: 'stylus-loader' }`);
      assert.fileContent('conf/webpack/Base.js', `{ loader: 'css-loader' },
              { loader: 'postcss-loader' },
              { loader: 'stylus-loader' }`);
    });

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

      assert.fileContent('conf/webpack/Base.js', 'postcss: function () {');
    });

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

      assert.file([
        'src/actions/README.md',
        'src/client.js',
        'src/components/App.js',
        'src/components/app.css',
        'src/static/favicon.ico',
        'src/images/yeoman.png',
        'src/index.html',
        'src/sources/README.md',
        'src/stores/README.md'
      ]);
    });

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

      assert.file([
        'karma.conf.js',
        'test/components/AppTest.js',
        'test/config/ConfigTest.js',
        'test/loadtests.js',
        'test/.eslintrc'
      ]);
    });
  });
});