Setting of the `crossorigin` attribute is not necessary for same-origin images, and causes an immediate image reload (albeit from cache) necessitating the use of a load event listener which subsequently mutates the snapshot. This change allows us to avoid the mutation of the snapshot for the same-origin case. * Modify inlineImages test to remove delay and show that we can inline images without mutation * Add an explicit test for when the `image.crossOrigin = 'anonymous';` method is necessary. Uses a combination of about:blank and our test server to simulate a cross-origin context * Other test changes: there were some spurious rrweb mutations being generated by the addition of the crossorigin attribute that are now elimnated from the rrweb/__snapshots__/integration.test.ts.snap after this PR - this is good
11 lines
349 B
HTML
11 lines
349 B
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<body>
|
|
<picture>
|
|
<!-- these are 404 - not sure if that's intentional -->
|
|
<source type="image/webp" srcset="assets/img/characters/robot.webp" />
|
|
<img src="assets/img/characters/robot.png" />
|
|
</picture>
|
|
<img src="/images/robot.png" alt="This is a robot" />
|
|
</body>
|
|
</html>
|