// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`record integration tests > can correctly serialize a shader and multiple webgl contexts 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"canvas shader\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": { \\"id\\": \\"myCanvas\\", \\"width\\": \\"300\\", \\"height\\": \\"300\\", \\"style\\": \\"border: 1px solid #000000\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 23 } ], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 24 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 9, \\"id\\": 16, \\"type\\": 1, \\"commands\\": [ { \\"property\\": \\"createBuffer\\", \\"args\\": [] }, { \\"property\\": \\"bindBuffer\\", \\"args\\": [ 34962, { \\"rr_type\\": \\"WebGLBuffer\\", \\"index\\": 0 } ] }, { \\"property\\": \\"bufferData\\", \\"args\\": [ 34962, { \\"rr_type\\": \\"Float32Array\\", \\"args\\": [ [ -0.5, 0.5, -0.5, -0.5, 0, -0.5 ] ] }, 35044 ] }, { \\"property\\": \\"bindBuffer\\", \\"args\\": [ 34962, null ] }, { \\"property\\": \\"createShader\\", \\"args\\": [ 35633 ] }, { \\"property\\": \\"shaderSource\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLShader\\", \\"index\\": 0 }, \\"attribute vec2 coordinates;void main(void) { gl_Position = vec4(coordinates,0.0, 1.0);}\\" ] }, { \\"property\\": \\"compileShader\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLShader\\", \\"index\\": 0 } ] }, { \\"property\\": \\"createShader\\", \\"args\\": [ 35632 ] }, { \\"property\\": \\"shaderSource\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLShader\\", \\"index\\": 1 }, \\"void main(void) {gl_FragColor = vec4(0.0, 0.0, 0.0, 0.1);}\\" ] }, { \\"property\\": \\"compileShader\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLShader\\", \\"index\\": 1 } ] }, { \\"property\\": \\"createProgram\\", \\"args\\": [] }, { \\"property\\": \\"attachShader\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLProgram\\", \\"index\\": 0 }, { \\"rr_type\\": \\"WebGLShader\\", \\"index\\": 0 } ] }, { \\"property\\": \\"attachShader\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLProgram\\", \\"index\\": 0 }, { \\"rr_type\\": \\"WebGLShader\\", \\"index\\": 1 } ] }, { \\"property\\": \\"linkProgram\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLProgram\\", \\"index\\": 0 } ] }, { \\"property\\": \\"useProgram\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLProgram\\", \\"index\\": 0 } ] }, { \\"property\\": \\"bindBuffer\\", \\"args\\": [ 34962, { \\"rr_type\\": \\"WebGLBuffer\\", \\"index\\": 0 } ] }, { \\"property\\": \\"getAttribLocation\\", \\"args\\": [ { \\"rr_type\\": \\"WebGLProgram\\", \\"index\\": 0 }, \\"coordinates\\" ] }, { \\"property\\": \\"vertexAttribPointer\\", \\"args\\": [ 0, 2, 5126, false, 0, 0 ] }, { \\"property\\": \\"enableVertexAttribArray\\", \\"args\\": [ 0 ] }, { \\"property\\": \\"clearColor\\", \\"args\\": [ 0.5, 0.5, 0.5, 0.9 ] }, { \\"property\\": \\"enable\\", \\"args\\": [ 2929 ] }, { \\"property\\": \\"clear\\", \\"args\\": [ 16384 ] }, { \\"property\\": \\"viewport\\", \\"args\\": [ 0, 0, 300, 300 ] }, { \\"property\\": \\"drawArrays\\", \\"args\\": [ 4, 0, 3 ] } ] } } ]" `; exports[`record integration tests > can freeze mutations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 5, \\"attributes\\": { \\"test\\": \\"true\\" } } ], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 10, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": { \\"foo\\": \\"bar\\" }, \\"childNodes\\": [], \\"id\\": 20 } } ] } } ]" `; exports[`record integration tests > can mask character data mutations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 7, \\"attributes\\": { \\"class\\": \\"rr-mask\\" } } ], \\"removes\\": [ { \\"parentId\\": 7, \\"id\\": 8 } ], \\"adds\\": [ { \\"parentId\\": 10, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": { \\"class\\": \\"rr-mask\\" }, \\"childNodes\\": [], \\"id\\": 20 } }, { \\"parentId\\": 20, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"*** **** ****\\", \\"id\\": 21 } }, { \\"parentId\\": 7, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"*******\\", \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [ { \\"id\\": 22, \\"value\\": \\"****** *******\\" } ], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > can mask character data mutations with regexp 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 10, \\"attributes\\": { \\"class\\": \\"custom-mask\\" } }, { \\"id\\": 7, \\"attributes\\": { \\"class\\": \\"custom-mask\\" } } ], \\"removes\\": [ { \\"parentId\\": 7, \\"id\\": 8 } ], \\"adds\\": [ { \\"parentId\\": 10, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 20 } }, { \\"parentId\\": 20, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"*** **** ****\\", \\"id\\": 21 } }, { \\"parentId\\": 7, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"*******\\", \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [ { \\"id\\": 21, \\"value\\": \\"********** ****** ** ****** *** **** ****\\" } ], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > can record and replay style mutations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"style\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"id\\": \\"dual-textContent\\", \\"_cssText\\": \\"body { background-color: black; }/* rr_split */body { color: orange !important; }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 14 }, { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 15 } ], \\"id\\": 13 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"id\\": \\"single-textContent\\", \\"_cssText\\": \\"a:hover { outline: red solid 1px; }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 21 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 22 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"id\\": \\"empty\\", \\"_cssText\\": \\"a:hover { outline: blue solid 1px; }\\" }, \\"childNodes\\": [], \\"id\\": 23 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 26 } ], \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 27 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"id\\": \\"hover-mutation\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n /* replaceme */\\\\n \\", \\"id\\": 29 } ], \\"id\\": 28 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 30 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 33 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 35 } ], \\"id\\": 34 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 36 } ], \\"id\\": 32 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 13, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\".absolutify { background-image: url(\\\\\\"http://localhost:3030/rel\\\\\\"); }\\", \\"id\\": 37 } }, { \\"parentId\\": 13, \\"nextId\\": 37, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"body { background-color: darkgreen; }\\", \\"id\\": 38 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [ { \\"id\\": 15, \\"value\\": \\"body { color: yellow; }\\" }, { \\"id\\": 15, \\"value\\": \\"body { color: yellow; }\\" }, { \\"id\\": 38, \\"value\\": \\"body { background-color: purple; }\\" } ], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [ { \\"id\\": 14, \\"value\\": \\"\\\\n body { background-color: black !important; }\\\\n \\" }, { \\"id\\": 29, \\"value\\": \\"a:hover { outline: cyan solid 1px; }\\" } ], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 32, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"id\\": \\"goldilocks\\", \\"_cssText\\": \\"body { color: brown; }\\" }, \\"childNodes\\": [], \\"id\\": 39 } }, { \\"parentId\\": 39, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 40 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [ { \\"id\\": 40, \\"value\\": \\"body { color: gold }\\" } ], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > can record and replay textarea mutations correctly 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Empty\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"one\\" }, \\"childNodes\\": [], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 20 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 14, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"id\\": \\"ta2\\" }, \\"childNodes\\": [], \\"id\\": 21 } }, { \\"parentId\\": 14, \\"nextId\\": 21, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"value\\": \\"pre value\\" }, \\"childNodes\\": [], \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 22, \\"attributes\\": { \\"value\\": \\"ok\\" } }, { \\"id\\": 21, \\"attributes\\": { \\"value\\": \\"added\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 22, \\"attributes\\": { \\"value\\": \\"ok3\\" } } ], \\"removes\\": [ { \\"parentId\\": 14, \\"id\\": 21 } ], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"1ok3\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 22, \\"attributes\\": { \\"value\\": \\"ignore\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"12ok3\\", \\"isChecked\\": false, \\"id\\": 22 } } ]" `; exports[`record integration tests > can record attribute mutation 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 5, \\"attributes\\": { \\"test\\": \\"true\\" } } ], \\"removes\\": [ { \\"parentId\\": 5, \\"id\\": 10 } ], \\"adds\\": [] } } ]" `; exports[`record integration tests > can record character data muatations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 5, \\"id\\": 10 }, { \\"parentId\\": 7, \\"id\\": 8 } ], \\"adds\\": [ { \\"parentId\\": 7, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"mutated\\", \\"id\\": 20 } } ] } } ]" `; exports[`record integration tests > can record childList mutations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 5, \\"id\\": 10 } ], \\"adds\\": [ { \\"parentId\\": 7, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 20 } } ] } } ]" `; exports[`record integration tests > can record clicks 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Link click\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"id\\": \\"not-a-link\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"not link\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"a\\", \\"attributes\\": { \\"href\\": \\"about:blank#clicked\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"link\\", \\"id\\": 22 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 23 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 25 } ], \\"id\\": 24 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 26 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 18, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 7, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 9, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 18, \\"pointerType\\": 2 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 21, \\"pointerType\\": 0 } } ]" `; exports[`record integration tests > can record form interactions 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"form fields\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"form\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"text\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"on\\" }, \\"childNodes\\": [], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 } ], \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"off\\", \\"checked\\": true }, \\"childNodes\\": [], \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"checkbox\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"checkbox\\" }, \\"childNodes\\": [], \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 } ], \\"id\\": 35 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"textarea\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"cols\\": \\"30\\", \\"rows\\": \\"10\\", \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 43 } ], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 44 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"select\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 46 }, { \\"type\\": 2, \\"tagName\\": \\"select\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"value\\": \\"1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 48 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"1\\", \\"selected\\": true }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 50 } ], \\"id\\": 49 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 51 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"2\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"2\\", \\"id\\": 53 } ], \\"id\\": 52 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 54 } ], \\"id\\": 47 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 55 } ], \\"id\\": 45 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 56 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"password\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 58 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"password\\" }, \\"childNodes\\": [], \\"id\\": 59 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 60 } ], \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 61 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"value\\": \\"pre value\\" }, \\"childNodes\\": [], \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 63 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 64 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 66 } ], \\"id\\": 65 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 67 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"tes\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"test\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 27, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"off\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 37, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"tex\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"text\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"texta\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textar\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textare\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea \\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea t\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea te\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea test\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"1\\", \\"isChecked\\": false, \\"id\\": 47 } } ]" `; exports[`record integration tests > can record node mutations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Select2 3.5\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"link\\", \\"attributes\\": { \\"rel\\": \\"stylesheet\\", \\"href\\": \\"https://cdn.jsdelivr.net/npm/select2@3.5.1/select2.css\\" }, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\", \\"id\\": 16 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"blockquote\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n Select2 is a jQuery replacement for select boxes.\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n In the 3.5 version it use a quite complicated DOM generation strategy which is a good battle-test for rrweb's recorder.\\\\n \\", \\"id\\": 23 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"select2-container\\", \\"id\\": \\"s2id_el\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"a\\", \\"attributes\\": { \\"href\\": \\"javascript:void(0)\\", \\"class\\": \\"select2-choice\\", \\"tabindex\\": \\"-1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 27 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"class\\": \\"select2-chosen\\", \\"id\\": \\"select2-chosen-1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"A\\", \\"id\\": 29 } ], \\"id\\": 28 }, { \\"type\\": 2, \\"tagName\\": \\"abbr\\", \\"attributes\\": { \\"class\\": \\"select2-search-choice-close\\" }, \\"childNodes\\": [], \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"class\\": \\"select2-arrow\\", \\"role\\": \\"presentation\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"b\\", \\"attributes\\": { \\"role\\": \\"presentation\\" }, \\"childNodes\\": [], \\"id\\": 33 } ], \\"id\\": 32 } ], \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"s2id_autogen1\\", \\"class\\": \\"select2-offscreen\\" }, \\"childNodes\\": [], \\"id\\": 34 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"class\\": \\"select2-focusser select2-offscreen\\", \\"type\\": \\"text\\", \\"aria-haspopup\\": \\"true\\", \\"role\\": \\"button\\", \\"aria-labelledby\\": \\"select2-chosen-1\\", \\"id\\": \\"s2id_autogen1\\" }, \\"childNodes\\": [], \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"select2-drop select2-display-none select2-with-searchbox\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 37 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"select2-search\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"s2id_autogen1_search\\", \\"class\\": \\"select2-offscreen\\" }, \\"childNodes\\": [], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\", \\"autocomplete\\": \\"off\\", \\"autocorrect\\": \\"off\\", \\"autocapitalize\\": \\"off\\", \\"spellcheck\\": \\"false\\", \\"class\\": \\"select2-input\\", \\"role\\": \\"combobox\\", \\"aria-expanded\\": \\"true\\", \\"aria-autocomplete\\": \\"list\\", \\"aria-owns\\": \\"select2-results-1\\", \\"id\\": \\"s2id_autogen1_search\\", \\"placeholder\\": \\"\\" }, \\"childNodes\\": [], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 43 } ], \\"id\\": 38 }, { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 44 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": { \\"class\\": \\"select2-results\\", \\"role\\": \\"listbox\\", \\"id\\": \\"select2-results-1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 46 } ], \\"id\\": 45 } ], \\"id\\": 36 } ], \\"id\\": 25 }, { \\"type\\": 2, \\"tagName\\": \\"select\\", \\"attributes\\": { \\"id\\": \\"el\\", \\"tabindex\\": \\"-1\\", \\"title\\": \\"\\", \\"style\\": \\"display: none;\\", \\"value\\": \\"a\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 48 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"a\\", \\"selected\\": true }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"A\\", \\"id\\": 50 } ], \\"id\\": 49 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 51 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"b\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"B\\", \\"id\\": 53 } ], \\"id\\": 52 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 54 } ], \\"id\\": 47 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 55 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js\\" }, \\"childNodes\\": [], \\"id\\": 56 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 57 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/select2@3.5.2-browserify/select2.min.js\\" }, \\"childNodes\\": [], \\"id\\": 58 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 59 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 61 } ], \\"id\\": 60 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"role\\": \\"status\\", \\"aria-live\\": \\"polite\\", \\"class\\": \\"select2-hidden-accessible\\" }, \\"childNodes\\": [], \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 63 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 65 } ], \\"id\\": 64 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 66 } ], \\"id\\": 18 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 26 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 25, \\"attributes\\": { \\"class\\": \\"select2-container select2-dropdown-open select2-container-active\\" } }, { \\"id\\": 35, \\"attributes\\": { \\"disabled\\": \\"\\" } } ], \\"removes\\": [ { \\"parentId\\": 25, \\"id\\": 26 }, { \\"parentId\\": 25, \\"id\\": 36 }, { \\"parentId\\": 45, \\"id\\": 46 } ], \\"adds\\": [ { \\"parentId\\": 25, \\"nextId\\": 34, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"a\\", \\"attributes\\": { \\"href\\": \\"javascript:void(0)\\", \\"class\\": \\"select2-choice\\", \\"tabindex\\": \\"-1\\" }, \\"childNodes\\": [], \\"id\\": 26 } }, { \\"parentId\\": 26, \\"nextId\\": 28, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 27 } }, { \\"parentId\\": 26, \\"nextId\\": 30, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"class\\": \\"select2-chosen\\", \\"id\\": \\"select2-chosen-1\\" }, \\"childNodes\\": [], \\"id\\": 28 } }, { \\"parentId\\": 28, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"A\\", \\"id\\": 29 } }, { \\"parentId\\": 26, \\"nextId\\": 31, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"abbr\\", \\"attributes\\": { \\"class\\": \\"select2-search-choice-close\\" }, \\"childNodes\\": [], \\"id\\": 30 } }, { \\"parentId\\": 26, \\"nextId\\": 32, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 31 } }, { \\"parentId\\": 26, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"class\\": \\"select2-arrow\\", \\"role\\": \\"presentation\\" }, \\"childNodes\\": [], \\"id\\": 32 } }, { \\"parentId\\": 32, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"b\\", \\"attributes\\": { \\"role\\": \\"presentation\\" }, \\"childNodes\\": [], \\"id\\": 33 } }, { \\"parentId\\": 18, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"select2-drop select2-display-none select2-with-searchbox select2-drop-active\\", \\"id\\": \\"select2-drop\\", \\"style\\": \\"left: Npx; width: Npx; top: Npx; bottom: auto; display: block;\\" }, \\"childNodes\\": [], \\"id\\": 36 } }, { \\"parentId\\": 36, \\"nextId\\": 38, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 37 } }, { \\"parentId\\": 36, \\"nextId\\": 44, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"select2-search\\" }, \\"childNodes\\": [], \\"id\\": 38 } }, { \\"parentId\\": 38, \\"nextId\\": 40, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 39 } }, { \\"parentId\\": 38, \\"nextId\\": 41, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"s2id_autogen1_search\\", \\"class\\": \\"select2-offscreen\\" }, \\"childNodes\\": [], \\"id\\": 40 } }, { \\"parentId\\": 38, \\"nextId\\": 42, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 41 } }, { \\"parentId\\": 38, \\"nextId\\": 43, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\", \\"autocomplete\\": \\"off\\", \\"autocorrect\\": \\"off\\", \\"autocapitalize\\": \\"off\\", \\"spellcheck\\": \\"false\\", \\"class\\": \\"select2-input select2-focused\\", \\"role\\": \\"combobox\\", \\"aria-expanded\\": \\"true\\", \\"aria-autocomplete\\": \\"list\\", \\"aria-owns\\": \\"select2-results-1\\", \\"id\\": \\"s2id_autogen1_search\\", \\"placeholder\\": \\"\\", \\"aria-activedescendant\\": \\"select2-result-label-2\\" }, \\"childNodes\\": [], \\"id\\": 42 } }, { \\"parentId\\": 38, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 43 } }, { \\"parentId\\": 36, \\"nextId\\": 45, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\" \\", \\"id\\": 44 } }, { \\"parentId\\": 36, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": { \\"class\\": \\"select2-results\\", \\"role\\": \\"listbox\\", \\"id\\": \\"select2-results-1\\" }, \\"childNodes\\": [], \\"id\\": 45 } }, { \\"parentId\\": 45, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": { \\"class\\": \\"select2-results-dept-0 select2-result select2-result-selectable\\", \\"role\\": \\"presentation\\" }, \\"childNodes\\": [], \\"id\\": 67 } }, { \\"parentId\\": 67, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"select2-result-label\\", \\"id\\": \\"select2-result-label-3\\", \\"role\\": \\"option\\" }, \\"childNodes\\": [], \\"id\\": 68 } }, { \\"parentId\\": 68, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"B\\", \\"id\\": 69 } }, { \\"parentId\\": 18, \\"nextId\\": 36, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"select2-drop-mask\\", \\"class\\": \\"select2-drop-mask\\", \\"style\\": \\"\\" }, \\"childNodes\\": [], \\"id\\": 70 } }, { \\"parentId\\": 62, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"2 results are available, use up and down arrow keys to navigate.\\", \\"id\\": 71 } }, { \\"parentId\\": 45, \\"nextId\\": 67, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": { \\"class\\": \\"select2-results-dept-0 select2-result select2-result-selectable select2-highlighted\\", \\"role\\": \\"presentation\\" }, \\"childNodes\\": [], \\"id\\": 72 } }, { \\"parentId\\": 72, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"select2-result-label\\", \\"id\\": \\"select2-result-label-2\\", \\"role\\": \\"option\\" }, \\"childNodes\\": [], \\"id\\": 73 } }, { \\"parentId\\": 73, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"A\\", \\"id\\": 74 } }, { \\"parentId\\": 73, \\"nextId\\": 74, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"class\\": \\"select2-match\\" }, \\"childNodes\\": [], \\"id\\": 75 } }, { \\"parentId\\": 68, \\"nextId\\": 69, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": { \\"class\\": \\"select2-match\\" }, \\"childNodes\\": [], \\"id\\": 76 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"\\", \\"isChecked\\": false, \\"id\\": 35 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 70 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 36, \\"attributes\\": { \\"style\\": { \\"color\\": [ \\"black\\", \\"important\\" ] } } } ], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > can record style changes compactly and preserve css var() functions 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 3 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 8 } ], \\"id\\": 4 } ], \\"id\\": 2 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": \\"background: var(--mystery)\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": \\"background: var(--mystery); background-color: black\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": \\"\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": \\"display:block\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": { \\"color\\": \\"var(--mystery-color)\\" } } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": \\"color:var(--mystery-color);display:block;margin:10px\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": { \\"margin-left\\": \\"Npx\\" } } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 4, \\"attributes\\": { \\"style\\": { \\"margin-top\\": \\"Npx\\", \\"color\\": false } } } ], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > can use maskInputOptions to configure which type of inputs should be masked 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"form fields\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"form\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"text\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"on\\" }, \\"childNodes\\": [], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 } ], \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"off\\", \\"checked\\": true }, \\"childNodes\\": [], \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"checkbox\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"checkbox\\" }, \\"childNodes\\": [], \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 } ], \\"id\\": 35 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"textarea\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"cols\\": \\"30\\", \\"rows\\": \\"10\\", \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 43 } ], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 44 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"select\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 46 }, { \\"type\\": 2, \\"tagName\\": \\"select\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"value\\": \\"1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 48 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"1\\", \\"selected\\": true }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 50 } ], \\"id\\": 49 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 51 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"2\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"2\\", \\"id\\": 53 } ], \\"id\\": 52 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 54 } ], \\"id\\": 47 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 55 } ], \\"id\\": 45 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 56 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"password\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 58 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"password\\" }, \\"childNodes\\": [], \\"id\\": 59 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 60 } ], \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 61 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"value\\": \\"pre value\\" }, \\"childNodes\\": [], \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 63 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 64 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 66 } ], \\"id\\": 65 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 67 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"tes\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"test\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 27, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"off\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 37, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"tex\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"text\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"texta\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textar\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textare\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea \\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea t\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea te\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea test\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"1\\", \\"isChecked\\": false, \\"id\\": 47 } } ]" `; exports[`record integration tests > handles null attribute values 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 10, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": { \\"aria-label\\": \\"label\\", \\"id\\": \\"test-li\\" }, \\"childNodes\\": [], \\"id\\": 20 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 20, \\"attributes\\": { \\"aria-label\\": null } } ], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > mutations should work when blocked class is unblocked 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Uber Application for Codegen Testing\\", \\"id\\": 6 } ], \\"id\\": 5 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\"#b-class, #b-class-2 { height: 33px; width: 200px; }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 9 } ], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\", \\"id\\": 10 } ], \\"id\\": 3 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n\\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 15 } ], \\"id\\": 14 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"h1\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Verify that block class bugs are fixed\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"first\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 25 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"visible\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 27 }, { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"VISIBLE\\", \\"id\\": 29 } ], \\"id\\": 28 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 30 } ], \\"id\\": 26 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 32 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 33 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 34 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"rr-block\\", \\"rr_width\\": \\"200px\\", \\"rr_height\\": \\"33px\\" }, \\"childNodes\\": [], \\"id\\": 36 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 37 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 38 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": { \\"onclick\\": \\"mutate1()\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"MUTATE\\", \\"id\\": 43 } ], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 44 } ], \\"id\\": 24 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 45 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 46 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 47 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 48 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 49 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"second\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 51 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"visible2\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 53 }, { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"VISIBLE\\", \\"id\\": 55 } ], \\"id\\": 54 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 56 } ], \\"id\\": 52 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 57 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 58 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 59 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 60 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 61 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"rr-block\\", \\"rr_width\\": \\"200px\\", \\"rr_height\\": \\"33px\\" }, \\"childNodes\\": [], \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 63 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 64 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 65 }, { \\"type\\": 2, \\"tagName\\": \\"br\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 66 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 67 }, { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": { \\"onclick\\": \\"mutate2()\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"MUTATE\\", \\"id\\": 69 } ], \\"id\\": 68 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 70 } ], \\"id\\": 50 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 71 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 73 } ], \\"id\\": 72 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 74 } ], \\"id\\": 12 } ], \\"id\\": 2 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 42, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 36, \\"attributes\\": { \\"class\\": \\"notB\\" } } ], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 26, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 75 } }, { \\"parentId\\": 75, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 76 } }, { \\"parentId\\": 76, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 77 } }, { \\"parentId\\": 77, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"I1I2 VISIBLE\\", \\"id\\": 78 } }, { \\"parentId\\": 75, \\"nextId\\": 76, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 79 } }, { \\"parentId\\": 79, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 80 } }, { \\"parentId\\": 80, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"I1I1 VISIBLE\\", \\"id\\": 81 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 68 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 68 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 68 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 68, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 62, \\"attributes\\": { \\"class\\": \\"notB\\" } } ], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 52, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 82 } }, { \\"parentId\\": 82, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 83 } }, { \\"parentId\\": 83, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 84 } }, { \\"parentId\\": 84, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"I1I2 VISIBLE\\", \\"id\\": 85 } }, { \\"parentId\\": 82, \\"nextId\\": 83, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 86 } }, { \\"parentId\\": 86, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 87 } }, { \\"parentId\\": 87, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"I1I1 VISIBLE\\", \\"id\\": 88 } } ] } } ]" `; exports[`record integration tests > should mask inputs via function call 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"form fields\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"form\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"text\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"on\\" }, \\"childNodes\\": [], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 } ], \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"off\\", \\"checked\\": true }, \\"childNodes\\": [], \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"checkbox\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"checkbox\\" }, \\"childNodes\\": [], \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 } ], \\"id\\": 35 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"textarea\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"cols\\": \\"30\\", \\"rows\\": \\"10\\", \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 43 } ], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 44 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"select\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 46 }, { \\"type\\": 2, \\"tagName\\": \\"select\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"value\\": \\"*\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 48 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 50 } ], \\"id\\": 49 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 51 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"2\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"2\\", \\"id\\": 53 } ], \\"id\\": 52 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 54 } ], \\"id\\": 47 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 55 } ], \\"id\\": 45 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 56 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"password\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 58 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"password\\" }, \\"childNodes\\": [], \\"id\\": 59 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 60 } ], \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 61 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"value\\": \\"*********\\" }, \\"childNodes\\": [], \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 63 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 64 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 66 } ], \\"id\\": 65 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 67 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 27, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"off\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 37, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"tex\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"text\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"texta\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textar\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textare\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea \\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea t\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea te\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea test\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 47 } } ]" `; exports[`record integration tests > should mask password value attribute with maskInputOptions 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"IE=edge\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Document\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"password\\", \\"id\\": \\"password\\" }, \\"childNodes\\": [], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": { \\"type\\": \\"button\\", \\"id\\": \\"show-password\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Toggle show password\\", \\"id\\": 21 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 22 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 24 } ], \\"id\\": 23 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 25 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 27 } ], \\"id\\": 26 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 28 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 20 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 20 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 20 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 20, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 18, \\"attributes\\": { \\"type\\": \\"text\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 18, \\"attributes\\": { \\"data-rr-is-password\\": \\"true\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 20 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 20 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 18 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 20 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 20 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 20, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 18, \\"attributes\\": { \\"type\\": \\"password\\" } } ], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > should mask texts 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Mask text\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": { \\"class\\": \\"rr-mask\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"*****\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"rr-mask\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 22 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"*****\\", \\"id\\": 24 } ], \\"id\\": 23 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 25 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"data-masking\\": \\"true\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 30 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"*****\\", \\"id\\": 32 } ], \\"id\\": 31 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 29 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 } ], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": { \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n unmask1\\\\n \\", \\"id\\": 37 } ], \\"id\\": 36 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 38 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 40 } ], \\"id\\": 39 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 41 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } } ]" `; exports[`record integration tests > should mask texts using maskTextFn 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Mask text\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": { \\"class\\": \\"rr-mask\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"****1\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"rr-mask\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 22 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"****2\\", \\"id\\": 24 } ], \\"id\\": 23 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 25 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"data-masking\\": \\"true\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 30 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"****3\\", \\"id\\": 32 } ], \\"id\\": 31 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 29 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 } ], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": { \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n unmask1\\\\n \\", \\"id\\": 37 } ], \\"id\\": 36 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 38 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 40 } ], \\"id\\": 39 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 41 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } } ]" `; exports[`record integration tests > should nest record iframe 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Main\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\"iframe { width: 500px; height: 500px; }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 14 } ], \\"id\\": 13 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"one\\" }, \\"childNodes\\": [], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 22 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n \\", \\"id\\": 23 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 25 } ], \\"id\\": 24 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n\\", \\"id\\": 26 } ], \\"id\\": 17 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 19, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 30 } ], \\"rootId\\": 27, \\"id\\": 28 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 27 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 17, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"two\\" }, \\"childNodes\\": [], \\"id\\": 31 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 31, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"rootId\\": 32, \\"id\\": 33 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"rootId\\": 32, \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 38 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"rootId\\": 32, \\"id\\": 39 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 40 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Frame 1\\", \\"rootId\\": 32, \\"id\\": 42 } ], \\"rootId\\": 32, \\"id\\": 41 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 43 } ], \\"rootId\\": 32, \\"id\\": 35 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 44 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n frame 1\\\\n \\", \\"rootId\\": 32, \\"id\\": 46 }, { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"three\\", \\"frameborder\\": \\"0\\" }, \\"childNodes\\": [], \\"rootId\\": 32, \\"id\\": 47 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 48 }, { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"four\\", \\"frameborder\\": \\"0\\" }, \\"childNodes\\": [], \\"rootId\\": 32, \\"id\\": 49 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 50 }, { \\"type\\": 2, \\"tagName\\": \\"svg\\", \\"attributes\\": { \\"xmlns\\": \\"http://www.w3.org/2000/svg\\", \\"xmlns:xlink\\": \\"http://www.w3.org/1999/xlink\\", \\"width\\": \\"300\\", \\"height\\": \\"300\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 52 }, { \\"type\\": 2, \\"tagName\\": \\"rect\\", \\"attributes\\": { \\"id\\": \\"el\\", \\"width\\": \\"100\\", \\"height\\": \\"50\\", \\"x\\": \\"40\\", \\"y\\": \\"20\\", \\"fill\\": \\"red\\" }, \\"childNodes\\": [], \\"isSVG\\": true, \\"rootId\\": 32, \\"id\\": 53 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 32, \\"id\\": 54 } ], \\"isSVG\\": true, \\"rootId\\": 32, \\"id\\": 51 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n\\\\n\\", \\"rootId\\": 32, \\"id\\": 55 } ], \\"rootId\\": 32, \\"id\\": 45 } ], \\"rootId\\": 32, \\"id\\": 34 } ], \\"id\\": 32 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 47, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 56, \\"id\\": 58 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 56, \\"id\\": 59 } ], \\"rootId\\": 56, \\"id\\": 57 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 56 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 49, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"rootId\\": 60, \\"id\\": 61 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 60, \\"id\\": 64 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"rootId\\": 60, \\"id\\": 65 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 60, \\"id\\": 66 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"rootId\\": 60, \\"id\\": 67 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 60, \\"id\\": 68 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Frame 2\\", \\"rootId\\": 60, \\"id\\": 70 } ], \\"rootId\\": 60, \\"id\\": 69 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 60, \\"id\\": 71 } ], \\"rootId\\": 60, \\"id\\": 63 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 60, \\"id\\": 72 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n frame 2\\\\n \\\\n \\", \\"rootId\\": 60, \\"id\\": 74 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"rootId\\": 60, \\"id\\": 76 } ], \\"rootId\\": 60, \\"id\\": 75 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n\\", \\"rootId\\": 60, \\"id\\": 77 } ], \\"rootId\\": 60, \\"id\\": 73 } ], \\"rootId\\": 60, \\"id\\": 62 } ], \\"id\\": 60 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 73, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"five\\" }, \\"childNodes\\": [], \\"rootId\\": 60, \\"id\\": 78 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 78, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 79, \\"id\\": 81 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 79, \\"id\\": 82 } ], \\"rootId\\": 79, \\"id\\": 80 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 79 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } } ]" `; exports[`record integration tests > should not record blocked elements and its child nodes 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Block record\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"rr-block\\", \\"rr_width\\": \\"50px\\", \\"rr_height\\": \\"50px\\" }, \\"childNodes\\": [], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 21 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 22 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } } ]" `; exports[`record integration tests > should not record blocked elements dynamically added 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Block record\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"rr-block\\", \\"rr_width\\": \\"50px\\", \\"rr_height\\": \\"50px\\" }, \\"childNodes\\": [], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 21 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 22 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 16, \\"nextId\\": 18, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"button\\", \\"attributes\\": { \\"class\\": \\"rr-block\\", \\"rr_width\\": \\"100px\\", \\"rr_height\\": \\"100px\\" }, \\"childNodes\\": [], \\"id\\": 23 } } ] } } ]" `; exports[`record integration tests > should not record input events on ignored elements 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"ignore fields\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"form\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Input ignored here: \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\", \\"class\\": \\"rr-ignore\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Input ignored by selector here: \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\", \\"data-rr-ignore\\": \\"\\" }, \\"childNodes\\": [], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 } ], \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Input not ignored here: \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\", \\"class\\": \\"dont-ignore\\" }, \\"childNodes\\": [], \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 37 } ], \\"id\\": 36 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 38 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"n\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"no\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not \\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not s\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not se\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not sec\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not secr\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not secre\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"not secret\\", \\"isChecked\\": false, \\"id\\": 32 } } ]" `; exports[`record integration tests > should not record input values if dynamically added and maskAllInputs is true 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Empty\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"one\\" }, \\"childNodes\\": [], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 20 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 14, \\"nextId\\": 16, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"id\\": \\"textarea\\", \\"size\\": \\"50\\", \\"value\\": \\"*************************\\" }, \\"childNodes\\": [], \\"id\\": 21 } }, { \\"parentId\\": 14, \\"nextId\\": 21, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"size\\": \\"50\\", \\"id\\": \\"input\\", \\"value\\": \\"**********************\\" }, \\"childNodes\\": [], \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**********************\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*************************\\", \\"isChecked\\": false, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***********************\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"************************\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*************************\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**************************\\", \\"isChecked\\": false, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***************************\\", \\"isChecked\\": false, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****************************\\", \\"isChecked\\": false, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**********************************************\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*************************************************\\", \\"isChecked\\": false, \\"id\\": 21 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 22, \\"attributes\\": { \\"value\\": \\"**********************************************************************************************\\" } }, { \\"id\\": 21, \\"attributes\\": { \\"value\\": \\"*************************************************************************************************\\" } } ], \\"removes\\": [], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 21, \\"attributes\\": { \\"value\\": \\"****************************************************************\\" } } ], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > should not record input values if maskAllInputs is enabled 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"form fields\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"form\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"text\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"on\\" }, \\"childNodes\\": [], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 } ], \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"off\\", \\"checked\\": true }, \\"childNodes\\": [], \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"checkbox\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"checkbox\\" }, \\"childNodes\\": [], \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 } ], \\"id\\": 35 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"textarea\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"cols\\": \\"30\\", \\"rows\\": \\"10\\", \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 43 } ], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 44 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"select\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 46 }, { \\"type\\": 2, \\"tagName\\": \\"select\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"value\\": \\"*\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 48 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 50 } ], \\"id\\": 49 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 51 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"2\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"2\\", \\"id\\": 53 } ], \\"id\\": 52 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 54 } ], \\"id\\": 47 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 55 } ], \\"id\\": 45 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 56 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"password\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 58 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"password\\" }, \\"childNodes\\": [], \\"id\\": 59 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 60 } ], \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 61 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"value\\": \\"*********\\" }, \\"childNodes\\": [], \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 63 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 64 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 66 } ], \\"id\\": 65 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 67 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 27, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"off\\", \\"isChecked\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 37, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*********\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**********\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***********\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"************\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*************\\", \\"isChecked\\": false, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"id\\": 47 } } ]" `; exports[`record integration tests > should record DOM node movement 1 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 8 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 9 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 10 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"i\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"b\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 } ], \\"id\\": 14 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 22 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 23 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 5, \\"id\\": 12 } ], \\"adds\\": [ { \\"parentId\\": 7, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 } }, { \\"parentId\\": 12, \\"nextId\\": 14, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } }, { \\"parentId\\": 12, \\"nextId\\": 19, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"i\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 14 } }, { \\"parentId\\": 14, \\"nextId\\": 16, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 } }, { \\"parentId\\": 14, \\"nextId\\": 18, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"b\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 16 } }, { \\"parentId\\": 16, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 17 } }, { \\"parentId\\": 14, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 } }, { \\"parentId\\": 12, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 } } ] } } ]" `; exports[`record integration tests > should record DOM node movement 2 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 8 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 9 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 10 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"i\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"b\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 } ], \\"id\\": 14 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 22 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 23 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 5, \\"id\\": 12 } ], \\"adds\\": [ { \\"parentId\\": 12, \\"nextId\\": 14, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } }, { \\"parentId\\": 12, \\"nextId\\": 19, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"i\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 14 } }, { \\"parentId\\": 14, \\"nextId\\": 16, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 } }, { \\"parentId\\": 14, \\"nextId\\": 18, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"b\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 16 } }, { \\"parentId\\": 16, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 17 } }, { \\"parentId\\": 14, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 } }, { \\"parentId\\": 12, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 } }, { \\"parentId\\": 5, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 24 } }, { \\"parentId\\": 24, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 } } ] } } ]" `; exports[`record integration tests > should record after DOMContentLoaded event 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 3 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 8 } ], \\"id\\": 4 } ], \\"id\\": 2 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 1, \\"data\\": {} } ]" `; exports[`record integration tests > should record canvas mutations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"canvas\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": { \\"id\\": \\"myCanvas\\", \\"width\\": \\"200\\", \\"height\\": \\"100\\", \\"style\\": \\"border: 1px solid #000000;\\", \\"rr_dataURL\\": \\"LOOKS LIKE WE COULD NOT GET STABLE BASE64 FROM SAME IMAGE.\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 23 } ], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 24 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 9, \\"id\\": 16, \\"type\\": 0, \\"commands\\": [ { \\"property\\": \\"moveTo\\", \\"args\\": [ 0, 0 ] }, { \\"property\\": \\"lineTo\\", \\"args\\": [ 200, 100 ] }, { \\"property\\": \\"stroke\\", \\"args\\": [] } ] } } ]" `; exports[`record integration tests > should record dynamic CSS changes 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"react styled components\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 16 } ], \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"data-styled\\": \\"active\\", \\"data-styled-version\\": \\"5.0.1\\", \\"_cssText\\": \\".ixzlRK { font-size: 1.5em; text-align: center; color: palevioletred; }.eOXmez { font-size: 1.5em; text-align: center; color: rebeccapurple; }.bJCmFu { padding: 4em; background: papayawhip; }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 18 } ], \\"id\\": 17 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"app\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"section\\", \\"attributes\\": { \\"class\\": \\"sc-AxirZ bJCmFu\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"h1\\", \\"attributes\\": { \\"class\\": \\"sc-AxjAm ixzlRK\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Hello World!\\", \\"id\\": 25 } ], \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"h1\\", \\"attributes\\": { \\"class\\": \\"sc-AxjAm eOXmez toggle\\", \\"color\\": \\"rebeccapurple\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Hello World!\\", \\"id\\": 27 } ], \\"id\\": 26 } ], \\"id\\": 23 } ], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/react@16/umd/react.production.min.js\\" }, \\"childNodes\\": [], \\"id\\": 29 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 30 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/react-dom@16/umd/react-dom.production.min.js\\" }, \\"childNodes\\": [], \\"id\\": 31 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 32 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/react-is@16.13.1/umd/react-is.production.min.js\\" }, \\"childNodes\\": [], \\"id\\": 33 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/styled-components@5.0.1/dist/styled-components.min.js\\" }, \\"childNodes\\": [], \\"id\\": 35 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/babel-standalone@6/babel.min.js\\" }, \\"childNodes\\": [], \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"type\\": \\"text/babel\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 40 } ], \\"id\\": 39 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 43 } ], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 44 } ], \\"id\\": 20 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 26 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 26 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 26, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 8, \\"id\\": 17, \\"adds\\": [ { \\"rule\\": \\".pqkNE{font-size:1.5em;text-align:center;color:pink;}\\", \\"index\\": 2 } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [ { \\"id\\": 26, \\"attributes\\": { \\"class\\": \\"sc-AxjAm pqkNE toggle\\", \\"color\\": \\"pink\\" } } ], \\"removes\\": [], \\"adds\\": [] } } ]" `; exports[`record integration tests > should record images inside iframe with blob url 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Frame with image\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"four\\", \\"frameborder\\": \\"0\\" }, \\"childNodes\\": [], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 20 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 16, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"rootId\\": 21, \\"id\\": 22 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 21, \\"id\\": 25 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"rootId\\": 21, \\"id\\": 26 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 21, \\"id\\": 27 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"IE=edge\\" }, \\"childNodes\\": [], \\"rootId\\": 21, \\"id\\": 28 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 21, \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"rootId\\": 21, \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 21, \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Image with blob:url\\", \\"rootId\\": 21, \\"id\\": 33 } ], \\"rootId\\": 21, \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 21, \\"id\\": 34 } ], \\"rootId\\": 21, \\"id\\": 24 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 21, \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 21, \\"id\\": 37 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"rootId\\": 21, \\"id\\": 39 } ], \\"rootId\\": 21, \\"id\\": 38 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n\\\\n\\", \\"rootId\\": 21, \\"id\\": 40 } ], \\"rootId\\": 21, \\"id\\": 36 } ], \\"rootId\\": 21, \\"id\\": 23 } ], \\"id\\": 21 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 36, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"img\\", \\"attributes\\": { \\"src\\": \\"blob:http://localhost:xxxx/...\\", \\"rr_dataURL\\": \\"data:image/png;base64,...\\" }, \\"childNodes\\": [], \\"rootId\\": 21, \\"id\\": 41 } } ] } } ]" `; exports[`record integration tests > should record images inside iframe with blob url after iframe was reloaded 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Frame 2\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n frame 2\\\\n \\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n\\", \\"id\\": 21 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 14, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"five\\" }, \\"childNodes\\": [], \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 25 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 26 } ], \\"rootId\\": 23, \\"id\\": 24 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 23 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"rootId\\": 27, \\"id\\": 28 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 27, \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 27, \\"id\\": 33 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"IE=edge\\" }, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 34 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 27, \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 36 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 27, \\"id\\": 37 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Image with blob:url\\", \\"rootId\\": 27, \\"id\\": 39 } ], \\"rootId\\": 27, \\"id\\": 38 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 27, \\"id\\": 40 } ], \\"rootId\\": 27, \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 27, \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"rootId\\": 27, \\"id\\": 43 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"rootId\\": 27, \\"id\\": 45 } ], \\"rootId\\": 27, \\"id\\": 44 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n\\\\n\\", \\"rootId\\": 27, \\"id\\": 46 } ], \\"rootId\\": 27, \\"id\\": 42 } ], \\"rootId\\": 27, \\"id\\": 29 } ], \\"id\\": 27 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 42, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"img\\", \\"attributes\\": { \\"src\\": \\"blob:http://localhost:xxxx/...\\", \\"rr_dataURL\\": \\"data:image/png;base64,...\\" }, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 47 } } ] } } ]" `; exports[`record integration tests > should record images with blob url 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"IE=edge\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Image with blob:url\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 22 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 23 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 16, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"img\\", \\"attributes\\": { \\"src\\": \\"blob:http://localhost:xxxx/...\\", \\"rr_dataURL\\": \\"data:image/png;base64,...\\" }, \\"childNodes\\": [], \\"id\\": 24 } } ] } } ]" `; exports[`record integration tests > should record input userTriggered values if userTriggeredOnInput is enabled 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"form fields\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"form\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"text\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"text\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 } ], \\"id\\": 20 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 24 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"on\\" }, \\"childNodes\\": [], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 } ], \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", \\"name\\": \\"toggle\\", \\"value\\": \\"off\\", \\"checked\\": true }, \\"childNodes\\": [], \\"id\\": 32 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 30 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"checkbox\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"checkbox\\" }, \\"childNodes\\": [], \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 } ], \\"id\\": 35 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"textarea\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 41 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"cols\\": \\"30\\", \\"rows\\": \\"10\\", \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], \\"id\\": 42 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 43 } ], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 44 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"select\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 46 }, { \\"type\\": 2, \\"tagName\\": \\"select\\", \\"attributes\\": { \\"name\\": \\"\\", \\"id\\": \\"\\", \\"value\\": \\"1\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 48 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"1\\", \\"selected\\": true }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"1\\", \\"id\\": 50 } ], \\"id\\": 49 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 51 }, { \\"type\\": 2, \\"tagName\\": \\"option\\", \\"attributes\\": { \\"value\\": \\"2\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"2\\", \\"id\\": 53 } ], \\"id\\": 52 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 54 } ], \\"id\\": 47 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 55 } ], \\"id\\": 45 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 56 }, { \\"type\\": 2, \\"tagName\\": \\"label\\", \\"attributes\\": { \\"for\\": \\"password\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 58 }, { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"password\\" }, \\"childNodes\\": [], \\"id\\": 59 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 60 } ], \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 61 }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", \\"attributes\\": { \\"value\\": \\"pre value\\" }, \\"childNodes\\": [], \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 63 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 64 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 66 } ], \\"id\\": 65 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 67 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"tes\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"test\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 22 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 27, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"userTriggered\\": true, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"off\\", \\"isChecked\\": false, \\"userTriggered\\": false, \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 1, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 27 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 0, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 2, \\"id\\": 37, \\"pointerType\\": 0 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, \\"userTriggered\\": true, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 37 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, \\"id\\": 59 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 5, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"tex\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"text\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"texta\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textar\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textare\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea \\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea t\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea te\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"textarea test\\", \\"isChecked\\": false, \\"userTriggered\\": true, \\"id\\": 42 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, \\"text\\": \\"1\\", \\"isChecked\\": false, \\"userTriggered\\": false, \\"id\\": 47 } } ]" `; exports[`record integration tests > should record moved shadow DOM 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 3 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 8 } ], \\"id\\": 4 } ], \\"id\\": 2 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 4, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 9, \\"isShadowHost\\": true } }, { \\"parentId\\": 9, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 10, \\"isShadow\\": true } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 4, \\"id\\": 9 } ], \\"adds\\": [ { \\"parentId\\": 9, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 10, \\"isShadow\\": true } }, { \\"parentId\\": 4, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 11 } }, { \\"parentId\\": 11, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 9, \\"isShadowHost\\": true } } ] } } ]" `; exports[`record integration tests > should record moved shadow DOM 2 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 3 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 8 } ], \\"id\\": 4 } ], \\"id\\": 2 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 4, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"newEl\\" }, \\"childNodes\\": [], \\"id\\": 9 } }, { \\"parentId\\": 9, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"el\\" }, \\"childNodes\\": [], \\"id\\": 10, \\"isShadowHost\\": true } }, { \\"parentId\\": 10, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 11, \\"isShadow\\": true } }, { \\"parentId\\": 10, \\"nextId\\": 11, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12, \\"isShadow\\": true } }, { \\"parentId\\": 12, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 13 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 12, \\"id\\": 13 } ], \\"adds\\": [ { \\"parentId\\": 11, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 13 } } ] } } ]" `; exports[`record integration tests > should record mutations in iframes accross pages 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Frame 2\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n frame 2\\\\n \\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n\\", \\"id\\": 21 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 14, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"five\\" }, \\"childNodes\\": [], \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 25 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 26 } ], \\"rootId\\": 23, \\"id\\": 24 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 23 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 29 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 30 } ], \\"rootId\\": 27, \\"id\\": 28 } ], \\"id\\": 27 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 30, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 27, \\"id\\": 31 } } ] } } ]" `; exports[`record integration tests > should record nested iframes and shadow doms 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Frame 2\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n frame 2\\\\n \\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n\\", \\"id\\": 21 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 14, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": { \\"id\\": \\"five\\" }, \\"childNodes\\": [], \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 25 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 26 } ], \\"rootId\\": 23, \\"id\\": 24 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 23 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 26, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 27, \\"isShadow\\": true } }, { \\"parentId\\": 27, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"iframe\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 23, \\"id\\": 28 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"adds\\": [ { \\"parentId\\": 28, \\"nextId\\": null, \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 29, \\"id\\": 31 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 29, \\"id\\": 32 } ], \\"rootId\\": 29, \\"id\\": 30 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 29 } } ], \\"removes\\": [], \\"texts\\": [], \\"attributes\\": [], \\"isAttachIframe\\": true } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 32, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"rootId\\": 29, \\"id\\": 33, \\"isShadow\\": true } } ] } } ]" `; exports[`record integration tests > should record shadow DOM 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Shadow DOM Observer\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\".my-element { margin: 0px 0px 1rem; }iframe { border: 0px; width: 100%; padding: 0px; }body { max-width: 400px; margin: 1rem auto; padding: 0px 1rem; font-family: \\\\\\"comic sans ms\\\\\\"; }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 14 } ], \\"id\\": 13 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat odit\\\\n officiis necessitatibus laborum asperiores et adipisci dolores corporis,\\\\n vero distinctio voluptas, suscipit commodi architecto, aliquam fugit.\\\\n Nesciunt labore reiciendis blanditiis!\\\\n \\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"my-element\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 }, { \\"type\\": 5, \\"textContent\\": \\" Also could be a \\\\n \\\\n \\", \\"id\\": 24 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 25 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26, \\"isShadow\\": true }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\"body { margin: 0px; }p { border: 1px solid rgb(204, 204, 204); padding: 1rem; color: red; font-family: sans-serif; }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 28 } ], \\"id\\": 27, \\"isShadow\\": true }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 29, \\"isShadow\\": true }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"Element with Shadow DOM\\", \\"id\\": 31 } ], \\"id\\": 30, \\"isShadow\\": true }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\", \\"id\\": 32, \\"isShadow\\": true } ], \\"id\\": 22, \\"isShadowHost\\": true }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 33 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat odit\\\\n officiis necessitatibus laborum asperiores et adipisci dolores corporis,\\\\n vero distinctio voluptas, suscipit commodi architecto, aliquam fugit.\\\\n Nesciunt labore reiciendis blanditiis!\\\\n \\", \\"id\\": 35 } ], \\"id\\": 34 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 36 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 38 } ], \\"id\\": 37 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 39 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 41 } ], \\"id\\": 40 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 42 } ], \\"id\\": 17 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 43, \\"isShadow\\": true } }, { \\"parentId\\": 22, \\"nextId\\": 43, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 44, \\"isShadow\\": true } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 43, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 45 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 22, \\"id\\": 30, \\"isShadow\\": true } ], \\"adds\\": [] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 45, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"hi\\", \\"id\\": 46 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [ { \\"parentId\\": 45, \\"id\\": 46 } ], \\"adds\\": [ { \\"parentId\\": 45, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"123\\", \\"id\\": 47 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 45, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 48, \\"isShadow\\": true } }, { \\"parentId\\": 48, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"nested shadow dom\\", \\"id\\": 49 } } ] } } ]" `; exports[`record integration tests > should record shadow DOM 2 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 3 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 8 } ], \\"id\\": 4 } ], \\"id\\": 2 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 4, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 9, \\"isShadowHost\\": true } }, { \\"parentId\\": 9, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 10, \\"isShadow\\": true } } ] } } ]" `; exports[`record integration tests > should record shadow DOM 3 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 3 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 8 } ], \\"id\\": 4 } ], \\"id\\": 2 } ], \\"compatMode\\": \\"BackCompat\\", \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 4, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 9, \\"isShadowHost\\": true } }, { \\"parentId\\": 9, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 10, \\"isShadow\\": true } } ] } } ]" `; exports[`record integration tests > should record shadow doms polyfilled by shadydom 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 8 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/@webcomponents/shadydom@1.9.0/shadydom.min.js\\" }, \\"childNodes\\": [], \\"id\\": 9 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 10 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 11 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"target1\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"target2\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"target3\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 25 } ], \\"id\\": 24 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 28 } ], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 29 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 30 } } ] } } ]" `; exports[`record integration tests > should record shadow doms polyfilled by synthetic-shadow 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 8 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": { \\"src\\": \\"https://cdn.jsdelivr.net/npm/@lwc/synthetic-shadow@2.20.3/dist/synthetic-shadow.js\\" }, \\"childNodes\\": [], \\"id\\": 9 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 10 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 11 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"target1\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 17, \\"isShadow\\": true } ], \\"id\\": 16, \\"isShadowHost\\": true }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"target2\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"target3\\" }, \\"childNodes\\": [], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 23 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 25 } ], \\"id\\": 24 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 28 } ], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 29 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 30 } }, { \\"parentId\\": 14, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"target4\\" }, \\"childNodes\\": [], \\"id\\": 31, \\"isShadowHost\\": true } }, { \\"parentId\\": 31, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 32, \\"isShadow\\": true } } ] } } ]" `; exports[`record integration tests > should record style mutations and replay them correctly 1`] = ` "[ { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\t \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\"#one { color: rgb(255, 0, 0); }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 7 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 8 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 10 } ], \\"id\\": 9 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\t \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"one\\" }, \\"childNodes\\": [], \\"id\\": 14 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"two\\" }, \\"childNodes\\": [], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\t \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 20 } ], \\"id\\": 12 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 4, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\"#two { color: rgb(255, 0, 0); }\\" }, \\"childNodes\\": [], \\"id\\": 21 } }, { \\"parentId\\": 21, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 22 } } ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 13, \\"id\\": 6, \\"set\\": { \\"property\\": \\"color\\", \\"value\\": \\"rgb(255, 255, 0)\\" }, \\"index\\": [ 0 ] } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 13, \\"id\\": 21, \\"set\\": { \\"property\\": \\"color\\", \\"value\\": \\"rgb(255, 255, 0)\\" }, \\"index\\": [ 0 ] } } ]" `; exports[`record integration tests > should record style mutations with multiple child nodes and replay them correctly 1`] = ` "[ { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\t \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\"#one { color: rgb(255, 0, 0); }\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 8 } ], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 11 } ], \\"id\\": 10 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\t \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"one\\" }, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"id\\": \\"two\\" }, \\"childNodes\\": [], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\t \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 21 } ], \\"id\\": 13 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 4, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"style\\", \\"attributes\\": { \\"_cssText\\": \\"#two { color: rgb(255, 0, 0); }\\" }, \\"childNodes\\": [], \\"id\\": 22 } }, { \\"parentId\\": 22, \\"nextId\\": null, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 23 } }, { \\"parentId\\": 22, \\"nextId\\": 23, \\"node\\": { \\"type\\": 3, \\"textContent\\": \\"\\", \\"id\\": 24 } } ] } } ]" `; exports[`record integration tests > should record webgl canvas mutations 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"canvas\\", \\"id\\": 11 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 12 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": { \\"id\\": \\"myCanvas\\", \\"width\\": \\"200\\", \\"height\\": \\"100\\", \\"style\\": \\"border: 1px solid #000000\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 } ], \\"id\\": 16 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 18 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 20 } ], \\"id\\": 19 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 21 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 23 } ], \\"id\\": 22 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 24 } ], \\"id\\": 14 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 9, \\"id\\": 16, \\"type\\": 1, \\"commands\\": [ { \\"property\\": \\"clearColor\\", \\"args\\": [ 1, 0, 0, 1 ] }, { \\"property\\": \\"clear\\", \\"args\\": [ 16384 ] } ] } } ]" `; exports[`record integration tests > should unmask texts using maskTextFn 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": { \\"lang\\": \\"en\\" }, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 5 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"charset\\": \\"UTF-8\\" }, \\"childNodes\\": [], \\"id\\": 6 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 7 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"name\\": \\"viewport\\", \\"content\\": \\"width=device-width, initial-scale=1.0\\" }, \\"childNodes\\": [], \\"id\\": 8 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"meta\\", \\"attributes\\": { \\"http-equiv\\": \\"X-UA-Compatible\\", \\"content\\": \\"ie=edge\\" }, \\"childNodes\\": [], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"title\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"M*** ****\\", \\"id\\": 13 } ], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 } ], \\"id\\": 4 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 15 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 17 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": { \\"class\\": \\"rr-mask\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"****1\\", \\"id\\": 19 } ], \\"id\\": 18 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 20 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"class\\": \\"rr-mask\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 22 }, { \\"type\\": 2, \\"tagName\\": \\"span\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"****2\\", \\"id\\": 24 } ], \\"id\\": 23 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 25 } ], \\"id\\": 21 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 26 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": { \\"data-masking\\": \\"true\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 28 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 30 }, { \\"type\\": 2, \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"****3\\", \\"id\\": 32 } ], \\"id\\": 31 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 33 } ], \\"id\\": 29 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 34 } ], \\"id\\": 27 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 35 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": { \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n unmask1\\\\n \\", \\"id\\": 37 } ], \\"id\\": 36 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", \\"id\\": 38 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 40 } ], \\"id\\": 39 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", \\"id\\": 41 } ], \\"id\\": 16 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } } ]" `; exports[`record integration tests > will serialize node before record 1`] = ` "[ { \\"type\\": 0, \\"data\\": {} }, { \\"type\\": 1, \\"data\\": {} }, { \\"type\\": 4, \\"data\\": { \\"href\\": \\"about:blank\\", \\"width\\": 1920, \\"height\\": 1080 } }, { \\"type\\": 2, \\"data\\": { \\"node\\": { \\"type\\": 0, \\"childNodes\\": [ { \\"type\\": 1, \\"name\\": \\"html\\", \\"publicId\\": \\"\\", \\"systemId\\": \\"\\", \\"id\\": 2 }, { \\"type\\": 2, \\"tagName\\": \\"html\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 2, \\"tagName\\": \\"head\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 4 }, { \\"type\\": 2, \\"tagName\\": \\"body\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 6 }, { \\"type\\": 2, \\"tagName\\": \\"p\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"mutation observer\\", \\"id\\": 8 } ], \\"id\\": 7 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 9 }, { \\"type\\": 2, \\"tagName\\": \\"ul\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 11 }, { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 12 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 13 } ], \\"id\\": 10 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 14 }, { \\"type\\": 2, \\"tagName\\": \\"canvas\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 15 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 16 }, { \\"type\\": 2, \\"tagName\\": \\"script\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", \\"id\\": 18 } ], \\"id\\": 17 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\", \\"id\\": 19 } ], \\"id\\": 5 } ], \\"id\\": 3 } ], \\"id\\": 1 }, \\"initialOffset\\": { \\"left\\": 0, \\"top\\": 0 } } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 0, \\"texts\\": [], \\"attributes\\": [], \\"removes\\": [], \\"adds\\": [ { \\"parentId\\": 10, \\"nextId\\": null, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 20 } }, { \\"parentId\\": 10, \\"nextId\\": 20, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 21 } }, { \\"parentId\\": 10, \\"nextId\\": 21, \\"node\\": { \\"type\\": 2, \\"tagName\\": \\"li\\", \\"attributes\\": {}, \\"childNodes\\": [], \\"id\\": 22 } } ] } } ]" `;