Mock IntersectionObserver in Jest setup

diff --git a/src-ui/setup-jest.ts b/src-ui/setup-jest.ts
index c2476231351a3368ea6d285169a23710fa08cfc1..c52c00647ad46eabf5c1a84b94ca601dccdb509b 100644 (file)
--- a/src-ui/setup-jest.ts
+++ b/src-ui/setup-jest.ts
@@ -121,6 +121,26 @@ if (!URL.revokeObjectURL) {
 }
 Object.defineProperty(window, 'ResizeObserver', { value: mock() })
 
+if (typeof IntersectionObserver === 'undefined') {
+  class MockIntersectionObserver {
+    constructor(
+      public callback: IntersectionObserverCallback,
+      public options?: IntersectionObserverInit
+    ) {}
+
+    observe = jest.fn()
+    unobserve = jest.fn()
+    disconnect = jest.fn()
+    takeRecords = jest.fn()
+  }
+
+  Object.defineProperty(window, 'IntersectionObserver', {
+    writable: true,
+    configurable: true,
+    value: MockIntersectionObserver,
+  })
+}
+
 HTMLCanvasElement.prototype.getContext = <
   typeof HTMLCanvasElement.prototype.getContext
 >jest.fn()