Skip to content

GitLab

T
tangled
Commit b3bb16c2 authored by Tien-Ren Chen's avatar Tien-Ren Chen Committed by Commit Bot
Browse files
Options

[Blink] Add layout test for composited scroller clip snapping 

This test verifies composited scrollers have consistent clip rect
regardless of current scroll offset. The four boxes in the test have
different fractional translations. The test body and reference are
identical except for scroll offset.

BUG=736052

Change-Id: I97257b29e5abf579aa028d0c04463f4c427f8a58
Reviewed-on: https://chromium-review.googlesource.com/578741
Commit-Queue: Tien-Ren Chen <trchen@chromium.org>
Reviewed-by: default avatarPeter Mayo <petermayo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#488500}
parent 54480c31
Hide whitespace changes
Inline Side-by-side
Showing with 101 additions and 0 deletions
third_party/WebKit/LayoutTests/TestExpectations
View file @ b3bb16c2
...@@ -1383,6 +1383,9 @@ crbug.com/660185 [ Mac ] fast/forms/datalist/input-appearance-range-with-transfo ...@@ -1383,6 +1383,9 @@ crbug.com/660185 [ Mac ] fast/forms/datalist/input-appearance-range-with-transfo
crbug.com/658304 [ Win Linux ] fast/forms/select/input-select-after-resize.html [ Crash Timeout Pass ] crbug.com/658304 [ Win Linux ] fast/forms/select/input-select-after-resize.html [ Crash Timeout Pass ]
crbug.com/736052 compositing/overflow/composited-scroll-with-fractional-translation.html [ Failure ]
crbug.com/736052 virtual/prefer_compositing_to_lcd_text/compositing/overflow/composited-scroll-with-fractional-translation.html [ Failure ]
# We render the expectation incorrectly for these five tests # We render the expectation incorrectly for these five tests
crbug.com/310004 external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-basic-canvas-vert-001.xhtml [ Failure ] crbug.com/310004 external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-basic-canvas-vert-001.xhtml [ Failure ]
crbug.com/310004 external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-basic-iframe-vert-001.xhtml [ Failure ] crbug.com/310004 external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-basic-iframe-vert-001.xhtml [ Failure ]
......
third_party/WebKit/LayoutTests/compositing/overflow/composited-scroll-with-fractional-translation-expected.html 0 → 100644
View file @ b3bb16c2
<!DOCTYPE html>
<style>
.container {
position: absolute;
top: 25px;
width: 100px;
height: 100px;
border: 1px dashed black;
overflow: hidden;
}
.scroller {
transform-origin: 0 0;
width: 100px;
height: 100px;
overflow: scroll;
}
.bloat {
width: 150px;
height: 150px;
background: green;
}
</style>
<div class="container" style="left:25px;">
<div class="scroller" style="transform:translate3d(0, 1px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
<div class="container" style="left:175px;">
<div class="scroller" style="transform:translate3d(0, 1.25px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
<div class="container" style="left:325px;">
<div class="scroller" style="transform:translate3d(0, 1.5px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
<div class="container" style="left:475px;">
<div class="scroller" style="transform:translate3d(0, 1.75px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
This test verifies composited scrollers have consistent clip rect regardless of current scroll offset.
<script>
for (elem of document.getElementsByClassName("scroller"))
elem.scrollTop = 2;
</script>
\ No newline at end of file
third_party/WebKit/LayoutTests/compositing/overflow/composited-scroll-with-fractional-translation.html 0 → 100644
View file @ b3bb16c2
<!DOCTYPE html>
<style>
.container {
position: absolute;
top: 25px;
width: 100px;
height: 100px;
border: 1px dashed black;
overflow: hidden;
}
.scroller {
transform-origin: 0 0;
width: 100px;
height: 100px;
overflow: scroll;
}
.bloat {
width: 150px;
height: 150px;
background: green;
}
</style>
<div class="container" style="left:25px;">
<div class="scroller" style="transform:translate3d(0, 1px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
<div class="container" style="left:175px;">
<div class="scroller" style="transform:translate3d(0, 1.25px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
<div class="container" style="left:325px;">
<div class="scroller" style="transform:translate3d(0, 1.5px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
<div class="container" style="left:475px;">
<div class="scroller" style="transform:translate3d(0, 1.75px, 0)scale(1.5);">
<div class="bloat"></div>
</div>
</div>
This test verifies composited scrollers have consistent clip rect regardless of current scroll offset.
<script>
for (elem of document.getElementsByClassName("scroller"))
elem.scrollTop = 1;
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment