LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html - Issue 182383019: Should not repaint if a CSS property change can be composited

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html

Issue 182383019: Should not repaint if a CSS property change can be composited (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: as your wish! (remove table) Created 6 years, 9 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 unified diff | Download patch | Annotate | Revision Log

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <style>

	3 .spacer {

	4 position: relative;

	5 width: 300px;

	6 height: 300px;

	7 }

	8

	9 .clipping-container {

	10 position: absolute;

	11 height: 300px;

	12 -webkit-transform: translateZ(0);

	13 }

	14

	15 .with-initial-clipping {

	16 clip: rect(50px, 250px, 250px, 50px);

	17 }

	18

	19 .clipped-composited-child {

	20 width: 250px;

	21 height: 250px;

	22 background-color: yellow;

	23 border: 1px solid black;

	24 -webkit-transform: translateZ(0);

	25 }

	26 </style>

	27 <style id="alt1">

	28 .clipping-container {

	29 width: 300px;

	30 }

	31 </style>

	32 <style id="alt2">

	33 .clipping-container {

	34 width: 100%;

	35 clip: rect(100px, 200px, 200px, 100px);

	36 }

	37 </style>

	38 <script src="../../resources/run-after-display.js"></script>

	39 <script>

	40 var alt1 = document.getElementById('alt1');

	41 var alt2 = document.getElementById('alt2');

	42 alt2.disabled = true;

	43

	44 function toggle() {

	45 if (alt1.disabled) {

	46 alt1.disabled = false;

	47 alt2.disabled = true;

	48 } else {

	49 alt2.disabled = false;

	50 alt1.disabled = true;

	51 }

	52 }

	53

	54 function doTest() {

	55 internals.startTrackingRepaints(document);

	56 toggle();

	57 document.getElementById("console").textContent = internals.layerTreeAsTe xt(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);

	58 testRunner.notifyDone();

	59 }

	60

	61 if (window.testRunner && window.internals) {

	62 testRunner.dumpAsText();

	63 testRunner.waitUntilDone();

	64 runAfterDisplay(doTest);

	65 }

	66 </script>

	67

	68 <div class="spacer">

	69 <div class="clipping-container">

	70 <div class="clipped-composited-child"></div>

	71 </div>

	72 </div>

	73 <div class="spacer">

	74 <div class="clipping-container with-initial-clipping">

	75 <div class="clipped-composited-child"></div>

	76 </div>

	77 </div>

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

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants-expected.txt » ('j') | no next file with comments »