feat(node): automagically mock with source content

Example [
  [**/*.{scss,less,css,html]
]
with an undefined `value` will automatically be mocked
with the files content as string if it exists

aw.config.js

@@ -68,7 +68,8 @@ module.exports = {
   watchGlob: [...src, ...glob],
   mocks: [
     ['**/cdp/src/browser-shim.js', '{}'],
-    ['*.{scss,less,css}', '{}'],
+    ['**/*.{scss,less,css,html}'],
+    ['./foobar-virtual.html', '"<div>hello world</div>"'],
   ],
   nyc: {
     include: src,

commands-common/babel/src/index.js

@@ -13,10 +13,6 @@ let removeCompileHook = () => { };
 let removeLoadHook = () => { };
 
 function compileHook(argv, code, filename, virtualMock = false) {
-  // Ignore transpiling after-work.js except react
-  // if (/after-work.js\/*!(react)/.test(filename)) {
-  //   return code;
-  // }
   const sourceRoot = path.dirname(filename);
   const { babel, options } = argv.babel;
   const opts = new babel.OptionManager().init({
@@ -61,9 +57,13 @@ function hookedLoader(options, request, parent, isMain) {
     filename = request;
   }
 
-  for (const item of options.mocks || []) { // eslint-disable-line
-    const [key, value] = item;
+  for (const item of options.mocks ||  []) { // eslint-disable-line
+    let [key, value] = item; //eslint-disable-line
     if (minimatch(filename, key)) {
+      if (value === undefined && fs.existsSync(filename)) {
+        const src = fs.readFileSync(filename, 'utf8');
+        value = `${JSON.stringify(src)}`;
+      }
       return compile(value, filename, options);
     }
   }
@@ -104,7 +104,7 @@ module.exports = function register(options = {}) {
   installSourceMapSupport();
   removeCompileHook();
   removeLoadHook();
-  const exts = [...new Set(options.extensions || []), '.js', '.ts', '.jsx', '.scss', '.less', '.css'];
+  const exts = [...new Set(options.extensions || []), '.js', '.ts', '.jsx', '.scss', '.less', '.css', '.html'];
   removeCompileHook = addHook(compileHook.bind(null, options), { exts });
   removeLoadHook = addLoadHook(options);
 };

examples/node/test/.editorconfig

@@ -0,0 +1,12 @@
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+
+# space indentation
+[*.*]
+indent_style = space
+indent_size = 2
+
+# ignore final new line for html
+[*.html]
+insert_final_newline = false

examples/node/test/__snapshots__/html.spec.js.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`'should import template' 1`] = `"<div>foobar</div>"`;
+
+exports[`'should import virtual template' 1`] = `"<div>hello world</div>"`;

examples/node/test/foobar.html

@@ -0,0 +1 @@
+<div>foobar</div>

examples/node/test/html.spec.js

@@ -0,0 +1,12 @@
+import virtual from './foobar-virtual.html'; // eslint-disable-line
+import template from './foobar.html';
+
+describe('html', () => {
+  it('should import virtual template', () => {
+    expect(virtual).toMatchSnapshot();
+  });
+
+  it('should import template', () => {
+    expect(template).toMatchSnapshot();
+  });
+});

examples/react/test/button.spec.js

@@ -3,7 +3,6 @@ import renderer from 'react-test-renderer';
 import 'foo.scss'; // eslint-disable-line import/no-unresolved
 import 'bar.less'; // eslint-disable-line import/no-unresolved
 import 'baz.css'; // eslint-disable-line import/no-unresolved
-
 import Button from '../src/button';
 
 describe('button', () => {