Add tests for autoinstalling packages

test/css.js

@@ -1,6 +1,9 @@
 const assert = require('assert');
 const fs = require('fs');
 const {bundle, run, assertBundleTree} = require('./utils');
+const promisify = require('../src/utils/promisify');
+const ncp = promisify(require('ncp'));
+const rimraf = require('rimraf');
 
 describe('css', function() {
   it('should produce two bundles when importing a CSS file', async function() {
@@ -161,4 +164,38 @@ describe('css', function() {
     assert(css.includes('.index'));
     assert(!css.includes('\n'));
   });
+
+  it('should automatically install postcss plugins with npm if needed', async function() {
+    rimraf.sync(__dirname + '/input');
+    await ncp(__dirname + '/integration/autoinstall/npm', __dirname + '/input');
+    await bundle(__dirname + '/input/index.css');
+
+    // cssnext was installed
+    let package = require('./input/package.json');
+    assert(package.devDependencies['postcss-cssnext']);
+
+    // cssnext is applied
+    let css = fs.readFileSync(__dirname + '/dist/index.css', 'utf8');
+    assert(css.includes('rgba'));
+  });
+
+  it('should automatically install postcss plugins with yarn if needed', async function() {
+    rimraf.sync(__dirname + '/input');
+    await ncp(
+      __dirname + '/integration/autoinstall/yarn',
+      __dirname + '/input'
+    );
+    await bundle(__dirname + '/input/index.css');
+
+    // cssnext was installed
+    let package = require('./input/package.json');
+    assert(package.devDependencies['postcss-cssnext']);
+
+    let lockfile = fs.readFileSync(__dirname + '/input/yarn.lock', 'utf8');
+    assert(lockfile.includes('postcss-cssnext'));
+
+    // cssnext is applied
+    let css = fs.readFileSync(__dirname + '/dist/index.css', 'utf8');
+    assert(css.includes('rgba'));
+  });
 });

test/integration/autoinstall/npm/.postcssrc

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "postcss-cssnext": true
+  }
+}

test/integration/autoinstall/npm/index.css

@@ -0,0 +1,3 @@
+.test {
+  background: #9d9c;
+}

test/integration/autoinstall/npm/package.json

@@ -0,0 +1,3 @@
+{
+  "name": "parcel-test-autoinstall-npm"
+}

test/integration/autoinstall/yarn/.postcssrc

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "postcss-cssnext": true
+  }
+}

test/integration/autoinstall/yarn/index.css

@@ -0,0 +1,3 @@
+.test {
+  background: #9d9c;
+}

test/integration/autoinstall/yarn/package.json

@@ -0,0 +1,3 @@
+{
+  "name": "parcel-test-autoinstall-yarn"
+}