fix: use ownerNode.baseURI for stringifying stylesheet urls

Author: megboehlert

.changeset/angry-roses-beam.md

@@ -0,0 +1,5 @@
+---
+"rrweb-snapshot": patch
+---
+
+use ownerNode baseURI for stringifying stylesheet href

packages/rrweb-snapshot/src/utils.ts

@@ -118,9 +118,9 @@ export function stringifyStylesheet(s: CSSStyleSheet): string | null {
       return null;
     }
     let sheetHref = s.href;
-    if (!sheetHref && s.ownerNode && s.ownerNode.ownerDocument) {
+    if (!sheetHref && s.ownerNode) {
       // an inline <style> element
-      sheetHref = s.ownerNode.ownerDocument.baseURI;
+      sheetHref = s.ownerNode.baseURI;
     }
     const stringifiedRules = Array.from(rules, (rule: CSSRule) =>
       stringifyRule(rule, sheetHref),

packages/rrweb-snapshot/test/utils.test.ts

@@ -300,7 +300,7 @@ describe('utils', () => {
       expect(stringifyStylesheet(mockSheet)).toBe('div { margin: 0; }');
     });
 
-    it('uses ownerNode.ownerDocument.baseURI for inline styles', () => {
+    it('uses ownerNode.baseURI for inline styles', () => {
       const mockFontFaceRule = {
         cssText: `
           @font-face {
@@ -311,12 +311,8 @@ describe('utils', () => {
           }
         `
       } as CSSRule;
-      const mockOwnerDocument = {
-        location: { href: 'https://example.com/page.html' },
-        baseURI: 'https://example.com/fonts/',
-      } as unknown as Document;
       const mockOwnerNode = {
-        ownerDocument: mockOwnerDocument,
+        baseURI: 'https://example.com/fonts/',
       } as unknown as Node;
       const mockSheet = {
         cssRules: [mockFontFaceRule],