| Tests that DOMNode properly tracks own and descendants' user properties. |
| |
| attr1 set on aNode |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:1] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:1] |
| - <div id="container"> [subtreeMarkerCount:1] |
| <div id="child1"></div> |
| - <div id="child2"> [subtreeMarkerCount:1] |
| <a href="#" id="aNode">Third-level node</a> [markers:[attr1=true], subtreeMarkerCount:1] |
| </div> |
| </div> |
| </body> |
| </html> |
| attr2 set on child2 |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:2] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:2] |
| - <div id="container"> [subtreeMarkerCount:2] |
| <div id="child1"></div> |
| - <div id="child2"> [markers:[attr2=value], subtreeMarkerCount:2] |
| <a href="#" id="aNode">Third-level node</a> [markers:[attr1=true], subtreeMarkerCount:1] |
| </div> |
| </div> |
| </body> |
| </html> |
| attr1 set on child2 |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:3] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:3] |
| - <div id="container"> [subtreeMarkerCount:3] |
| <div id="child1"></div> |
| - <div id="child2"> [markers:[attr2=value,attr1=true], subtreeMarkerCount:3] |
| <a href="#" id="aNode">Third-level node</a> [markers:[attr1=true], subtreeMarkerCount:1] |
| </div> |
| </div> |
| </body> |
| </html> |
| attr1 modified on aNode |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:3] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:3] |
| - <div id="container"> [subtreeMarkerCount:3] |
| <div id="child1"></div> |
| - <div id="child2"> [markers:[attr2=value,attr1=true], subtreeMarkerCount:3] |
| <a href="#" id="aNode">Third-level node</a> [markers:[attr1=anotherValue], subtreeMarkerCount:1] |
| </div> |
| </div> |
| </body> |
| </html> |
| attr2 modified on child2 |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:3] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:3] |
| - <div id="container"> [subtreeMarkerCount:3] |
| <div id="child1"></div> |
| - <div id="child2"> [markers:[attr2=anotherValue,attr1=true], subtreeMarkerCount:3] |
| <a href="#" id="aNode">Third-level node</a> [markers:[attr1=anotherValue], subtreeMarkerCount:1] |
| </div> |
| </div> |
| </body> |
| </html> |
| attr1 removed from aNode |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:2] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:2] |
| - <div id="container"> [subtreeMarkerCount:2] |
| <div id="child1"></div> |
| - <div id="child2"> [markers:[attr2=anotherValue,attr1=true], subtreeMarkerCount:2] |
| <a href="#" id="aNode">Third-level node</a> |
| </div> |
| </div> |
| </body> |
| </html> |
| aNode removed |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:2] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:2] |
| - <div id="container"> [subtreeMarkerCount:2] |
| <div id="child1"></div> |
| <div id="child2"></div> [markers:[attr2=anotherValue,attr1=true], subtreeMarkerCount:2] |
| </div> |
| </body> |
| </html> |
| child2 removed |
| <!DOCTYPE html> |
| - <html> [subtreeMarkerCount:2] |
| - <head> |
| <base href="http://127.0.0.1:8000/devtools/elements/"> |
| </head> |
| - <body> [subtreeMarkerCount:2] |
| - <div id="container"> |
| <div id="child1"></div> |
| </div> |
| </body> |
| </html> |
| |