Add explicit error handling for ResizeObserver errors

fronts-client/integration/fixtures/error-handling.js

@@ -0,0 +1,15 @@
+/**
+ * These errors are sometimes thrown by the browser and appear to be beyond our control.
+ * They don't stop execution, so ignore them.
+ */
+export const explicitErrorHandler = () => {
+  window.addEventListener('error', (e) => {
+    if (
+      e.message ===
+        'ResizeObserver loop completed with undelivered notifications.' ||
+      e.message === 'ResizeObserver loop limit exceeded'
+    ) {
+      e.stopImmediatePropagation();
+    }
+  });
+};

fronts-client/integration/tests/main.spec.js

@@ -26,8 +26,10 @@ import {
 } from '../selectors';
 import setup from '../server/setup';
 import teardown from '../server/teardown';
+import { explicitErrorHandler } from '../fixtures/error-handling';
 
 fixture`Fronts edit`.page`http://localhost:3456/v2/editorial`
+  .clientScripts({ content: `(${explicitErrorHandler.toString()})()` })
   .before(setup)
   .after(teardown);