Add a test for using the image.crossOrigin = 'anonymous'; hack

rrweb-io · May 8, 2024 · 71298d8 · 71298d8
1 parent 136af88
commit 71298d8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/rrweb-snapshot/test/html/picture.html b/packages/rrweb-snapshot/test/html/picture.html
@@ -6,5 +6,6 @@
       <img src="assets/img/characters/robot.png" />
     </picture>
     <img src="/images/robot.png" alt="This is a robot" />
+    <img src="https://avatars.githubusercontent.com/u/43396833?s=20&v=4" alt="CORS restricted but has access-control-allow-origin: *" />
   </body>
 </html>
diff --git a/packages/rrweb-snapshot/test/integration.test.ts b/packages/rrweb-snapshot/test/integration.test.ts
@@ -233,6 +233,14 @@ iframe.contentDocument.querySelector('center').clientHeight
             rr_dataURL: expect.stringMatching(/^data:image\/webp;base64,/),
           },
         }),
+        expect.objectContaining({
+          tagName: 'img',
+          attributes: {
+            src: 'https://avatars.githubusercontent.com/u/43396833?s=20&v=4',
+            alt: 'CORS restricted but has access-control-allow-origin: *',
+            rr_dataURL: expect.stringMatching(/^data:image\/webp;base64,/),
+          },
+        }),
       ]),
     );
   });