Index: LayoutTests/fast/dom/shadow/table-border.html |
diff --git a/LayoutTests/fast/dom/shadow/table-border.html b/LayoutTests/fast/dom/shadow/table-border.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..83f6d049e2f94e4c22e83d929fa5b9aaf642042d |
--- /dev/null |
+++ b/LayoutTests/fast/dom/shadow/table-border.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<html> |
+<body> |
+<table border> |
+ <tr><td>A</td><td>B</td></tr> |
+ <tr id="host1"></tr> |
+</table> |
+<table border> |
+ <tr><td>E</td><td>F</td><td>G</td></tr> |
+ <tr id="host2"><td>I</td></tr> |
+</table> |
+<table border> |
+ <tr><td>K</td></tr> |
+ <tr id="host3"></tr> |
+</table> |
+<div id="host4"> |
hayato
2013/06/05 09:28:57
Could you include '<td>M</td>' here declaratively?
|
+</div> |
+<script> |
+host1.webkitCreateShadowRoot().innerHTML = "<td>C</td><td>D</td>" |
+host2.webkitCreateShadowRoot().innerHTML = "<td>H</td><content /><td>J</td>"; |
+host3.webkitCreateShadowRoot().innerHTML = "<content select='no-match'><td>L</td></content>"; |
+ |
+var td = document.createElement("td"); |
+td.innerHTML = "M"; |
+host4.appendChild(td); |
+shadow4 = host4.webkitCreateShadowRoot(); |
+shadow4.innerHTML = "<table border><tr id='contentParent'></tr></table>"; |
hayato
2013/06/05 09:28:57
Looks like you can include '<content></content>' h
|
+shadow4.getElementById("contentParent").appendChild(document.createElement("content")); |
+</script> |
+</body> |
+</html> |