blob: bf8bab3c8f7093d71d8fdca377a5970e4cd22836 [file] [log] [blame]
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>