diff --git a/extension/package.json b/extension/package.json
index 9aee88ea..da7368cb 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -27,8 +27,9 @@
     "clean": "rimraf build/ && rimraf dev/",
     "test:app": "cross-env BABEL_ENV=test jest test/app",
     "test:chrome": "jest test/chrome",
-    "test:electron": "jest test/electron",
+    "test:electron": "yarn run build:test:electron:fixture && jest test/electron",
     "test": "yarn run test:app && yarn run build:extension && yarn run test:chrome && yarn run test:electron",
+    "build:test:electron:fixture": "webpack --config test/electron/fixture/webpack.config.js",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
diff --git a/extension/test/electron/fixture/index.html b/extension/test/electron/fixture/index.html
index 06072c5c..0618313d 100644
--- a/extension/test/electron/fixture/index.html
+++ b/extension/test/electron/fixture/index.html
@@ -8,6 +8,6 @@
     <span id="counter">0</span>
     <button id="increment">+</button>
     <button id="decrement">-</button>
-    <script src="renderer.js"></script>
+    <script src="./dist/renderer.js"></script>
   </body>
 </html>
diff --git a/extension/test/electron/fixture/renderer.js b/extension/test/electron/fixture/src/renderer.js
similarity index 100%
rename from extension/test/electron/fixture/renderer.js
rename to extension/test/electron/fixture/src/renderer.js
diff --git a/extension/test/electron/fixture/webpack.config.js b/extension/test/electron/fixture/webpack.config.js
new file mode 100644
index 00000000..a872184c
--- /dev/null
+++ b/extension/test/electron/fixture/webpack.config.js
@@ -0,0 +1,10 @@
+const path = require('path');
+
+module.exports = {
+  mode: 'development',
+  entry: './test/electron/fixture/src/renderer.js',
+  output: {
+    filename: 'renderer.js',
+    path: path.resolve(__dirname, 'dist'),
+  },
+};