third_party/WebKit/LayoutTests/compositing/images/direct-image-dynamic-clip-path.html - Issue 2496663002: Merge css3/image/ and fast/images/ to images/

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/images/direct-image-dynamic-clip-path.html

Issue 2496663002: Merge css3/image/ and fast/images/ to images/ (Closed)

Patch Set: Address failing tests (3 of them) Created 4 years, 1 month ago

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

Jump to:

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

2 <html>	2 <html>

3 <style>	3 <style>

4 .composited {	4 .composited {

5 transform: translateZ(0);	5 transform: translateZ(0);

6 }	6 }

7 .clip-path {	7 .clip-path {

8 -webkit-clip-path: circle(45%);	8 -webkit-clip-path: circle(45%);

9 }	9 }

10 </style>	10 </style>

11	11

12 <!-- There should be a green circle on this page -->	12 <!-- There should be a green circle on this page -->

13 <body>	13 <body>

14 <img class="composited" onload="load(this)" src="../../fast/images/resources/g reen-256x256.jpg">	14 <img class="composited" onload="load(this)" src="../../images/resources/green- 256x256.jpg">

15 </body>	15 </body>

16	16

17 <script>	17 <script>

18 function load(element) {	18 function load(element) {

19 element.classList.add('clip-path');	19 element.classList.add('clip-path');

20 setTimeout(done, 0);	20 setTimeout(done, 0);

21 }	21 }

22	22

23 function done() {	23 function done() {

24 if (window.testRunner)	24 if (window.testRunner)

25 testRunner.notifyDone();	25 testRunner.notifyDone();

26 }	26 }

27	27

28 if (window.testRunner) {	28 if (window.testRunner) {

29 testRunner.dumpAsTextWithPixelResults();	29 testRunner.dumpAsTextWithPixelResults();

30 testRunner.waitUntilDone();	30 testRunner.waitUntilDone();

31 }	31 }

32 </script>	32 </script>

33 </html>	33 </html>

OLD	NEW