Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(6)

Side by Side Diff: LayoutTests/fast/masking/parsing-clip-path-shape-expected.txt

Issue 103413006: Implement parsing of the new ellipse shape syntax. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 7 years 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
OLDNEW
1 Test that clip-path shapes accept different length units 1 Test that clip-path shapes accept different length units
2 2
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ". 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".
4 4
5 5
6 PASS innerStyle("-webkit-clip-path", "circle(0, 0, 0)") is "circle(0px, 0px, 0px )" 6 PASS innerStyle("-webkit-clip-path", "circle(0, 0, 0)") is "circle(0px, 0px, 0px )"
7 PASS innerStyle("-webkit-clip-path", "circle(-1px, +1px, 1px)") is "circle(-1px, 1px, 1px)" 7 PASS innerStyle("-webkit-clip-path", "circle(-1px, +1px, 1px)") is "circle(-1px, 1px, 1px)"
8 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)") is "circle (-1.5px, 1.5px, 1.5px)" 8 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)") is "circle (-1.5px, 1.5px, 1.5px)"
9 PASS innerStyle("-webkit-clip-path", "circle(-.5px, +.5px, .5px)") is "circle(-0 .5px, 0.5px, 0.5px)" 9 PASS innerStyle("-webkit-clip-path", "circle(-.5px, +.5px, .5px)") is "circle(-0 .5px, 0.5px, 0.5px)"
10 PASS innerStyle("-webkit-clip-path", "circle(0 at 0 0)") is "circle(0px at 0px 0 px)"
11 PASS innerStyle("-webkit-clip-path", "circle(1px at -1px +1px)") is "circle(1px at -1px 1px)"
12 PASS innerStyle("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)") is "circl e(1.5px at -1.5px 1.5px)"
13 PASS innerStyle("-webkit-clip-path", "circle(.5px at -.5px +.5px)") is "circle(0 .5px at -0.5px 0.5px)"
10 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)") is "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)" 14 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)") is "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)"
11 PASS innerStyle("-webkit-clip-path", "circle(-1em, +1em, 1em)") is "circle(-1em, 1em, 1em)" 15 PASS innerStyle("-webkit-clip-path", "circle(-1em, +1em, 1em)") is "circle(-1em, 1em, 1em)"
12 PASS innerStyle("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)") is "circle (-1.5em, 1.5em, 1.5em)" 16 PASS innerStyle("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)") is "circle (-1.5em, 1.5em, 1.5em)"
13 PASS innerStyle("-webkit-clip-path", "circle(-.5em, +.5em, .5em)") is "circle(-0 .5em, 0.5em, 0.5em)" 17 PASS innerStyle("-webkit-clip-path", "circle(-.5em, +.5em, .5em)") is "circle(-0 .5em, 0.5em, 0.5em)"
14 PASS innerStyle("-webkit-clip-path", "circle(1ex, 1ex, 1ex)") is "circle(1ex, 1e x, 1ex)" 18 PASS innerStyle("-webkit-clip-path", "circle(1ex, 1ex, 1ex)") is "circle(1ex, 1e x, 1ex)"
15 PASS innerStyle("-webkit-clip-path", "circle(1rem, 1rem, 1rem)") is "circle(1rem , 1rem, 1rem)" 19 PASS innerStyle("-webkit-clip-path", "circle(1rem, 1rem, 1rem)") is "circle(1rem , 1rem, 1rem)"
16 PASS computedStyle("-webkit-clip-path", "circle(.5em, 1em, 1.5em)") is "circle(4 px, 8px, 12px)" 20 PASS computedStyle("-webkit-clip-path", "circle(.5em, 1em, 1.5em)") is "circle(4 px, 8px, 12px)"
17 PASS computedStyle("-webkit-clip-path", "circle(.5rem, 1rem, 1.5rem)") is "circl e(8px, 16px, 24px)" 21 PASS computedStyle("-webkit-clip-path", "circle(.5rem, 1rem, 1.5rem)") is "circl e(8px, 16px, 24px)"
22 PASS innerStyle("-webkit-clip-path", "circle(1em at -1em +1em)") is "circle(1em at -1em 1em)"
23 PASS innerStyle("-webkit-clip-path", "circle(1.5em at -1.5em +1.5em)") is "circl e(1.5em at -1.5em 1.5em)"
24 PASS innerStyle("-webkit-clip-path", "circle(.5em at -.5em +.5em)") is "circle(0 .5em at -0.5em 0.5em)"
25 PASS innerStyle("-webkit-clip-path", "circle(1ex at 1ex 1ex)") is "circle(1ex at 1ex 1ex)"
26 PASS innerStyle("-webkit-clip-path", "circle(1rem at 1rem 1rem)") is "circle(1re m at 1rem 1rem)"
27 PASS computedStyle("-webkit-clip-path", "circle(1.5em at .5em 1em)") is "circle( 12px at 4px 8px)"
28 PASS computedStyle("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)") is "circ le(24px at 8px 16px)"
18 PASS innerStyle("-webkit-clip-path", "circle(1vw, 1vw, 1vw)") is "circle(1vw, 1v w, 1vw)" 29 PASS innerStyle("-webkit-clip-path", "circle(1vw, 1vw, 1vw)") is "circle(1vw, 1v w, 1vw)"
19 PASS innerStyle("-webkit-clip-path", "circle(1vh, 1vh, 1vh)") is "circle(1vh, 1v h, 1vh)" 30 PASS innerStyle("-webkit-clip-path", "circle(1vh, 1vh, 1vh)") is "circle(1vh, 1v h, 1vh)"
20 PASS innerStyle("-webkit-clip-path", "circle(1vmin, 1vmin, 1vmin)") is "circle(1 vmin, 1vmin, 1vmin)" 31 PASS innerStyle("-webkit-clip-path", "circle(1vmin, 1vmin, 1vmin)") is "circle(1 vmin, 1vmin, 1vmin)"
21 PASS computedStyle("-webkit-clip-path", "circle(.5vw, 1vw, 1.5vw)") is "circle(0 .5vw, 1vw, 1.5vw)" 32 PASS computedStyle("-webkit-clip-path", "circle(.5vw, 1vw, 1.5vw)") is "circle(0 .5vw, 1vw, 1.5vw)"
22 PASS computedStyle("-webkit-clip-path", "circle(.5vh, 1vh, 1.5vh)") is "circle(0 .5vh, 1vh, 1.5vh)" 33 PASS computedStyle("-webkit-clip-path", "circle(.5vh, 1vh, 1.5vh)") is "circle(0 .5vh, 1vh, 1.5vh)"
23 PASS computedStyle("-webkit-clip-path", "circle(.5vmin, 1vmin, 1.5vmin)") is "ci rcle(0.5vmin, 1vmin, 1.5vmin)" 34 PASS computedStyle("-webkit-clip-path", "circle(.5vmin, 1vmin, 1.5vmin)") is "ci rcle(0.5vmin, 1vmin, 1.5vmin)"
35 PASS innerStyle("-webkit-clip-path", "circle(1vw at 1vw 1vw)") is "circle(1vw at 1vw 1vw)"
36 PASS innerStyle("-webkit-clip-path", "circle(1vh at 1vh 1vh)") is "circle(1vh at 1vh 1vh)"
37 PASS innerStyle("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)") is "circle( 1vmin at 1vmin 1vmin)"
38 PASS computedStyle("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)") is "circle( 1.5vw at 0.5vw 1vw)"
39 PASS computedStyle("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)") is "circle( 1.5vh at 0.5vh 1vh)"
40 PASS computedStyle("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)") is "c ircle(1.5vmin at 0.5vmin 1vmin)"
24 PASS innerStyle("-webkit-clip-path", "circle(100%, 100%, 100%)") is "circle(100% , 100%, 100%)" 41 PASS innerStyle("-webkit-clip-path", "circle(100%, 100%, 100%)") is "circle(100% , 100%, 100%)"
42 PASS innerStyle("-webkit-clip-path", "circle(100% at 100% 100%)") is "circle(100 % at 100% 100%)"
25 PASS innerStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" 43 PASS innerStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)"
26 PASS innerStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "elli pse(100%, 100%, 100%, 100%)" 44 PASS innerStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "elli pse(100%, 100%, 100%, 100%)"
27 PASS innerStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is "p olygon(nonzero, 10% 20%, 30% 40%, 40% 50%)" 45 PASS innerStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is "p olygon(nonzero, 10% 20%, 30% 40%, 40% 50%)"
28 PASS computedStyle("-webkit-clip-path", "circle(50%, 100%, 150%)") is "circle(50 %, 100%, 150%)" 46 PASS computedStyle("-webkit-clip-path", "circle(50%, 100%, 150%)") is "circle(50 %, 100%, 150%)"
47 PASS computedStyle("-webkit-clip-path", "circle(150% at 50% 100%)") is "circle(1 50% at 50% 100%)"
29 PASS computedStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%) ") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)" 48 PASS computedStyle("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%) ") is "rectangle(45%, 45%, 90%, 60%, 25%, 10%)"
30 PASS computedStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "e llipse(100%, 100%, 100%, 100%)" 49 PASS computedStyle("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)") is "e llipse(100%, 100%, 100%, 100%)"
31 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is "polygon(nonzero, 10% 20%, 30% 40%, 40% 50%)" 50 PASS computedStyle("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)") is "polygon(nonzero, 10% 20%, 30% 40%, 40% 50%)"
32 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is null 51 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is null
33 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is "none" 52 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1)") is "none"
34 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, px)") is null 53 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, px)") is null
35 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, px)") is "none" 54 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, px)") is "none"
36 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is null 55 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is null
37 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is "none" 56 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, 1p)") is "none"
38 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is null 57 PASS innerStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is null
39 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is "none" 58 PASS computedStyle("-webkit-clip-path", "circle(1px, 1px, calc())") is "none"
59 PASS innerStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is null
60 PASS computedStyle("-webkit-clip-path", "circle(1 at 1px 1px)") is "none"
61 PASS innerStyle("-webkit-clip-path", "circle(px at 1px 1px)") is null
62 PASS computedStyle("-webkit-clip-path", "circle(px at 1px 1px)") is "none"
63 PASS innerStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is null
64 PASS computedStyle("-webkit-clip-path", "circle(1p at 1px 1px)") is "none"
65 PASS innerStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is null
66 PASS computedStyle("-webkit-clip-path", "circle(calc() at 1px 1px)") is "none"
40 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is null 67 PASS innerStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is null
41 PASS computedStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is "no ne" 68 PASS computedStyle("-webkit-clip-path", "circle(-1.5px, +1.5px, -1.5px)") is "no ne"
69 PASS innerStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is null
70 PASS computedStyle("-webkit-clip-path", "circle(-1.5px at -1.5px +1.5px)") is "n one"
42 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)") is null 71 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)") is null
43 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc )") is "none" 72 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc )") is "none"
44 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)") is null 73 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)") is null
45 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc )") is "none" 74 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc )") is "none"
46 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is null 75 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is null
47 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is "none " 76 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, -1em, 1em)") is "none "
48 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is null 77 PASS innerStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is null
49 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is "none " 78 PASS computedStyle("-webkit-clip-path", "ellipse(1em, 1em, 1em, -1em)") is "none "
50 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)") is null 79 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)") is null
51 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc )") is "none" 80 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc )") is "none"
52 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)") is null 81 PASS innerStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)") is null
53 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc )") is "none" 82 PASS computedStyle("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc )") is "none"
54 PASS innerStyle("-webkit-clip-path", "circle(0, 0)") is null 83 PASS innerStyle("-webkit-clip-path", "circle(0, 0)") is null
55 PASS computedStyle("-webkit-clip-path", "circle(0, 0)") is "none" 84 PASS computedStyle("-webkit-clip-path", "circle(0, 0)") is "none"
56 PASS innerStyle("-webkit-clip-path", "circle(0)") is null
57 PASS computedStyle("-webkit-clip-path", "circle(0)") is "none"
58 PASS innerStyle("-webkit-clip-path", "circle()") is null
59 PASS computedStyle("-webkit-clip-path", "circle()") is "none"
60 PASS innerStyle("-webkit-clip-path", "polygon(0, 0)") is null 85 PASS innerStyle("-webkit-clip-path", "polygon(0, 0)") is null
61 PASS computedStyle("-webkit-clip-path", "polygon(0, 0)") is "none" 86 PASS computedStyle("-webkit-clip-path", "polygon(0, 0)") is "none"
62 PASS innerStyle("-webkit-clip-path", "polygon(0 0, 0)") is null 87 PASS innerStyle("-webkit-clip-path", "polygon(0 0, 0)") is null
63 PASS computedStyle("-webkit-clip-path", "polygon(0 0, 0)") is "none" 88 PASS computedStyle("-webkit-clip-path", "polygon(0 0, 0)") is "none"
64 PASS innerStyle("-webkit-clip-path", "polygon(0)") is null 89 PASS innerStyle("-webkit-clip-path", "polygon(0)") is null
65 PASS computedStyle("-webkit-clip-path", "polygon(0)") is "none" 90 PASS computedStyle("-webkit-clip-path", "polygon(0)") is "none"
66 PASS innerStyle("-webkit-clip-path", "polygon()") is null 91 PASS innerStyle("-webkit-clip-path", "polygon()") is null
67 PASS computedStyle("-webkit-clip-path", "polygon()") is "none" 92 PASS computedStyle("-webkit-clip-path", "polygon()") is "none"
68 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null 93 PASS innerStyle("-webkit-clip-path", "polygon(evenodd)") is null
69 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none" 94 PASS computedStyle("-webkit-clip-path", "polygon(evenodd)") is "none"
70 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null 95 PASS innerStyle("-webkit-clip-path", "polygon(nonzero)") is null
71 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none" 96 PASS computedStyle("-webkit-clip-path", "polygon(nonzero)") is "none"
72 PASS successfullyParsed is true 97 PASS successfullyParsed is true
73 98
74 TEST COMPLETE 99 TEST COMPLETE
75 100
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698