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"> | |
146 var i = 0;\n var j = 0;\n | |
147 </script> | |
148 </div> | |
149 | |
150 Running: testEditSVGAttribute | |
151 ==== before ==== | |
152 - <div id="testEditSVG"> | |
153 <svg id="node-to-edit-svg-attribute" xmlns:xlink="test" width="100">\n
</svg> | |
154 </div> | |
155 <svg id="node-to-edit-svg-attribute" xmlns:xlink="test" width="100"> | |
156 </svg> | |
157 ==== after ==== | |
158 - <div id="testEditSVG"> | |
159 <svg id="node-to-edit-svg-attribute" xmlns:xlink="test" width="110">\n
</svg> | |
160 </div> | |
161 | |
OLD | NEW |