[REPLAY] Add support for adoptedStylesheets in serialisation

packages/rum/src/domain/record/browser.types.ts

@@ -0,0 +1,12 @@
+// TODO: remove this once typescript has been update to 4.8+
+declare global {
+  interface ShadowRoot {
+    adoptedStyleSheets: CSSStyleSheet[] | undefined
+  }
+
+  interface Document {
+    adoptedStyleSheets: CSSStyleSheet[] | undefined
+  }
+}
+
+export {}

packages/rum/src/domain/record/serialize.spec.ts

@@ -86,6 +86,7 @@ describe('serializeNodeWithId', () => {
           jasmine.objectContaining({ type: NodeType.DocumentType, name: 'html', publicId: '', systemId: '' }),
           jasmine.objectContaining({ type: NodeType.Element, tagName: 'html' }),
         ],
+        adoptedStyleSheets: undefined,
         id: jasmine.any(Number) as unknown as number,
       })
     })
@@ -437,6 +438,7 @@ describe('serializeNodeWithId', () => {
             isShadowRoot: true,
             childNodes: [],
             id: jasmine.any(Number) as unknown as number,
+            adoptedStyleSheets: undefined,
           },
         ],
         id: jasmine.any(Number) as unknown as number,
@@ -468,6 +470,7 @@ describe('serializeNodeWithId', () => {
           {
             type: NodeType.DocumentFragment,
             isShadowRoot: true,
+            adoptedStyleSheets: undefined,
             childNodes: [
               {
                 type: NodeType.Element,
@@ -692,6 +695,7 @@ describe('serializeDocumentNode handles', function testAllowDomTree() {
     expect(serializeDocumentNode(document, serializeOptionsMask)).toEqual({
       type: NodeType.Document,
       childNodes: serializeChildNodes(document, serializeOptionsMask),
+      adoptedStyleSheets: undefined,
     })
   })
 

packages/rum/src/domain/record/serialize.ts

@@ -36,6 +36,7 @@ import {
 import { forEach } from './utils'
 import type { ElementsScrollPositions } from './elementsScrollPositions'
 import type { ShadowRootsController } from './shadowRootsController'
+import './browser.types'
 
 // Those values are the only one that can be used when inheriting privacy levels from parent to
 // children during serialization, since HIDDEN and IGNORE shouldn't serialize their children. This
@@ -126,7 +127,7 @@ export function serializeDocumentNode(document: Document, options: SerializeOpti
   return {
     type: NodeType.Document,
     childNodes: serializeChildNodes(document, options),
-    // adoptedStyleSheets: getStyleSheets(document.adoptedStyleSheets),
+    adoptedStyleSheets: getStyleSheets(document.adoptedStyleSheets),
   }
 }