split out unit test and browser test

.github/workflows/browser-test.yml

@@ -0,0 +1,20 @@
+name: Browser Test
+on: [push, pull_request]
+jobs:
+  Tests:
+    runs-on: ${{ matrix.os }}
+    timeout-minutes: 15
+    strategy:
+      matrix:
+        node-version: [8, 10, 12, 14]
+        os: [ubuntu-latest, windows-latest, macOS-latest]
+    steps:
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: npm
+      - run: npm install
+      - run: npm test:browser
+        env:
+          CI: true

package.json

@@ -66,7 +66,8 @@
   },
   "types": "types/runtime/index.d.ts",
   "scripts": {
-    "test": "mocha",
+    "test": "mocha --browser=false",
+    "test:browser": "mocha --browser=true",
     "test:unit": "mocha --require sucrase/register --recursive src/**/__test__.ts",
     "quicktest": "mocha",
     "precoverage": "c8 mocha",

test/test.ts

@@ -8,7 +8,12 @@ require('../internal');
 
 console.clear();
 
-const test_folders = glob('*/index.ts', { cwd: 'test' });
+const browser_tests = ['custom-elements', 'runtime-puppeteer'];
+const to_run_browser_tests = get_to_run_browser_tests();
+
+const test_folders = glob('*/index.ts', { cwd: 'test' })
+	.filter(folder => to_run_browser_tests === browser_tests.some(test => folder.startsWith(test)));
+
 const solo_folders = test_folders.filter(folder => /\.solo/.test(folder));
 
 if (solo_folders.length) {
@@ -19,3 +24,9 @@ if (solo_folders.length) {
 } else {
 	test_folders.forEach(name => require('./' + name));
 }
+
+function get_to_run_browser_tests() {
+	const browser_flag = '--browser=';
+	const argv = process.argv.find(argv => argv.startsWith(browser_flag));
+	return !!argv && argv.slice(browser_flag.length) === 'true';
+}