feat: code coverage support for babel+browser-do setup

Author: 3cp

common/.babelrc__if_babel

@@ -10,5 +10,11 @@
     // @endif
     ["@babel/plugin-proposal-class-properties", { loose: true }],
     "@babel/plugin-syntax-dynamic-import"
-  ]
+  ]/* @if (jasmine || mocha || tape) && !sfc */,
+  "env": {
+    "test": {
+      "plugins": [ "istanbul" ]
+    }
+  }
+/* @endif */
 }

common/.gitignore

@@ -12,6 +12,8 @@ Thumbs.db
 # Compiled files
 /dist
 /index.html
+/.nyc_output
+/coverage
 
 // @if cypress
 /cypress/videos

common/README.md

@@ -52,3 +52,21 @@ This runs in Chrome, if you want to use other browser, update package.json "brow
 
 By default, browser-do closes the browser after tests finish, to keep browser running, use `--keep-open` option on browser-do command.
 // @endif
+
+// @if jest
+## Code coverage
+
+`npm test` already generetes code coverage report, you can open `coverage/lcov-report/index.html` for detailed report.
+
+// @endif
+// @if babel && (jasmine || mocha || tape) && !sfc
+## Code coverage
+
+    npm run coverage
+
+Then open `coverage/lcov-report/index.html` for detailed report.
+
+// @if react
+> Currently coverage doesn't work for out react setup. To be fixed.
+// @endif
+// @endif

common/package.json

@@ -13,6 +13,10 @@
     "@babel/plugin-proposal-class-properties": "^7.4.0",
     "gulp-babel": "^8.0.0",
     "regenerator-runtime": "0.13.2",
+    // @if (jasmine || mocha || tape) && !sfc
+    "babel-plugin-istanbul": "^5.1.4",
+    "nyc": "^14.1.1",
+    // @endif
     // @endif
 
     // @if babel || cypress
@@ -37,7 +41,7 @@
     // @endif
 
     // @if jasmine || tape || mocha
-    "browser-do": "^0.2.0",
+    "browser-do": "^0.3.2",
     // @endif
 
     // @if !sfc
@@ -80,6 +84,9 @@
     // @if jasmine || tape || mocha
     "pretest": "npm run lint && npm run build:test",
     "build:test": "gulp clean && cross-env NODE_ENV=test gulp build",
+    // @if babel && !sfc
+    "coverage": "npm run test && nyc report --reporter=lcov --reporter=text",
+    // @endif
     // @endif
     "start": "gulp",
     "start:prod": "cross-env NODE_ENV=production gulp",