Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(137)

Unified Diff: LayoutTests/fast/table/table-different-overflow-values.html

Issue 1228373007: Compute the correct overflow-x and overflow-y values for table elements (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Updated Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/table/table-different-overflow-values.html
diff --git a/LayoutTests/fast/table/table-different-overflow-values.html b/LayoutTests/fast/table/table-different-overflow-values.html
new file mode 100644
index 0000000000000000000000000000000000000000..fc7bd58487dda8e4ddb8dc9887c4a6b3618b6b7e
--- /dev/null
+++ b/LayoutTests/fast/table/table-different-overflow-values.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<script src="../../resources/js-test.js"></script>
+<!-- For tables. -->
+<table id="table1" class="test" style="overflow-x: visible; overflow-y: auto"/>
+<table id="table2" class="test" style="overflow-x: visible; overflow-y: scroll"/>
+<table id="table3" class="test" style="overflow-x: visible; overflow-y: hidden"/>
+<!-- For inline tables. -->
+<table id="inline_table1" class="test" style="overflow-x: visible; overflow-y: auto; display: inline-table;"/>
+<table id="inline_table2" class="test" style="overflow-x: visible; overflow-y: scroll; display: inline-table;"/>
+<table id="inline_table3" class="test" style="overflow-x: visible; overflow-y: hidden; display: inline-table;"/>
+<!-- For table row groups. -->
+<table>
+ <tbody id="tbody1" class="test" style="overflow-x: visible; overflow-y: auto"/>
+ <tbody id="tbody2" class="test" style="overflow-x: visible; overflow-y: scroll"/>
+ <tbody id="tbody3" class="test" style="overflow-x: visible; overflow-y: hidden"/>
+</table>
+<!-- For table rows. -->
+<table>
+ <tr id="tr1" class="test" style="overflow-x: visible; overflow-y: auto"/>
+ <tr id="tr2" class="test" style="overflow-x: visible; overflow-y: scroll"/>
+ <tr id="tr3" class="test" style="overflow-x: visible; overflow-y: hidden"/>
+</table>
+<script>
+description("This test checks for overflow equality. If overflow-x is visible then overflow-y should be visible as well.");
+var elements = document.getElementsByClassName("test");
+for (i = 0; i < elements.length; ++i)
+{
+ computedStyle = getComputedStyle(elements[i]);
+ overflowX = computedStyle.getPropertyValue('overflow-x');
+ overflowY = computedStyle.getPropertyValue('overflow-y');
+ if (overflowX == "visible" && overflowX != overflowY)
+ testFailed(elements[i].id + ": overflow-y should be visible. Was " + overflowY + ".");
+ else
+ testPassed(elements[i].id + ": overflow-x is either not visible or both overflow values are visible.");
+}
+</script>
« no previous file with comments | « LayoutTests/fast/table/overflowScroll-expected.html ('k') | LayoutTests/fast/table/table-different-overflow-values-2.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698