| OLD | NEW |
| (Empty) |
| 1 Tests that user can mutate DOM by means of elements panel. | |
| 2 | |
| 3 | |
| 4 Edited Text | |
| 5 Span contents | |
| 6 A#nbsp;B#ensp;C#emsp;D#thinsp;E#zwnj;F#zwj;G#rlm;H#lrm;I | |
| 7 Element | |
| 8 | |
| 9 Running: testSetUp | |
| 10 | |
| 11 Running: testRemove | |
| 12 ==== before ==== | |
| 13 - <div id="testRemove"> | |
| 14 <div id="node-to-remove"></div> | |
| 15 </div> | |
| 16 ==== after ==== | |
| 17 <div id="testRemove"></div> | |
| 18 | |
| 19 Running: testSetNodeName | |
| 20 ==== before ==== | |
| 21 - <div id="testSetNodeName"> | |
| 22 <div id="node-to-set-name"></div> | |
| 23 </div> | |
| 24 ==== after ==== | |
| 25 - <div id="testSetNodeName"> | |
| 26 <span id="node-to-set-name" ></span> | |
| 27 </div> | |
| 28 | |
| 29 Running: testSetNodeNameInput | |
| 30 ==== before ==== | |
| 31 - <div id="testSetNodeNameInput"> | |
| 32 <div id="node-to-set-name-input"></div> | |
| 33 </div> | |
| 34 ==== after ==== | |
| 35 - <div id="testSetNodeNameInput"> | |
| 36 <input id="node-to-set-name-input" > | |
| 37 </div> | |
| 38 | |
| 39 Running: testSetNodeValue | |
| 40 ==== before ==== | |
| 41 - <div id="testSetNodeValue"> | |
| 42 <div id="node-to-set-value">\n Text\n </div> | |
| 43 </div> | |
| 44 ==== after ==== | |
| 45 - <div id="testSetNodeValue"> | |
| 46 <div id="node-to-set-value"> \n Edited Text \n </div> | |
| 47 </div> | |
| 48 | |
| 49 Running: testSetAttribute | |
| 50 ==== before ==== | |
| 51 - <div id="testSetAttribute"> | |
| 52 <div foo="attribute value" id="node-to-set-attribute"></div> | |
| 53 </div> | |
| 54 ==== after ==== | |
| 55 - <div id="testSetAttribute"> | |
| 56 <div id="node-to-set-attribute" bar="edited attribute"></div> | |
| 57 </div> | |
| 58 | |
| 59 Running: testSetScriptableAttribute | |
| 60 ==== before ==== | |
| 61 - <div id="testSetScriptableAttribute"> | |
| 62 <div onclick="alert(1)" id="node-to-set-scriptable-attribute"></div> | |
| 63 </div> | |
| 64 ==== after ==== | |
| 65 - <div id="testSetScriptableAttribute"> | |
| 66 <div onclick="alert(2)" id="node-to-set-scriptable-attribute"></div> | |
| 67 </div> | |
| 68 | |
| 69 Running: testRemoveAttribute | |
| 70 ==== before ==== | |
| 71 - <div id="testRemoveAttribute"> | |
| 72 <div foo="attribute value" id="node-to-remove-attribute"></div> | |
| 73 </div> | |
| 74 ==== after ==== | |
| 75 - <div id="testRemoveAttribute"> | |
| 76 <div id="node-to-remove-attribute"></div> | |
| 77 </div> | |
| 78 | |
| 79 Running: testAddAttribute | |
| 80 ==== before ==== | |
| 81 - <div id="testAddAttribute"> | |
| 82 <div id="node-to-add-attribute"></div> | |
| 83 </div> | |
| 84 ==== after ==== | |
| 85 - <div id="testAddAttribute"> | |
| 86 <div id="node-to-add-attribute" newattr="new-value"></div> | |
| 87 </div> | |
| 88 | |
| 89 Running: testAddAttributeUnquotedValue | |
| 90 ==== before ==== | |
| 91 - <div id="testAddAttributeUnquotedValue"> | |
| 92 <div id="node-to-add-attribute-unquoted-value"></div> | |
| 93 </div> | |
| 94 ==== after ==== | |
| 95 - <div id="testAddAttributeUnquotedValue"> | |
| 96 <div id="node-to-add-attribute-unquoted-value" newattr="unquotedValue"></d
iv> | |
| 97 </div> | |
| 98 | |
| 99 Running: testEditCommentAsHTML | |
| 100 ==== before ==== | |
| 101 - <div id="testEditCommentAsHTML"> | |
| 102 <!-- Comment --> | |
| 103 </div> | |
| 104 <!-- Comment --> | |
| 105 ==== after ==== | |
| 106 - <div id="testEditCommentAsHTML"> | |
| 107 <div foo="bar-comment">Element</div> | |
| 108 </div> | |
| 109 | |
| 110 Running: testEditAsHTML | |
| 111 ==== before ==== | |
| 112 - <div id="testEditAsHTML"> | |
| 113 - <div id="node-to-edit-as-html"> | |
| 114 <span id="span">Text</span> | |
| 115 </div> | |
| 116 </div> | |
| 117 <div id="node-to-edit-as-html"><span id="span">Text</span></div> | |
| 118 ==== after ==== | |
| 119 - <div id="testEditAsHTML"> | |
| 120 - <span foo="bar"> | |
| 121 <span id="inner-span">Span contents</span> | |
| 122 </span> | |
| 123 </div> | |
| 124 | |
| 125 Running: testEditInvisibleCharsAsHTML | |
| 126 ==== before ==== | |
| 127 - <div id="testEditInvisibleCharsAsHTML"> | |
| 128 <div id="node-with-invisible-chars">A B C D E‌F
‍G‏H‎I</div> | |
| 129 </div> | |
| 130 <div id="node-with-invisible-chars">A B C D E‌F‍G
‏H‎I</div> | |
| 131 ==== after ==== | |
| 132 - <div id="testEditInvisibleCharsAsHTML"> | |
| 133 <div id="node-with-invisible-chars">A#nbsp;B#ensp;C#emsp;D#thinsp;E#zwnj;F
#zwj;G#rlm;H#lrm;I</div> | |
| 134 </div> | |
| 135 | |
| 136 Running: testEditScript | |
| 137 ==== before ==== | |
| 138 - <div id="testEditScript"> | |
| 139 - <script id="node-to-edit-script"> | |
| 140 \n var i = 0;\n var j = 5;\n for (; i < j;
++i) {\n // Do nothing.\n }\n\n | |
| 141 </script> | |
| 142 </div> | |
| 143 ==== after ==== | |
| 144 - <div id="testEditScript"> | |
| 145 <script id="node-to-edit-script">var i = 0;\n var j = 0;\n</script> | |
| 146 </div> | |
| 147 | |
| 148 Running: testEditSVGAttribute | |
| 149 ==== before ==== | |
| 150 - <div id="testEditSVG"> | |
| 151 <svg id="node-to-edit-svg-attribute" xmlns:xlink="test" width="100">\n
</svg> | |
| 152 </div> | |
| 153 <svg id="node-to-edit-svg-attribute" xmlns:xlink="test" width="100"> | |
| 154 </svg> | |
| 155 ==== after ==== | |
| 156 - <div id="testEditSVG"> | |
| 157 <svg id="node-to-edit-svg-attribute" xmlns:xlink="test" width="110">\n
</svg> | |
| 158 </div> | |
| 159 | |
| OLD | NEW |