LayoutTests/compositing/squashing/visibility-composited-squashing.html - Issue 183833016: Add some incremental compositing tests

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/squashing/visibility-composited-squashing.html

Issue 183833016: Add some incremental compositing tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Reupload 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

« no previous file with comments | « no previous file | LayoutTests/compositing/squashing/visibility-composited-squashing-expected.png » ('j') | LayoutTests/compositing/visibility/visibility-composited-incremental-update.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>
	chrishtr 2014/03/03 21:40:32 Include <script src="../../resources/js-test.js" Include <script src="../../resources/js-test.js"></script> so that it doesn't output expected pngs. Or window.testRunner.dumpAsText() I think. abarth-chromium 2014/03/03 22:01:31 I'm not sure how this test would work without outp Show quoted text On 2014/03/03 21:40:32, chrishtr wrote: > Include > > <script src="../../resources/js-test.js"></script> > > so that it doesn't output expected pngs. Or window.testRunner.dumpAsText() I > think. I'm not sure how this test would work without outputing PNGs. The bug is that the pixels don't show up on screen...
	2 <html>

	3 <head>

	4 <style>

	5 .set {

	6 position: absolute;

	7 top: 8px;

	8 }

	9 .box {

	10 height: 100px;

	11 width: 100px;

	12 background-color: lightblue;

	13 }

	14 .squashed {

	15 height: 40px;

	16 width: 40px;

	17 background-color: lightgreen;

	18 position: absolute;

	19 left: 16px;

	20 }

	21 .hidden {

	22 visibility: hidden;

	23 }

	24 .visible {

	25 visibility: visible;

	26 }

	27 .composited {

	28 -webkit-transform: translateZ(1px);

	29 }

	30 </style>

	31 <script>

	32 if (window.testRunner) {
	chrishtr 2014/03/03 21:40:32 Add description. Add description.
	33 testRunner.waitUntilDone();

	34 internals.settings.setLayerSquashingEnabled(true);

	35 }

	36 requestAnimationFrame(function() {

	37 requestAnimationFrame(function() {

	38 document.getElementById('target1').classList.add('visible');

	39 document.getElementById('target2').classList.add('visible');

	40 setTimeout(function() {

	41 if (window.testRunner)

	42 testRunner.notifyDone();

	43 });

	44 });

	45 });

	46 </script>

	47 </head>

	48 <body>

	49 <div class="set">

	50 <div class="composited box"></div>

	51 <div class="squashed hidden" style="top: 4px"></div>

	52 <div id="target1" class="squashed hidden" style="top: 54px"></div>

	53 </div>

	54

	55 <div class="set" style="top: 116px">

	56 <div class="composited box"></div>

	57 <div id="target2" class="squashed hidden" style="top: 4px"></div>

	58 <div class="squashed hidden" style="top: 54px"></div>

	59 </div>

	60 </body>

	61 </html>

OLD	NEW