fix: hide ava for vue-sfc, it doesn't work yet

Author: 3cp

questions.js

@@ -39,7 +39,9 @@ module.exports = [
       {value: 'jasmine', title: 'Jasmine', hint: 'Runs in browser, a behavior-driven testing framework.'},
       {value: 'mocha', title: 'Mocha + Chai', hint: 'Runs in browser, a feature-rich JavaScript test framework for node and browsers.'},
       {value: 'tape', title: 'Tape', hint: 'Runs in browser, tap-producing test harness for node and browsers.'},
-      {if: '!aurelia', value: 'ava', title: 'Ava + browser-env', hint: 'Runs in Node.js, simulates browser (browser-env). A test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.'},
+      // TODO ava and vue sfc is not yet working.
+      // See vue/test/setup.ext for more details
+      {if: '!aurelia && !sfc', value: 'ava', title: 'Ava + browser-env', hint: 'Runs in Node.js, simulates browser (browser-env). A test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.'},
       {if: 'aurelia',  value: 'ava', title: 'Ava', hint: 'Runs in Node.js, simulates browser (aurelia-pal-nodejs). A test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.'}
     ]
   },

test.js

@@ -178,17 +178,17 @@ const skeletons = [
   'vue sfc babel css jasmine cypress',
   'vue sfc babel css tape cypress',
   'vue sfc babel css mocha cypress',
-  'vue sfc babel css ava cypress',
+  // 'vue sfc babel css ava cypress',
   'vue sfc babel less jest cypress',
   'vue sfc babel less jasmine cypress',
   'vue sfc babel less tape cypress',
   'vue sfc babel less mocha cypress',
-  'vue sfc babel less ava cypress',
+  // 'vue sfc babel less ava cypress',
   'vue sfc babel sass jest cypress',
   'vue sfc babel sass jasmine cypress',
   'vue sfc babel sass tape cypress',
   'vue sfc babel sass mocha cypress',
-  'vue sfc babel sass ava cypress',
+  // 'vue sfc babel sass ava cypress',
 
 ];
 

vue/package.json

@@ -13,6 +13,11 @@
     // @if ava
     "jsdom": "^15.1.1",
     "jsdom-global": "^3.0.2",
+    // @if sfc
+    "require-extension-hooks": "^0.3.3",
+    "require-extension-hooks-vue": "^3.0.0",
+    "require-extension-hooks-babel": "^1.0.0",
+    // @endif
     // @endif
   }
 }

vue/test/setup.ext

@@ -4,6 +4,19 @@ import 'regenerator-runtime/runtime';
 // @endif
 // @if ava
 import 'jsdom-global/register';
+// @if sfc
+// TODO ava and vue sfc is not yet working.
+import hooks from 'require-extension-hooks';
+import Vue from 'vue';
+
+// Setup Vue.js to remove production tip
+Vue.config.productionTip = false;
+
+// Setup vue files to be processed by `require-extension-hooks-vue`
+hooks('vue').plugin('vue').push();
+// Setup vue and js files to be processed by `require-extension-hooks-babel`
+hooks(['vue', 'js']).exclude(({filename}) => filename.match(/\/node_modules\//)).plugin('babel').push();
+// @endif
 
 // ignore css modules
 function skipCSS(module) {