LayoutTests/compositing/overflow/selection-gaps-toggling-with-scrolling-contents.html - Issue 303253004: Allow proper highlighting on universal overflow scroll.

Unified Diff: LayoutTests/compositing/overflow/selection-gaps-toggling-with-scrolling-contents.html

Issue 303253004: Allow proper highlighting on universal overflow scroll. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: add commented lifecycle assert Created 6 years, 6 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

« no previous file with comments | « LayoutTests/compositing/overflow/selection-gaps-toggling.html ('k') | Source/core/page/scrolling/ScrollingCoordinator.cpp » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/compositing/overflow/selection-gaps-toggling-with-scrolling-contents.html

diff --git a/LayoutTests/compositing/overflow/selection-gaps-toggling-with-scrolling-contents.html b/LayoutTests/compositing/overflow/selection-gaps-toggling-with-scrolling-contents.html

new file mode 100644

index 0000000000000000000000000000000000000000..6e2da859a9bf59f66db8c977d1ef4065746fc79a

--- /dev/null

+++ b/LayoutTests/compositing/overflow/selection-gaps-toggling-with-scrolling-contents.html

@@ -0,0 +1,78 @@

+<!DOCTYPE html>

+<style>

+ #container {

+ height: 500px;

+ width: 300px;

+ overflow: scroll;

+ }

+ .scrolled {

+ height: 50px;

+ width: 100px;

+ background: orange;

+ margin: 15px;

+ transform: translateZ(0);

+ }

+</style>

+<script>

+ if (window.testRunner)

+ testRunner.dumpAsText();

+ if (window.internals)

+ window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true);

+ var iteration = 1;

+ function dumpLayerTree() {

+ var pre = document.getElementById("console");

+ if (window.internals) {

+ var layerTreeAsText = internals.layerTreeAsText(document);

+ pre.innerHTML += '\n\n*** iteration ' + iteration + ': ***\n\n';

+ pre.innerHTML += layerTreeAsText;

+ }

+ iteration++;

+ }

+ onload = function()

+ {

+ var container = document.getElementById('container');

+ dumpLayerTree();

+ container.style.backgroundColor = 'blue';

+ dumpLayerTree();

+ var selection = getSelection();

+ var range = document.createRange();

+ range.selectNode(document.getElementById("selection"));

+ selection.addRange(range);

+ dumpLayerTree();

+ container.style.backgroundColor = '';

+ dumpLayerTree();

+ }

+</script>

+This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children)

+draws content only on iterations 2 and 3, and its scrolling block selection layer (the child of the scrolling

+contents layer) draws content only on iteration 4. The scrolling block selection layer should also be much smaller

+than the scrolling contents layer.

+<div id="container">

+ <div class="scrolled">Lorem Ipsum</div>

+ <div class="scrolled" id="selection">Lorem Ipsum</div>

+ <div class="scrolled">Lorem Ipsum</div>

+</div>

+<pre id="console"></pre>