Set up custom Jest test environment

1 files changed, 22 insertions, 0 deletions

diff --git a/packages/browser/jest-environment.js b/packages/browser/jest-environment.js
new file mode 100644
index 0000000..c3a9135
--- /dev/null
+++ b/packages/browser/jest-environment.js
@@ -0,0 +1,22 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const Environment = require('jest-environment-jsdom');
+
+/**
+ * Set up a custom JSDOM-based test environment for Jest so we can add things JSDOM doesn't support
+ */
+class CustomTestEnvironment extends Environment {
+  async setup() {
+    await super.setup();
+    /**
+     * JSDOM doesn't implement TextEncoder so we need to fake it with Node's
+     *
+     * Solved thanks to https://stackoverflow.com/a/57713960/2133271
+     */
+    if (typeof this.global.TextEncoder === 'undefined') {
+      const { TextEncoder } = require('util');
+      this.global.TextEncoder = TextEncoder;
+    }
+  }
+}
+
+module.exports = CustomTestEnvironment;