17506 lines
485 KiB
Plaintext
17506 lines
485 KiB
Plaintext
// 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 <custom-element />\\\\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
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]"
|
|
`;
|