Index: third_party/WebKit/LayoutTests/inspector-protocol/resources/dom-snapshot.html |
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/resources/dom-snapshot.html b/third_party/WebKit/LayoutTests/inspector-protocol/resources/dom-snapshot.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..cf98332458006aa7c0c1f7839e26723cb22c22d9 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/resources/dom-snapshot.html |
@@ -0,0 +1,38 @@ |
+<html> |
+<head> |
+ <style> |
+ @font-face { |
+ font-family: 'ahem'; |
+ src: url(../../resources/Ahem.ttf); |
+ } |
+ </style> |
+ <template id="shadow-template"> |
+ <style> |
+ :host { |
+ color: red; |
+ } |
+ </style> |
+ <div style="font-family: ahem;"><h1>Hi!</h1></div> |
+ </template> |
+</head> |
+<body class="body-class"> |
+<div style="font-family: ahem;"> |
+ <div class="class1">Some Text</div> And More Text |
+ <div style="display:inline-block; width: 200px"> |
+ <p> |
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem. |
+ Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et |
+ ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed, |
+ hendrerit efficitur est. Quisque gravida facilisis viverra. |
+ </p> |
+ <ul class="class3"> |
+ <li class="class4"></li> |
+ <span>Lets have a span</span> |
+ </ul> |
+ </div> |
+ <div style="transform: rotateZ(90deg); width: 200px">Rotated text!</div> |
+ <iframe src='./simple-iframe.html' width="400" height="200"></iframe> |
+ <div id="shadow-host"></div> |
+</div> |
+</body> |
+</html> |