Index: LayoutTests/fast/dom/HTMLTableColElement/resize-table-width-using-col-width.html |
diff --git a/LayoutTests/fast/dom/HTMLTableColElement/resize-table-width-using-col-width.html b/LayoutTests/fast/dom/HTMLTableColElement/resize-table-width-using-col-width.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c5ccdd1d62debb135eb94a83a7067f89915a5232 |
--- /dev/null |
+++ b/LayoutTests/fast/dom/HTMLTableColElement/resize-table-width-using-col-width.html |
@@ -0,0 +1,44 @@ |
+<!DOCTYPE html> |
+<html> |
+ <head> |
+ <style> |
+ col { |
+ width: 200px; |
+ } |
+ td { |
+ background-color: #66f; |
+ height: 25px; |
+ } |
+ </style> |
+ <script type="text/javascript"> |
+ function changeColWidthUsingWidth(){ |
+ var col = document.getElementById('thecol'); |
+ col.style.width="100px"; |
+ window.checkLayout("td", document.getElementById("test-output")); |
+ } |
+ </script> |
+ <script src="../../../resources/check-layout.js"></script> |
+ </head> |
+ <body> |
+ Tests that the width of table cell changes on changing the colgroup width to new width. |
+ <table> |
+ <colgroup> |
+ <col id="thecol"> |
+ </colgroup> |
+ <tbody> |
+ <tr> |
+ <td id="colWidth" data-expected-width="100"></td> |
+ </tr> |
+ </tbody> |
+ </table> |
+ <button onclick="changeColWidthUsingWidth();">Click me to test manually. The column should shrink to 100px.</button> |
Julien - ping for review
2014/02/14 18:18:37
It's awesome that you thought about manual testing
Gurpreet
2014/02/17 09:40:43
The col width changes should be done on some manua
|
+ <div id="test-output"></div> |
+ </body> |
+ <script> |
+ if (window.eventSender) { |
+ eventSender.mouseMoveTo(50, 75); |
+ eventSender.mouseDown(); |
+ eventSender.mouseUp(); |
+ } |
+ </script> |
+</html> |