LayoutTests/fast/table/table-different-overflow-values.html - Issue 1228373007: Compute the correct overflow-x and overflow-y values for table elements

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

« LayoutTests/fast/table/overflowScroll-display-block.html ('K') | « LayoutTests/fast/table/overflowScroll-expected.html ('k') | LayoutTests/fast/table/table-different-overflow-values-2.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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..8606547826542f4fc1a4fc551ee4308739a8f834

--- /dev/null

+++ b/LayoutTests/fast/table/table-different-overflow-values.html

@@ -0,0 +1,36 @@

+<!DOCTYPE html>

+<script src="../../resources/js-test.js"></script>

+

+<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"/>

+

+<table id="inline_table1" class="test" style="overflow-x: visible; overflow-y: auto; display: inline"/>

mstensho (USE GERRIT) 2015/07/27 21:13:10 These are not inline tables. They are regular inli

+<table id="inline_table2" class="test" style="overflow-x: visible; overflow-y: scroll; display: inline"/>

+<table id="inline_table3" class="test" style="overflow-x: visible; overflow-y: hidden; display: inline"/>

+

+<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>

+

+<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"/>

mstensho (USE GERRIT) 2015/07/27 21:13:11 Weird indentation.

+ <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>