diff --git a/packages/rrweb/test/__snapshots__/integration.test.ts.snap b/packages/rrweb/test/__snapshots__/integration.test.ts.snap index f244948b67..370a205b1b 100644 --- a/packages/rrweb/test/__snapshots__/integration.test.ts.snap +++ b/packages/rrweb/test/__snapshots__/integration.test.ts.snap @@ -974,7 +974,7 @@ exports[`record integration tests can record attribute mutation 1`] = ` ]" `; -exports[`record integration tests can record character data muatations 1`] = ` +exports[`record integration tests can record character data mutations 1`] = ` "[ { \\"type\\": 0, @@ -1796,9 +1796,8 @@ exports[`record integration tests can record form interactions 1`] = ` \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"on\\" + \\"type\\": \\"color\\", + \\"value\\": \\"#000000\\" }, \\"childNodes\\": [], \\"id\\": 27 @@ -1831,9 +1830,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"off\\", - \\"checked\\": true + \\"name\\": \\"toggle\\" }, \\"childNodes\\": [], \\"id\\": 32 @@ -1854,9 +1851,7 @@ exports[`record integration tests can record form interactions 1`] = ` { \\"type\\": 2, \\"tagName\\": \\"label\\", - \\"attributes\\": { - \\"for\\": \\"checkbox\\" - }, + \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, @@ -1867,7 +1862,9 @@ exports[`record integration tests can record form interactions 1`] = ` \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"checkbox\\" + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-on\\" }, \\"childNodes\\": [], \\"id\\": 37 @@ -1885,6 +1882,109 @@ exports[`record integration tests can record form interactions 1`] = ` \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 41 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-off\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 42 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 43 + } + ], + \\"id\\": 40 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 44 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"checkbox\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 46 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 47 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 48 + } + ], + \\"id\\": 45 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 49 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 51 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"value\\": \\"check-val\\" + }, + \\"childNodes\\": [], + \\"id\\": 52 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 53 + } + ], + \\"id\\": 50 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 54 + }, { \\"type\\": 2, \\"tagName\\": \\"label\\", @@ -1895,7 +1995,7 @@ exports[`record integration tests can record form interactions 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 41 + \\"id\\": 56 }, { \\"type\\": 2, @@ -1908,20 +2008,20 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], - \\"id\\": 42 + \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 43 + \\"id\\": 58 } ], - \\"id\\": 40 + \\"id\\": 55 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 44 + \\"id\\": 59 }, { \\"type\\": 2, @@ -1933,7 +2033,7 @@ exports[`record integration tests can record form interactions 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 46 + \\"id\\": 61 }, { \\"type\\": 2, @@ -1947,7 +2047,7 @@ exports[`record integration tests can record form interactions 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 48 + \\"id\\": 63 }, { \\"type\\": 2, @@ -1959,16 +2059,16 @@ exports[`record integration tests can record form interactions 1`] = ` \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"1\\", - \\"id\\": 50 + \\"textContent\\": \\"Option A\\", + \\"id\\": 65 } ], - \\"id\\": 49 + \\"id\\": 64 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 51 + \\"id\\": 66 }, { \\"type\\": 2, @@ -1979,32 +2079,32 @@ exports[`record integration tests can record form interactions 1`] = ` \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"2\\", - \\"id\\": 53 + \\"textContent\\": \\"Option BB\\", + \\"id\\": 68 } ], - \\"id\\": 52 + \\"id\\": 67 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 54 + \\"id\\": 69 } ], - \\"id\\": 47 + \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 55 + \\"id\\": 70 } ], - \\"id\\": 45 + \\"id\\": 60 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 56 + \\"id\\": 71 }, { \\"type\\": 2, @@ -2016,7 +2116,7 @@ exports[`record integration tests can record form interactions 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 58 + \\"id\\": 73 }, { \\"type\\": 2, @@ -2025,20 +2125,104 @@ exports[`record integration tests can record form interactions 1`] = ` \\"type\\": \\"password\\" }, \\"childNodes\\": [], - \\"id\\": 59 + \\"id\\": 74 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 60 + \\"id\\": 75 } ], - \\"id\\": 57 + \\"id\\": 72 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 76 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"empty\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 78 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"id\\": \\"empty\\" + }, + \\"childNodes\\": [], + \\"id\\": 79 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 80 + } + ], + \\"id\\": 77 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 81 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"unmask\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 83 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"text\\", + \\"class\\": \\"rr-unmask\\" + }, + \\"childNodes\\": [], + \\"id\\": 84 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 85 + } + ], + \\"id\\": 82 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 86 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"submit\\", + \\"value\\": \\"Submit form\\" + }, + \\"childNodes\\": [], + \\"id\\": 87 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 61 + \\"id\\": 88 } ], \\"id\\": 18 @@ -2046,7 +2230,7 @@ exports[`record integration tests can record form interactions 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", - \\"id\\": 62 + \\"id\\": 89 }, { \\"type\\": 2, @@ -2056,15 +2240,15 @@ exports[`record integration tests can record form interactions 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", - \\"id\\": 64 + \\"id\\": 91 } ], - \\"id\\": 63 + \\"id\\": 90 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", - \\"id\\": 65 + \\"id\\": 92 } ], \\"id\\": 16 @@ -2130,7 +2314,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -2146,7 +2330,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -2154,7 +2338,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -2162,7 +2346,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 27, + \\"id\\": 32, \\"pointerType\\": 0 } }, @@ -2172,16 +2356,25 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, - \\"id\\": 27 + \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"off\\", + \\"text\\": \\"radio-on\\", \\"isChecked\\": false, - \\"id\\": 32 + \\"id\\": 37 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"radio-off\\", + \\"isChecked\\": false, + \\"id\\": 42 } }, { @@ -2189,7 +2382,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -2197,7 +2390,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -2205,7 +2398,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -2213,7 +2406,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -2221,7 +2414,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 37, + \\"id\\": 47, \\"pointerType\\": 0 } }, @@ -2230,8 +2423,8 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", - \\"isChecked\\": true, - \\"id\\": 37 + \\"isChecked\\": false, + \\"id\\": 47 } }, { @@ -2239,7 +2432,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -2247,7 +2440,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2256,7 +2449,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2265,7 +2458,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2274,7 +2467,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"tex\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2283,7 +2476,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"text\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2292,7 +2485,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"texta\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2301,7 +2494,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textar\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2310,7 +2503,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textare\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2319,7 +2512,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2328,7 +2521,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea \\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2337,7 +2530,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea t\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2346,7 +2539,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea te\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2355,7 +2548,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2364,7 +2557,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea test\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -2373,7 +2566,7 @@ exports[`record integration tests can record form interactions 1`] = ` \\"source\\": 5, \\"text\\": \\"1\\", \\"isChecked\\": false, - \\"id\\": 47 + \\"id\\": 62 } } ]" @@ -3577,9 +3770,8 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"on\\" + \\"type\\": \\"color\\", + \\"value\\": \\"#000000\\" }, \\"childNodes\\": [], \\"id\\": 27 @@ -3612,9 +3804,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"off\\", - \\"checked\\": true + \\"name\\": \\"toggle\\" }, \\"childNodes\\": [], \\"id\\": 32 @@ -3635,9 +3825,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty { \\"type\\": 2, \\"tagName\\": \\"label\\", - \\"attributes\\": { - \\"for\\": \\"checkbox\\" - }, + \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, @@ -3648,7 +3836,9 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"checkbox\\" + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-on\\" }, \\"childNodes\\": [], \\"id\\": 37 @@ -3669,15 +3859,118 @@ exports[`record integration tests can use maskInputOptions to configure which ty { \\"type\\": 2, \\"tagName\\": \\"label\\", - \\"attributes\\": { - \\"for\\": \\"textarea\\" - }, + \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", \\"id\\": 41 }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-off\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 42 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 43 + } + ], + \\"id\\": 40 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 44 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"checkbox\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 46 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 47 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 48 + } + ], + \\"id\\": 45 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 49 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 51 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"value\\": \\"check-val\\" + }, + \\"childNodes\\": [], + \\"id\\": 52 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 53 + } + ], + \\"id\\": 50 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 54 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"textarea\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 56 + }, { \\"type\\": 2, \\"tagName\\": \\"textarea\\", @@ -3689,20 +3982,20 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], - \\"id\\": 42 + \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 43 + \\"id\\": 58 } ], - \\"id\\": 40 + \\"id\\": 55 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 44 + \\"id\\": 59 }, { \\"type\\": 2, @@ -3714,7 +4007,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 46 + \\"id\\": 61 }, { \\"type\\": 2, @@ -3728,7 +4021,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 48 + \\"id\\": 63 }, { \\"type\\": 2, @@ -3740,16 +4033,16 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"1\\", - \\"id\\": 50 + \\"textContent\\": \\"Option A\\", + \\"id\\": 65 } ], - \\"id\\": 49 + \\"id\\": 64 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 51 + \\"id\\": 66 }, { \\"type\\": 2, @@ -3760,32 +4053,32 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"2\\", - \\"id\\": 53 + \\"textContent\\": \\"Option BB\\", + \\"id\\": 68 } ], - \\"id\\": 52 + \\"id\\": 67 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 54 + \\"id\\": 69 } ], - \\"id\\": 47 + \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 55 + \\"id\\": 70 } ], - \\"id\\": 45 + \\"id\\": 60 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 56 + \\"id\\": 71 }, { \\"type\\": 2, @@ -3797,7 +4090,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 58 + \\"id\\": 73 }, { \\"type\\": 2, @@ -3806,20 +4099,104 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"type\\": \\"password\\" }, \\"childNodes\\": [], - \\"id\\": 59 + \\"id\\": 74 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 60 + \\"id\\": 75 } ], - \\"id\\": 57 + \\"id\\": 72 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 76 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"empty\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 78 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"id\\": \\"empty\\" + }, + \\"childNodes\\": [], + \\"id\\": 79 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 80 + } + ], + \\"id\\": 77 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 81 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"unmask\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 83 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"text\\", + \\"class\\": \\"rr-unmask\\" + }, + \\"childNodes\\": [], + \\"id\\": 84 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 85 + } + ], + \\"id\\": 82 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 86 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"submit\\", + \\"value\\": \\"Submit form\\" + }, + \\"childNodes\\": [], + \\"id\\": 87 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 61 + \\"id\\": 88 } ], \\"id\\": 18 @@ -3827,7 +4204,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", - \\"id\\": 62 + \\"id\\": 89 }, { \\"type\\": 2, @@ -3837,15 +4214,15 @@ exports[`record integration tests can use maskInputOptions to configure which ty { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", - \\"id\\": 64 + \\"id\\": 91 } ], - \\"id\\": 63 + \\"id\\": 90 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", - \\"id\\": 65 + \\"id\\": 92 } ], \\"id\\": 16 @@ -3910,16 +4287,32 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"type\\": 3, \\"data\\": { \\"source\\": 2, - \\"type\\": 1, + \\"type\\": 6, + \\"id\\": 22 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 2, + \\"type\\": 5, \\"id\\": 27 } }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 2, + \\"type\\": 1, + \\"id\\": 32 + } + }, { \\"type\\": 3, \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 22 + \\"id\\": 27 } }, { @@ -3927,7 +4320,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -3935,7 +4328,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -3943,7 +4336,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 27, + \\"id\\": 32, \\"pointerType\\": 0 } }, @@ -3953,16 +4346,25 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, - \\"id\\": 27 + \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"off\\", + \\"text\\": \\"radio-on\\", \\"isChecked\\": false, - \\"id\\": 32 + \\"id\\": 37 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"radio-off\\", + \\"isChecked\\": false, + \\"id\\": 42 } }, { @@ -3970,7 +4372,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -3978,7 +4380,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -3986,7 +4388,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -3994,7 +4396,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -4002,7 +4404,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 37, + \\"id\\": 47, \\"pointerType\\": 0 } }, @@ -4011,8 +4413,8 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", - \\"isChecked\\": true, - \\"id\\": 37 + \\"isChecked\\": false, + \\"id\\": 47 } }, { @@ -4020,7 +4422,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -4028,7 +4430,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4037,7 +4439,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4046,7 +4448,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4055,7 +4457,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"tex\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4064,7 +4466,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"text\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4073,7 +4475,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"texta\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4082,7 +4484,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textar\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4091,7 +4493,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textare\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4100,7 +4502,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textarea\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4109,7 +4511,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textarea \\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4118,7 +4520,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textarea t\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4127,7 +4529,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textarea te\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4136,7 +4538,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4145,7 +4547,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"textarea test\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4153,7 +4555,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -4161,7 +4563,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4170,7 +4572,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4179,7 +4581,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4188,7 +4590,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4197,7 +4599,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4206,7 +4608,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4215,7 +4617,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4224,7 +4626,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4233,7 +4635,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -4242,7 +4644,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty \\"source\\": 5, \\"text\\": \\"1\\", \\"isChecked\\": false, - \\"id\\": 47 + \\"id\\": 62 } } ]" @@ -5578,9 +5980,8 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"on\\" + \\"type\\": \\"color\\", + \\"value\\": \\"*******\\" }, \\"childNodes\\": [], \\"id\\": 27 @@ -5613,9 +6014,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"off\\", - \\"checked\\": true + \\"name\\": \\"toggle\\" }, \\"childNodes\\": [], \\"id\\": 32 @@ -5636,9 +6035,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` { \\"type\\": 2, \\"tagName\\": \\"label\\", - \\"attributes\\": { - \\"for\\": \\"checkbox\\" - }, + \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, @@ -5649,7 +6046,9 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"checkbox\\" + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-on\\" }, \\"childNodes\\": [], \\"id\\": 37 @@ -5667,6 +6066,109 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 41 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-off\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 42 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 43 + } + ], + \\"id\\": 40 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 44 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"checkbox\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 46 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 47 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 48 + } + ], + \\"id\\": 45 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 49 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 51 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"value\\": \\"check-val\\" + }, + \\"childNodes\\": [], + \\"id\\": 52 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 53 + } + ], + \\"id\\": 50 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 54 + }, { \\"type\\": 2, \\"tagName\\": \\"label\\", @@ -5677,7 +6179,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 41 + \\"id\\": 56 }, { \\"type\\": 2, @@ -5690,20 +6192,20 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], - \\"id\\": 42 + \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 43 + \\"id\\": 58 } ], - \\"id\\": 40 + \\"id\\": 55 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 44 + \\"id\\": 59 }, { \\"type\\": 2, @@ -5715,7 +6217,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 46 + \\"id\\": 61 }, { \\"type\\": 2, @@ -5729,7 +6231,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 48 + \\"id\\": 63 }, { \\"type\\": 2, @@ -5740,16 +6242,16 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"1\\", - \\"id\\": 50 + \\"textContent\\": \\"Option A\\", + \\"id\\": 65 } ], - \\"id\\": 49 + \\"id\\": 64 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 51 + \\"id\\": 66 }, { \\"type\\": 2, @@ -5760,32 +6262,32 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"2\\", - \\"id\\": 53 + \\"textContent\\": \\"Option BB\\", + \\"id\\": 68 } ], - \\"id\\": 52 + \\"id\\": 67 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 54 + \\"id\\": 69 } ], - \\"id\\": 47 + \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 55 + \\"id\\": 70 } ], - \\"id\\": 45 + \\"id\\": 60 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 56 + \\"id\\": 71 }, { \\"type\\": 2, @@ -5797,7 +6299,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 58 + \\"id\\": 73 }, { \\"type\\": 2, @@ -5806,20 +6308,104 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"type\\": \\"password\\" }, \\"childNodes\\": [], - \\"id\\": 59 + \\"id\\": 74 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 60 + \\"id\\": 75 } ], - \\"id\\": 57 + \\"id\\": 72 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 76 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"empty\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 78 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"id\\": \\"empty\\" + }, + \\"childNodes\\": [], + \\"id\\": 79 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 80 + } + ], + \\"id\\": 77 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 81 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"unmask\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 83 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"text\\", + \\"class\\": \\"rr-unmask\\" + }, + \\"childNodes\\": [], + \\"id\\": 84 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 85 + } + ], + \\"id\\": 82 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 86 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"submit\\", + \\"value\\": \\"Submit form\\" + }, + \\"childNodes\\": [], + \\"id\\": 87 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 61 + \\"id\\": 88 } ], \\"id\\": 18 @@ -5827,7 +6413,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", - \\"id\\": 62 + \\"id\\": 89 }, { \\"type\\": 2, @@ -5837,15 +6423,15 @@ exports[`record integration tests should mask inputs via function call 1`] = ` { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", - \\"id\\": 64 + \\"id\\": 91 } ], - \\"id\\": 63 + \\"id\\": 90 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", - \\"id\\": 65 + \\"id\\": 92 } ], \\"id\\": 16 @@ -5911,7 +6497,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -5927,7 +6513,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -5935,7 +6521,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -5943,7 +6529,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 27, + \\"id\\": 32, \\"pointerType\\": 0 } }, @@ -5953,16 +6539,25 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, - \\"id\\": 27 + \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"off\\", + \\"text\\": \\"radio-on\\", \\"isChecked\\": false, - \\"id\\": 32 + \\"id\\": 37 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"radio-off\\", + \\"isChecked\\": false, + \\"id\\": 42 } }, { @@ -5970,7 +6565,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -5978,7 +6573,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -5986,7 +6581,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -5994,7 +6589,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -6002,7 +6597,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 37, + \\"id\\": 47, \\"pointerType\\": 0 } }, @@ -6011,8 +6606,8 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", - \\"isChecked\\": true, - \\"id\\": 37 + \\"isChecked\\": false, + \\"id\\": 47 } }, { @@ -6020,7 +6615,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -6028,7 +6623,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6037,7 +6632,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6046,7 +6641,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6055,7 +6650,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6064,7 +6659,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6073,7 +6668,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6082,7 +6677,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6091,7 +6686,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6100,7 +6695,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6108,7 +6703,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -6116,7 +6711,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6125,7 +6720,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"t\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6134,7 +6729,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"te\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6143,7 +6738,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"tex\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6152,7 +6747,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"text\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6161,7 +6756,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"texta\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6170,7 +6765,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textar\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6179,7 +6774,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textare\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6188,7 +6783,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6197,7 +6792,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea \\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6206,7 +6801,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea t\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6215,7 +6810,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea te\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6224,7 +6819,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6233,7 +6828,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"textarea test\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -6242,7 +6837,7 @@ exports[`record integration tests should mask inputs via function call 1`] = ` \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, - \\"id\\": 47 + \\"id\\": 62 } } ]" @@ -6934,17 +7529,17 @@ exports[`record integration tests should mask texts 1`] = ` }, { \\"type\\": 3, - \\"textContent\\": \\"\\\\n \\\\n \\", + \\"textContent\\": \\"\\\\n \\", \\"id\\": 35 }, { \\"type\\": 2, - \\"tagName\\": \\"script\\", + \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", + \\"textContent\\": \\"\\\\n mask4\\\\n \\", \\"id\\": 37 } ], @@ -6952,20 +7547,127 @@ exports[`record integration tests should mask texts 1`] = ` }, { \\"type\\": 3, - \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", + \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 - } - ], - \\"id\\": 16 - } - ], - \\"id\\": 3 - } - ], - \\"id\\": 1 - }, - \\"initialOffset\\": { - \\"left\\": 0, + }, + { + \\"type\\": 2, + \\"tagName\\": \\"div\\", + \\"attributes\\": { + \\"class\\": \\"rr-unmask\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n mask5\\\\n \\", + \\"id\\": 40 + } + ], + \\"id\\": 39 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 41 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"placeholder\\": \\"mask6\\" + }, + \\"childNodes\\": [], + \\"id\\": 42 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 43 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"div\\", + \\"attributes\\": { + \\"title\\": \\"mask7\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 45 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"button\\", + \\"attributes\\": { + \\"aria-label\\": \\"mask8\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"mask9\\", + \\"id\\": 47 + } + ], + \\"id\\": 46 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 48 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"textarea\\", + \\"attributes\\": { + \\"value\\": \\"mask10\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"mask10\\", + \\"id\\": 50 + } + ], + \\"id\\": 49 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\\\n \\", + \\"id\\": 51 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"script\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", + \\"id\\": 53 + } + ], + \\"id\\": 52 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", + \\"id\\": 54 + } + ], + \\"id\\": 44 + } + ], + \\"id\\": 16 + } + ], + \\"id\\": 3 + } + ], + \\"id\\": 1 + }, + \\"initialOffset\\": { + \\"left\\": 0, \\"top\\": 0 } } @@ -7212,17 +7914,17 @@ exports[`record integration tests should mask texts using maskTextFn 1`] = ` }, { \\"type\\": 3, - \\"textContent\\": \\"\\\\n \\\\n \\", + \\"textContent\\": \\"\\\\n \\", \\"id\\": 35 }, { \\"type\\": 2, - \\"tagName\\": \\"script\\", + \\"tagName\\": \\"div\\", \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", + \\"textContent\\": \\"\\\\n mask4\\\\n \\", \\"id\\": 37 } ], @@ -7230,8 +7932,115 @@ exports[`record integration tests should mask texts using maskTextFn 1`] = ` }, { \\"type\\": 3, - \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", + \\"textContent\\": \\"\\\\n \\", \\"id\\": 38 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"div\\", + \\"attributes\\": { + \\"class\\": \\"rr-unmask\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n mask5\\\\n \\", + \\"id\\": 40 + } + ], + \\"id\\": 39 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 41 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"placeholder\\": \\"mask6\\" + }, + \\"childNodes\\": [], + \\"id\\": 42 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 43 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"div\\", + \\"attributes\\": { + \\"title\\": \\"mask7\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 45 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"button\\", + \\"attributes\\": { + \\"aria-label\\": \\"mask8\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"mask9\\", + \\"id\\": 47 + } + ], + \\"id\\": 46 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 48 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"textarea\\", + \\"attributes\\": { + \\"value\\": \\"mask10\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"mask10\\", + \\"id\\": 50 + } + ], + \\"id\\": 49 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\\\n \\", + \\"id\\": 51 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"script\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", + \\"id\\": 53 + } + ], + \\"id\\": 52 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", + \\"id\\": 54 + } + ], + \\"id\\": 44 } ], \\"id\\": 16 @@ -8151,47 +8960,162 @@ exports[`record integration tests should not record blocked elements and its chi }, { \\"type\\": 3, - \\"textContent\\": \\"\\\\n \\\\n \\", + \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 19 }, { \\"type\\": 2, - \\"tagName\\": \\"script\\", - \\"attributes\\": {}, - \\"childNodes\\": [ - { - \\"type\\": 3, - \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", - \\"id\\": 21 - } - ], + \\"tagName\\": \\"img\\", + \\"attributes\\": { + \\"class\\": \\"rr-block\\", + \\"rr_width\\": \\"16px\\", + \\"rr_height\\": \\"16px\\" + }, + \\"childNodes\\": [], \\"id\\": 20 }, { \\"type\\": 3, - \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 21 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"img\\", + \\"attributes\\": { + \\"href\\": \\"about:blank#href\\" + }, + \\"childNodes\\": [], \\"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\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 23 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"img\\", + \\"attributes\\": { + \\"class\\": \\"rr-unblock\\", + \\"src\\": \\"about:blank#href\\" + }, + \\"childNodes\\": [], + \\"id\\": 24 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n\\\\n \\", + \\"id\\": 25 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"svg\\", + \\"attributes\\": { + \\"class\\": \\"rr-block\\", + \\"rr_width\\": \\"1904px\\", + \\"rr_height\\": \\"1904px\\" + }, + \\"childNodes\\": [], + \\"isSVG\\": true, + \\"id\\": 26 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 27 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"svg\\", + \\"attributes\\": { + \\"viewBox\\": \\"0 0 80 80\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 2, + \\"tagName\\": \\"path\\", + \\"attributes\\": { + \\"d\\": \\"M79 71.91a7.32 7.32 0 0 0 0-7.38L46.4 8A7.22 7.22 0 0 0 40 4.37 7.33 7.33 0 0 0 33.62 8L23.06 26.33l2.66 1.54A51.42 51.42 0 0 1 44.6 46.75a50.41 50.41 0 0 1 6.81 22.72H44a44.34 44.34 0 0 0-5.84-19A43.76 43.76 0 0 0 22.07 34.2l-2.66-1.54-9.83 17.13 2.65 1.54A24.9 24.9 0 0 1 24.3 69.47H7.39a1.2 1.2 0 0 1-1.06-.59 1.21 1.21 0 0 1 0-1.23l4.73-8.14a17.67 17.67 0 0 0-5.38-3.08L1 64.57A7.34 7.34 0 0 0 1 72a7.25 7.25 0 0 0 6.39 3.67h23.24v-3.12a31.32 31.32 0 0 0-4.09-15.38 31.26 31.26 0 0 0-8.67-9.57l3.71-6.39a38 38 0 0 1 11.33 12.28 38.1 38.1 0 0 1 5.1 19v3.08h19.68v-3.02a57.52 57.52 0 0 0-7.76-28.88A57.48 57.48 0 0 0 31.47 24.1l7.51-13a1.18 1.18 0 0 1 1.02-.57 1.16 1.16 0 0 1 1.05.59L73.7 67.61a1.2 1.2 0 0 1 0 1.22 1.13 1.13 0 0 1-1.06.59H65c.1 2.07.1 4.09 0 6.16h7.65A7.1 7.1 0 0 0 79 71.91z\\" + }, + \\"childNodes\\": [], + \\"isSVG\\": true, + \\"id\\": 29 + } + ], + \\"isSVG\\": true, + \\"id\\": 28 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 30 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"svg\\", + \\"attributes\\": { + \\"class\\": \\"rr-unblock\\", + \\"viewBox\\": \\"0 0 80 80\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 2, + \\"tagName\\": \\"path\\", + \\"attributes\\": { + \\"d\\": \\"M79 71.91a7.32 7.32 0 0 0 0-7.38L46.4 8A7.22 7.22 0 0 0 40 4.37 7.33 7.33 0 0 0 33.62 8L23.06 26.33l2.66 1.54A51.42 51.42 0 0 1 44.6 46.75a50.41 50.41 0 0 1 6.81 22.72H44a44.34 44.34 0 0 0-5.84-19A43.76 43.76 0 0 0 22.07 34.2l-2.66-1.54-9.83 17.13 2.65 1.54A24.9 24.9 0 0 1 24.3 69.47H7.39a1.2 1.2 0 0 1-1.06-.59 1.21 1.21 0 0 1 0-1.23l4.73-8.14a17.67 17.67 0 0 0-5.38-3.08L1 64.57A7.34 7.34 0 0 0 1 72a7.25 7.25 0 0 0 6.39 3.67h23.24v-3.12a31.32 31.32 0 0 0-4.09-15.38 31.26 31.26 0 0 0-8.67-9.57l3.71-6.39a38 38 0 0 1 11.33 12.28 38.1 38.1 0 0 1 5.1 19v3.08h19.68v-3.02a57.52 57.52 0 0 0-7.76-28.88A57.48 57.48 0 0 0 31.47 24.1l7.51-13a1.18 1.18 0 0 1 1.02-.57 1.16 1.16 0 0 1 1.05.59L73.7 67.61a1.2 1.2 0 0 1 0 1.22 1.13 1.13 0 0 1-1.06.59H65c.1 2.07.1 4.09 0 6.16h7.65A7.1 7.1 0 0 0 79 71.91z\\" + }, + \\"childNodes\\": [], + \\"isSVG\\": true, + \\"id\\": 32 + } + ], + \\"isSVG\\": true, + \\"id\\": 31 + }, + { + \\"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\\": 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\\": {} @@ -8331,9 +9255,124 @@ exports[`record integration tests should not record blocked elements dynamically }, { \\"type\\": 3, - \\"textContent\\": \\"\\\\n \\\\n \\", + \\"textContent\\": \\"\\\\n\\\\n \\", \\"id\\": 19 }, + { + \\"type\\": 2, + \\"tagName\\": \\"img\\", + \\"attributes\\": { + \\"class\\": \\"rr-block\\", + \\"rr_width\\": \\"16px\\", + \\"rr_height\\": \\"16px\\" + }, + \\"childNodes\\": [], + \\"id\\": 20 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 21 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"img\\", + \\"attributes\\": { + \\"href\\": \\"about:blank#href\\" + }, + \\"childNodes\\": [], + \\"id\\": 22 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 23 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"img\\", + \\"attributes\\": { + \\"class\\": \\"rr-unblock\\", + \\"src\\": \\"about:blank#href\\" + }, + \\"childNodes\\": [], + \\"id\\": 24 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n\\\\n \\", + \\"id\\": 25 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"svg\\", + \\"attributes\\": { + \\"class\\": \\"rr-block\\", + \\"rr_width\\": \\"1904px\\", + \\"rr_height\\": \\"1904px\\" + }, + \\"childNodes\\": [], + \\"isSVG\\": true, + \\"id\\": 26 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 27 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"svg\\", + \\"attributes\\": { + \\"viewBox\\": \\"0 0 80 80\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 2, + \\"tagName\\": \\"path\\", + \\"attributes\\": { + \\"d\\": \\"M79 71.91a7.32 7.32 0 0 0 0-7.38L46.4 8A7.22 7.22 0 0 0 40 4.37 7.33 7.33 0 0 0 33.62 8L23.06 26.33l2.66 1.54A51.42 51.42 0 0 1 44.6 46.75a50.41 50.41 0 0 1 6.81 22.72H44a44.34 44.34 0 0 0-5.84-19A43.76 43.76 0 0 0 22.07 34.2l-2.66-1.54-9.83 17.13 2.65 1.54A24.9 24.9 0 0 1 24.3 69.47H7.39a1.2 1.2 0 0 1-1.06-.59 1.21 1.21 0 0 1 0-1.23l4.73-8.14a17.67 17.67 0 0 0-5.38-3.08L1 64.57A7.34 7.34 0 0 0 1 72a7.25 7.25 0 0 0 6.39 3.67h23.24v-3.12a31.32 31.32 0 0 0-4.09-15.38 31.26 31.26 0 0 0-8.67-9.57l3.71-6.39a38 38 0 0 1 11.33 12.28 38.1 38.1 0 0 1 5.1 19v3.08h19.68v-3.02a57.52 57.52 0 0 0-7.76-28.88A57.48 57.48 0 0 0 31.47 24.1l7.51-13a1.18 1.18 0 0 1 1.02-.57 1.16 1.16 0 0 1 1.05.59L73.7 67.61a1.2 1.2 0 0 1 0 1.22 1.13 1.13 0 0 1-1.06.59H65c.1 2.07.1 4.09 0 6.16h7.65A7.1 7.1 0 0 0 79 71.91z\\" + }, + \\"childNodes\\": [], + \\"isSVG\\": true, + \\"id\\": 29 + } + ], + \\"isSVG\\": true, + \\"id\\": 28 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 30 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"svg\\", + \\"attributes\\": { + \\"class\\": \\"rr-unblock\\", + \\"viewBox\\": \\"0 0 80 80\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 2, + \\"tagName\\": \\"path\\", + \\"attributes\\": { + \\"d\\": \\"M79 71.91a7.32 7.32 0 0 0 0-7.38L46.4 8A7.22 7.22 0 0 0 40 4.37 7.33 7.33 0 0 0 33.62 8L23.06 26.33l2.66 1.54A51.42 51.42 0 0 1 44.6 46.75a50.41 50.41 0 0 1 6.81 22.72H44a44.34 44.34 0 0 0-5.84-19A43.76 43.76 0 0 0 22.07 34.2l-2.66-1.54-9.83 17.13 2.65 1.54A24.9 24.9 0 0 1 24.3 69.47H7.39a1.2 1.2 0 0 1-1.06-.59 1.21 1.21 0 0 1 0-1.23l4.73-8.14a17.67 17.67 0 0 0-5.38-3.08L1 64.57A7.34 7.34 0 0 0 1 72a7.25 7.25 0 0 0 6.39 3.67h23.24v-3.12a31.32 31.32 0 0 0-4.09-15.38 31.26 31.26 0 0 0-8.67-9.57l3.71-6.39a38 38 0 0 1 11.33 12.28 38.1 38.1 0 0 1 5.1 19v3.08h19.68v-3.02a57.52 57.52 0 0 0-7.76-28.88A57.48 57.48 0 0 0 31.47 24.1l7.51-13a1.18 1.18 0 0 1 1.02-.57 1.16 1.16 0 0 1 1.05.59L73.7 67.61a1.2 1.2 0 0 1 0 1.22 1.13 1.13 0 0 1-1.06.59H65c.1 2.07.1 4.09 0 6.16h7.65A7.1 7.1 0 0 0 79 71.91z\\" + }, + \\"childNodes\\": [], + \\"isSVG\\": true, + \\"id\\": 32 + } + ], + \\"isSVG\\": true, + \\"id\\": 31 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\\\n \\", + \\"id\\": 33 + }, { \\"type\\": 2, \\"tagName\\": \\"script\\", @@ -8342,15 +9381,15 @@ exports[`record integration tests should not record blocked elements dynamically { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", - \\"id\\": 21 + \\"id\\": 35 } ], - \\"id\\": 20 + \\"id\\": 34 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", - \\"id\\": 22 + \\"id\\": 36 } ], \\"id\\": 16 @@ -8387,7 +9426,7 @@ exports[`record integration tests should not record blocked elements dynamically \\"rr_height\\": \\"100px\\" }, \\"childNodes\\": [], - \\"id\\": 23 + \\"id\\": 37 } } ] @@ -8832,6 +9871,15 @@ exports[`record integration tests should not record input values if dynamically \\"id\\": 21 } }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 3, + \\"id\\": 21, + \\"x\\": 7, + \\"y\\": 0 + } + }, { \\"type\\": 3, \\"data\\": { @@ -9039,9 +10087,8 @@ exports[`record integration tests should not record input values if maskAllInput \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"on\\" + \\"type\\": \\"color\\", + \\"value\\": \\"*******\\" }, \\"childNodes\\": [], \\"id\\": 27 @@ -9074,9 +10121,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"off\\", - \\"checked\\": true + \\"name\\": \\"toggle\\" }, \\"childNodes\\": [], \\"id\\": 32 @@ -9097,9 +10142,7 @@ exports[`record integration tests should not record input values if maskAllInput { \\"type\\": 2, \\"tagName\\": \\"label\\", - \\"attributes\\": { - \\"for\\": \\"checkbox\\" - }, + \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, @@ -9110,7 +10153,9 @@ exports[`record integration tests should not record input values if maskAllInput \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"checkbox\\" + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-on\\" }, \\"childNodes\\": [], \\"id\\": 37 @@ -9128,6 +10173,109 @@ exports[`record integration tests should not record input values if maskAllInput \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 41 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-off\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 42 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 43 + } + ], + \\"id\\": 40 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 44 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"checkbox\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 46 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 47 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 48 + } + ], + \\"id\\": 45 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 49 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 51 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"value\\": \\"check-val\\" + }, + \\"childNodes\\": [], + \\"id\\": 52 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 53 + } + ], + \\"id\\": 50 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 54 + }, { \\"type\\": 2, \\"tagName\\": \\"label\\", @@ -9138,7 +10286,7 @@ exports[`record integration tests should not record input values if maskAllInput { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 41 + \\"id\\": 56 }, { \\"type\\": 2, @@ -9151,20 +10299,20 @@ exports[`record integration tests should not record input values if maskAllInput \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], - \\"id\\": 42 + \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 43 + \\"id\\": 58 } ], - \\"id\\": 40 + \\"id\\": 55 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 44 + \\"id\\": 59 }, { \\"type\\": 2, @@ -9176,7 +10324,7 @@ exports[`record integration tests should not record input values if maskAllInput { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 46 + \\"id\\": 61 }, { \\"type\\": 2, @@ -9190,7 +10338,7 @@ exports[`record integration tests should not record input values if maskAllInput { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 48 + \\"id\\": 63 }, { \\"type\\": 2, @@ -9201,16 +10349,16 @@ exports[`record integration tests should not record input values if maskAllInput \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"1\\", - \\"id\\": 50 + \\"textContent\\": \\"Option A\\", + \\"id\\": 65 } ], - \\"id\\": 49 + \\"id\\": 64 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 51 + \\"id\\": 66 }, { \\"type\\": 2, @@ -9221,32 +10369,32 @@ exports[`record integration tests should not record input values if maskAllInput \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"2\\", - \\"id\\": 53 + \\"textContent\\": \\"Option BB\\", + \\"id\\": 68 } ], - \\"id\\": 52 + \\"id\\": 67 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 54 + \\"id\\": 69 } ], - \\"id\\": 47 + \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 55 + \\"id\\": 70 } ], - \\"id\\": 45 + \\"id\\": 60 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 56 + \\"id\\": 71 }, { \\"type\\": 2, @@ -9258,7 +10406,7 @@ exports[`record integration tests should not record input values if maskAllInput { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 58 + \\"id\\": 73 }, { \\"type\\": 2, @@ -9267,20 +10415,104 @@ exports[`record integration tests should not record input values if maskAllInput \\"type\\": \\"password\\" }, \\"childNodes\\": [], - \\"id\\": 59 + \\"id\\": 74 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 60 + \\"id\\": 75 } ], - \\"id\\": 57 + \\"id\\": 72 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 76 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"empty\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 78 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"id\\": \\"empty\\" + }, + \\"childNodes\\": [], + \\"id\\": 79 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 80 + } + ], + \\"id\\": 77 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 81 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"unmask\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 83 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"text\\", + \\"class\\": \\"rr-unmask\\" + }, + \\"childNodes\\": [], + \\"id\\": 84 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 85 + } + ], + \\"id\\": 82 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 86 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"submit\\", + \\"value\\": \\"Submit form\\" + }, + \\"childNodes\\": [], + \\"id\\": 87 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 61 + \\"id\\": 88 } ], \\"id\\": 18 @@ -9288,7 +10520,7 @@ exports[`record integration tests should not record input values if maskAllInput { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", - \\"id\\": 62 + \\"id\\": 89 }, { \\"type\\": 2, @@ -9298,15 +10530,15 @@ exports[`record integration tests should not record input values if maskAllInput { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", - \\"id\\": 64 + \\"id\\": 91 } ], - \\"id\\": 63 + \\"id\\": 90 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", - \\"id\\": 65 + \\"id\\": 92 } ], \\"id\\": 16 @@ -9372,7 +10604,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -9388,7 +10620,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -9396,7 +10628,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -9404,7 +10636,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 27, + \\"id\\": 32, \\"pointerType\\": 0 } }, @@ -9414,16 +10646,25 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"on\\", \\"isChecked\\": true, - \\"id\\": 27 + \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"off\\", + \\"text\\": \\"radio-on\\", \\"isChecked\\": false, - \\"id\\": 32 + \\"id\\": 37 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"radio-off\\", + \\"isChecked\\": false, + \\"id\\": 42 } }, { @@ -9431,7 +10672,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -9439,7 +10680,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -9447,7 +10688,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -9455,7 +10696,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -9463,7 +10704,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 37, + \\"id\\": 47, \\"pointerType\\": 0 } }, @@ -9472,8 +10713,8 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", - \\"isChecked\\": true, - \\"id\\": 37 + \\"isChecked\\": false, + \\"id\\": 47 } }, { @@ -9481,7 +10722,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -9489,7 +10730,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9498,7 +10739,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9507,7 +10748,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9516,7 +10757,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9525,7 +10766,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9534,7 +10775,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9543,7 +10784,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9552,7 +10793,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9561,7 +10802,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9569,7 +10810,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -9577,7 +10818,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9586,7 +10827,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"*\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9595,7 +10836,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"**\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9604,7 +10845,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"***\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9613,7 +10854,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"****\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9622,7 +10863,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"*****\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9631,7 +10872,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"******\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9640,7 +10881,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"*******\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9649,7 +10890,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"********\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9658,7 +10899,7 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"*********\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -9667,43 +10908,95 @@ exports[`record integration tests should not record input values if maskAllInput \\"source\\": 5, \\"text\\": \\"**********\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 57 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"***********\\", + \\"isChecked\\": false, + \\"id\\": 57 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"************\\", + \\"isChecked\\": false, + \\"id\\": 57 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"*************\\", + \\"isChecked\\": false, + \\"id\\": 57 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"*\\", + \\"isChecked\\": false, + \\"id\\": 62 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 2, + \\"type\\": 6, + \\"id\\": 57 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 2, + \\"type\\": 5, + \\"id\\": 79 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"***********\\", + \\"text\\": \\"*\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 79 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"************\\", + \\"text\\": \\"**\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 79 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"*************\\", + \\"text\\": \\"***\\", \\"isChecked\\": false, - \\"id\\": 42 + \\"id\\": 79 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"*\\", + \\"text\\": \\"****\\", \\"isChecked\\": false, - \\"id\\": 47 + \\"id\\": 79 } } ]" @@ -12747,9 +14040,8 @@ exports[`record integration tests should record input userTriggered values if us \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"on\\" + \\"type\\": \\"color\\", + \\"value\\": \\"#000000\\" }, \\"childNodes\\": [], \\"id\\": 27 @@ -12782,9 +14074,7 @@ exports[`record integration tests should record input userTriggered values if us \\"tagName\\": \\"input\\", \\"attributes\\": { \\"type\\": \\"radio\\", - \\"name\\": \\"toggle\\", - \\"value\\": \\"off\\", - \\"checked\\": true + \\"name\\": \\"toggle\\" }, \\"childNodes\\": [], \\"id\\": 32 @@ -12805,9 +14095,7 @@ exports[`record integration tests should record input userTriggered values if us { \\"type\\": 2, \\"tagName\\": \\"label\\", - \\"attributes\\": { - \\"for\\": \\"checkbox\\" - }, + \\"attributes\\": {}, \\"childNodes\\": [ { \\"type\\": 3, @@ -12818,7 +14106,9 @@ exports[`record integration tests should record input userTriggered values if us \\"type\\": 2, \\"tagName\\": \\"input\\", \\"attributes\\": { - \\"type\\": \\"checkbox\\" + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-on\\" }, \\"childNodes\\": [], \\"id\\": 37 @@ -12836,6 +14126,109 @@ exports[`record integration tests should record input userTriggered values if us \\"textContent\\": \\"\\\\n \\", \\"id\\": 39 }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 41 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"radio\\", + \\"name\\": \\"toggle\\", + \\"value\\": \\"radio-off\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 42 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 43 + } + ], + \\"id\\": 40 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 44 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"checkbox\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 46 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"checked\\": true + }, + \\"childNodes\\": [], + \\"id\\": 47 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 48 + } + ], + \\"id\\": 45 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 49 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": {}, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 51 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"checkbox\\", + \\"value\\": \\"check-val\\" + }, + \\"childNodes\\": [], + \\"id\\": 52 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 53 + } + ], + \\"id\\": 50 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 54 + }, { \\"type\\": 2, \\"tagName\\": \\"label\\", @@ -12846,7 +14239,7 @@ exports[`record integration tests should record input userTriggered values if us { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 41 + \\"id\\": 56 }, { \\"type\\": 2, @@ -12859,20 +14252,20 @@ exports[`record integration tests should record input userTriggered values if us \\"data-unmask-example\\": \\"true\\" }, \\"childNodes\\": [], - \\"id\\": 42 + \\"id\\": 57 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 43 + \\"id\\": 58 } ], - \\"id\\": 40 + \\"id\\": 55 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 44 + \\"id\\": 59 }, { \\"type\\": 2, @@ -12884,7 +14277,7 @@ exports[`record integration tests should record input userTriggered values if us { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 46 + \\"id\\": 61 }, { \\"type\\": 2, @@ -12898,7 +14291,7 @@ exports[`record integration tests should record input userTriggered values if us { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 48 + \\"id\\": 63 }, { \\"type\\": 2, @@ -12910,16 +14303,16 @@ exports[`record integration tests should record input userTriggered values if us \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"1\\", - \\"id\\": 50 + \\"textContent\\": \\"Option A\\", + \\"id\\": 65 } ], - \\"id\\": 49 + \\"id\\": 64 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 51 + \\"id\\": 66 }, { \\"type\\": 2, @@ -12930,32 +14323,32 @@ exports[`record integration tests should record input userTriggered values if us \\"childNodes\\": [ { \\"type\\": 3, - \\"textContent\\": \\"2\\", - \\"id\\": 53 + \\"textContent\\": \\"Option BB\\", + \\"id\\": 68 } ], - \\"id\\": 52 + \\"id\\": 67 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 54 + \\"id\\": 69 } ], - \\"id\\": 47 + \\"id\\": 62 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 55 + \\"id\\": 70 } ], - \\"id\\": 45 + \\"id\\": 60 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 56 + \\"id\\": 71 }, { \\"type\\": 2, @@ -12967,7 +14360,7 @@ exports[`record integration tests should record input userTriggered values if us { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 58 + \\"id\\": 73 }, { \\"type\\": 2, @@ -12976,20 +14369,104 @@ exports[`record integration tests should record input userTriggered values if us \\"type\\": \\"password\\" }, \\"childNodes\\": [], - \\"id\\": 59 + \\"id\\": 74 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 60 + \\"id\\": 75 } ], - \\"id\\": 57 + \\"id\\": 72 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 76 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"empty\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 78 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"id\\": \\"empty\\" + }, + \\"childNodes\\": [], + \\"id\\": 79 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 80 + } + ], + \\"id\\": 77 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 81 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"label\\", + \\"attributes\\": { + \\"for\\": \\"unmask\\" + }, + \\"childNodes\\": [ + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 83 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"text\\", + \\"class\\": \\"rr-unmask\\" + }, + \\"childNodes\\": [], + \\"id\\": 84 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 85 + } + ], + \\"id\\": 82 + }, + { + \\"type\\": 3, + \\"textContent\\": \\"\\\\n \\", + \\"id\\": 86 + }, + { + \\"type\\": 2, + \\"tagName\\": \\"input\\", + \\"attributes\\": { + \\"type\\": \\"submit\\", + \\"value\\": \\"Submit form\\" + }, + \\"childNodes\\": [], + \\"id\\": 87 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\", - \\"id\\": 61 + \\"id\\": 88 } ], \\"id\\": 18 @@ -12997,7 +14474,7 @@ exports[`record integration tests should record input userTriggered values if us { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\", - \\"id\\": 62 + \\"id\\": 89 }, { \\"type\\": 2, @@ -13007,15 +14484,15 @@ exports[`record integration tests should record input userTriggered values if us { \\"type\\": 3, \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\", - \\"id\\": 64 + \\"id\\": 91 } ], - \\"id\\": 63 + \\"id\\": 90 }, { \\"type\\": 3, \\"textContent\\": \\"\\\\n \\\\n \\\\n\\\\n\\", - \\"id\\": 65 + \\"id\\": 92 } ], \\"id\\": 16 @@ -13085,7 +14562,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -13101,7 +14578,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -13109,7 +14586,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -13117,7 +14594,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 27, + \\"id\\": 32, \\"pointerType\\": 0 } }, @@ -13128,17 +14605,27 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"on\\", \\"isChecked\\": true, \\"userTriggered\\": true, - \\"id\\": 27 + \\"id\\": 32 } }, { \\"type\\": 3, \\"data\\": { \\"source\\": 5, - \\"text\\": \\"off\\", + \\"text\\": \\"radio-on\\", \\"isChecked\\": false, \\"userTriggered\\": false, - \\"id\\": 32 + \\"id\\": 37 + } + }, + { + \\"type\\": 3, + \\"data\\": { + \\"source\\": 5, + \\"text\\": \\"radio-off\\", + \\"isChecked\\": false, + \\"userTriggered\\": false, + \\"id\\": 42 } }, { @@ -13146,7 +14633,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 1, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -13154,7 +14641,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 27 + \\"id\\": 32 } }, { @@ -13162,7 +14649,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -13170,7 +14657,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 0, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -13178,7 +14665,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 2, - \\"id\\": 37, + \\"id\\": 47, \\"pointerType\\": 0 } }, @@ -13187,9 +14674,9 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 5, \\"text\\": \\"on\\", - \\"isChecked\\": true, + \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -13197,7 +14684,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 37 + \\"id\\": 47 } }, { @@ -13205,7 +14692,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13215,7 +14702,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"*\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13225,7 +14712,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"**\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13235,7 +14722,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"***\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13245,7 +14732,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"****\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13255,7 +14742,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"*****\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13265,7 +14752,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"******\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13275,7 +14762,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"*******\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13285,7 +14772,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"********\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13293,7 +14780,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 6, - \\"id\\": 59 + \\"id\\": 74 } }, { @@ -13301,7 +14788,7 @@ exports[`record integration tests should record input userTriggered values if us \\"data\\": { \\"source\\": 2, \\"type\\": 5, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13311,7 +14798,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"t\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13321,7 +14808,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"te\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13331,7 +14818,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"tex\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13341,7 +14828,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"text\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13351,7 +14838,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"texta\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13361,7 +14848,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textar\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13371,7 +14858,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textare\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13381,7 +14868,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textarea\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13391,7 +14878,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textarea \\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13401,7 +14888,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textarea t\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13411,7 +14898,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textarea te\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13421,7 +14908,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textarea tes\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13431,7 +14918,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"textarea test\\", \\"isChecked\\": false, \\"userTriggered\\": true, - \\"id\\": 42 + \\"id\\": 57 } }, { @@ -13441,7 +14928,7 @@ exports[`record integration tests should record input userTriggered values if us \\"text\\": \\"1\\", \\"isChecked\\": false, \\"userTriggered\\": false, - \\"id\\": 47 + \\"id\\": 62 } } ]"