Add errors for unavailable properties

Summary: Changelog: [Internal] - Throw error when accessing unsupported properties for IntersectionObserver

Reviewed By: rubennorte

Differential Revision: D85976617

Author: lunaleaps

packages/react-native/src/private/webapis/intersectionobserver/IntersectionObserver.js

@@ -94,6 +94,24 @@ export default class IntersectionObserver {
       );
     }
 
+    if (options != null && 'delay' in options) {
+      throw new Error(
+        "Failed to construct 'IntersectionObserver': The 'delay' option is not supported.",
+      );
+    }
+
+    if (options != null && 'scrollMargin' in options) {
+      throw new Error(
+        "Failed to construct 'IntersectionObserver': The 'scrollMargin' option is not supported.",
+      );
+    }
+
+    if (options != null && 'trackVisibility' in options) {
+      throw new Error(
+        "Failed to construct 'IntersectionObserver': The 'trackVisibility' option is not supported.",
+      );
+    }
+
     this._callback = callback;
 
     this._rootThresholds = normalizeRootThreshold(options?.rnRootThreshold);
@@ -152,6 +170,36 @@ export default class IntersectionObserver {
     return this._rootThresholds;
   }
 
+  /**
+   * The `delay` option is not supported.
+   * @throws {Error} Always throws an error indicating this property is not supported.
+   */
+  get delay(): number {
+    throw new Error(
+      "Failed to read the 'delay' property from 'IntersectionObserver': This property is not supported.",
+    );
+  }
+
+  /**
+   * The `scrollMargin` option is not supported.
+   * @throws {Error} Always throws an error indicating this property is not supported.
+   */
+  get scrollMargin(): string {
+    throw new Error(
+      "Failed to read the 'scrollMargin' property from 'IntersectionObserver': This property is not supported.",
+    );
+  }
+
+  /**
+   * The `trackVisibility` option is not supported.
+   * @throws {Error} Always throws an error indicating this property is not supported.
+   */
+  get trackVisibility(): boolean {
+    throw new Error(
+      "Failed to read the 'trackVisibility' property from 'IntersectionObserver': This property is not supported.",
+    );
+  }
+
   /**
    * Adds an element to the set of target elements being watched by the
    * `IntersectionObserver`.

packages/react-native/src/private/webapis/intersectionobserver/__tests__/IntersectionObserver-itest.js

@@ -473,6 +473,103 @@ describe('IntersectionObserver', () => {
         new IntersectionObserver(() => {}, {rnRootThreshold: []}).thresholds,
       ).toEqual([0]);
     });
+
+    describe('unsupported options', () => {
+      it('should throw if `delay` option is specified', () => {
+        expect(() => {
+          // $FlowExpectedError[prop-missing] delay is not defined in Flow.
+          return new IntersectionObserver(() => {}, {delay: 100});
+        }).toThrow(
+          "Failed to construct 'IntersectionObserver': The 'delay' option is not supported.",
+        );
+      });
+
+      it('should throw if `scrollMargin` option is specified', () => {
+        expect(() => {
+          // $FlowExpectedError[prop-missing] scrollMargin is not defined in Flow.
+          return new IntersectionObserver(() => {}, {scrollMargin: '10px'});
+        }).toThrow(
+          "Failed to construct 'IntersectionObserver': The 'scrollMargin' option is not supported.",
+        );
+      });
+
+      it('should throw if `trackVisibility` option is specified', () => {
+        expect(() => {
+          // $FlowExpectedError[prop-missing] trackVisibility is not defined in Flow.
+          return new IntersectionObserver(() => {}, {trackVisibility: true});
+        }).toThrow(
+          "Failed to construct 'IntersectionObserver': The 'trackVisibility' option is not supported.",
+        );
+      });
+
+      it('should throw if `delay` option is set to undefined explicitly', () => {
+        expect(() => {
+          // $FlowExpectedError[prop-missing] delay is not defined in Flow.
+          return new IntersectionObserver(() => {}, {delay: undefined});
+        }).toThrow(
+          "Failed to construct 'IntersectionObserver': The 'delay' option is not supported.",
+        );
+      });
+
+      it('should throw if `scrollMargin` option is set to null explicitly', () => {
+        expect(() => {
+          // $FlowExpectedError[prop-missing] scrollMargin is not defined in Flow.
+          return new IntersectionObserver(() => {}, {scrollMargin: null});
+        }).toThrow(
+          "Failed to construct 'IntersectionObserver': The 'scrollMargin' option is not supported.",
+        );
+      });
+
+      it('should not throw when unsupported options are not specified', () => {
+        expect(() => {
+          return new IntersectionObserver(() => {}, {
+            threshold: 0.5,
+            rootMargin: '10px',
+          });
+        }).not.toThrow();
+      });
+
+      it('should throw if multiple unsupported options are specified', () => {
+        expect(() => {
+          // $FlowExpectedError[prop-missing] delay and trackVisibility are not defined in Flow.
+          return new IntersectionObserver(() => {}, {
+            delay: 100,
+            trackVisibility: true,
+          });
+        }).toThrow(
+          "Failed to construct 'IntersectionObserver': The 'delay' option is not supported.",
+        );
+      });
+    });
+
+    describe('unsupported property getters', () => {
+      it('should throw when accessing delay getter', () => {
+        observer = new IntersectionObserver(() => {});
+        expect(() => {
+          return observer.delay;
+        }).toThrow(
+          "Failed to read the 'delay' property from 'IntersectionObserver': This property is not supported.",
+        );
+      });
+
+      it('should throw when accessing scrollMargin getter', () => {
+        observer = new IntersectionObserver(() => {});
+        expect(() => {
+          return observer.scrollMargin;
+        }).toThrow(
+          "Failed to read the 'scrollMargin' property from 'IntersectionObserver': This property is not supported.",
+        );
+      });
+
+      it('should throw when accessing trackVisibility getter', () => {
+        observer = new IntersectionObserver(() => {});
+        expect(() => {
+          return observer.trackVisibility;
+        }).toThrow(
+          "Failed to read the 'trackVisibility' property from 'IntersectionObserver': This property is not supported.",
+        );
+      });
+    });
   });
 
   describe('observe(target)', () => {