third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-with-scale-transform.html - Issue 2397333002: Change layerTreeAsText to default to layer lists.

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: third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-with-scale-transform.html

Issue 2397333002: Change layerTreeAsText to default to layer lists. (Closed)

Patch Set: none Created 4 years, 2 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

« no previous file with comments | « third_party/WebKit/LayoutTests/compositing/squashing/dont-squash-into-blend-mode.html ('k') | third_party/WebKit/LayoutTests/csspaint/resources/test-runner-invalidation-logging.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <script src="../../resources/testharness.js"></script>	2 <script src="../../resources/testharness.js"></script>

3 <style>	3 <style>

4 .scale-transform {	4 .scale-transform {

5 transform: scale(0.75);	5 transform: scale(0.75);

6 }	6 }

7 .translate-transform {	7 .translate-transform {

8 transform: translateX(5px);	8 transform: translateX(5px);

9 }	9 }

10 </style>	10 </style>

11 <div style="will-change: transform; width: 200px; height: 200px; background: lig htgray;"></div>	11 <div style="will-change: transform; width: 200px; height: 200px; background: lig htgray;"></div>

12 <div class="scale-transform" style="position: absolute; width: 200px; height: 20 0px; top: 100px; left: 100px; background: lightblue"></div>	12 <div class="scale-transform" style="position: absolute; width: 200px; height: 20 0px; top: 100px; left: 100px; background: lightblue"></div>

13 <div class="translate-transform" style="position: absolute; width: 200px; height : 200px; top: 100px; left: 100px; background: lightblue"></div>	13 <div class="translate-transform" style="position: absolute; width: 200px; height : 200px; top: 100px; left: 100px; background: lightblue"></div>

14 <script>	14 <script>

15 if (window.testRunner)	15 if (window.testRunner)

16 testRunner.dumpAsText();	16 testRunner.dumpAsText();

17 onload = function() {	17 onload = function() {

18 if (window.internals) {	18 if (window.internals) {

19 var layers = JSON.parse(internals.layerTreeAsText(document, internals.LA YER_TREE_INCLUDES_DEBUG_INFO));	19 var layers = JSON.parse(internals.layerTreeAsText(document, internals.LA YER_TREE_INCLUDES_DEBUG_INFO))["layers"];

20	20

21 // The scale-transform layer can't be squashed	21 // The scale-transform layer can't be squashed

22 assert_true(layers.children[0].children[1].children[0].compositingReason s[1] == "Layer was separately composited because it could not be squashed.");	22 assert_true(layers[3].compositingReasons[1] == "Layer was separately com posited because it could not be squashed.");

23 assert_true(layers.children[0].children[1].children[0].squashingDisallow edReasons[0] == "Cannot squash layers with transforms that are not identity or t ranslation.");	23 assert_true(layers[3].squashingDisallowedReasons[0] == "Cannot squash la yers with transforms that are not identity or translation.");

24	24

25 // ...but the translate-transform one can.	25 // ...but the translate-transform one can.

26 assert_true(layers.children[0].children[1].children[1].compositingReason s[0] == "Secondary layer, home for a group of squashable content");	26 assert_true(layers[4].compositingReasons[0] == "Secondary layer, home fo r a group of squashable content");

27 }	27 }

28 };	28 };

29 </script>	29 </script>

OLD	NEW