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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/inspector/components/css-shadow-model.html

Issue 2626143004: DevTools: move from Common module - Geometry and CSSShadowModel (Closed)
Patch Set: nit Created 3 years, 11 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 | « no previous file | third_party/WebKit/LayoutTests/inspector/components/geometry.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <script src="../../http/tests/inspector/inspector-test.js"></script> 3 <script src="../../http/tests/inspector/inspector-test.js"></script>
4 <script> 4 <script>
5 5
6 function test() 6 function test() {
7 { 7 self.runtime.loadModulePromise('inline_editor').then(run);
pfeldman 2017/01/12 02:27:14 You should be able to add var initialize_Test = fu
chenwilliam 2017/01/12 23:27:33 Done.
8 InspectorTest.addResult("-----CSSLengths-----");
9 dumpCSSLength("10px");
10 dumpCSSLength("10PX");
11 dumpCSSLength("-10px");
12 dumpCSSLength("+10px");
13 dumpCSSLength("10.11px");
14 dumpCSSLength(".11px");
15 dumpCSSLength("10e3px");
16 dumpCSSLength("10E3px");
17 dumpCSSLength("10.11e3px");
18 dumpCSSLength("-10.11e-3px");
19 dumpCSSLength("0px");
20 dumpCSSLength("0");
21 dumpCSSLength("-0.0");
22 dumpCSSLength("+0.0");
23 dumpCSSLength("0e-3");
24 // Start invalid lengths.
25 dumpCSSLength("");
26 dumpCSSLength("10");
27 dumpCSSLength("10 px");
28 dumpCSSLength("10.px");
29 dumpCSSLength("10pxx");
30 dumpCSSLength("10.10.10px");
31 dumpCSSLength("hello10pxhello");
32 8
33 InspectorTest.addResult("\n-----Text Shadows-----"); 9 function run() {
34 dumpTextShadow("0 0"); 10 InspectorTest.addResult("-----CSSLengths-----");
35 dumpTextShadow("1px 2px"); 11 dumpCSSLength("10px");
36 dumpTextShadow("1px 2px black"); 12 dumpCSSLength("10PX");
37 dumpTextShadow("1px 2px 2px"); 13 dumpCSSLength("-10px");
38 dumpTextShadow("rgb(0, 0, 0) 1px 2px 2px"); 14 dumpCSSLength("+10px");
39 dumpTextShadow("1px 2px 2px rgb(0, 0, 0)"); 15 dumpCSSLength("10.11px");
40 dumpTextShadow("1px 2px black, 0 0 #ffffff"); 16 dumpCSSLength(".11px");
41 dumpTextShadow("1px -2px black, 0 0 rgb(0, 0, 0), 3px 3.5px 3px"); 17 dumpCSSLength("10e3px");
42 // Start invalid text shadows. 18 dumpCSSLength("10E3px");
43 dumpTextShadow(""); 19 dumpCSSLength("10.11e3px");
44 dumpTextShadow("0"); 20 dumpCSSLength("-10.11e-3px");
45 dumpTextShadow("1 2 black"); 21 dumpCSSLength("0px");
46 dumpTextShadow("1px black 2px"); 22 dumpCSSLength("0");
47 dumpTextShadow("1px 2px 2px 3px"); 23 dumpCSSLength("-0.0");
48 dumpTextShadow("inset 1px 2px 2px"); 24 dumpCSSLength("+0.0");
49 dumpTextShadow("red 1px 2px 2px red"); 25 dumpCSSLength("0e-3");
50 dumpTextShadow("1px 2px rgb(0, 0, 0) 2px"); 26 // Start invalid lengths.
51 dumpTextShadow("hello 1px 2px"); 27 dumpCSSLength("");
52 dumpTextShadow("1px 2px black 0 0 #ffffff"); 28 dumpCSSLength("10");
53 dumpTextShadow("1px2px"); 29 dumpCSSLength("10 px");
54 dumpTextShadow("1px 2pxrgb(0, 0, 0)"); 30 dumpCSSLength("10.px");
55 dumpTextShadow("1px 2px black,, 0 0 #ffffff"); 31 dumpCSSLength("10pxx");
32 dumpCSSLength("10.10.10px");
33 dumpCSSLength("hello10pxhello");
56 34
57 InspectorTest.addResult("\n-----Box Shadows-----"); 35 InspectorTest.addResult("\n-----Text Shadows-----");
58 dumpBoxShadow("0 0"); 36 dumpTextShadow("0 0");
59 dumpBoxShadow("1px 2px"); 37 dumpTextShadow("1px 2px");
60 dumpBoxShadow("1px 2px black"); 38 dumpTextShadow("1px 2px black");
61 dumpBoxShadow("1px 2px 2px"); 39 dumpTextShadow("1px 2px 2px");
62 dumpBoxShadow("1px 2px 2px 3px"); 40 dumpTextShadow("rgb(0, 0, 0) 1px 2px 2px");
63 dumpBoxShadow("inset 1px 2px"); 41 dumpTextShadow("1px 2px 2px rgb(0, 0, 0)");
64 dumpBoxShadow("1px 2px inset"); 42 dumpTextShadow("1px 2px black, 0 0 #ffffff");
65 dumpBoxShadow("INSET 1px 2px 2px 3px"); 43 dumpTextShadow("1px -2px black, 0 0 rgb(0, 0, 0), 3px 3.5px 3px");
66 dumpBoxShadow("rgb(0, 0, 0) 1px 2px 2px"); 44 // Start invalid text shadows.
67 dumpBoxShadow("inset rgb(0, 0, 0) 1px 2px 2px"); 45 dumpTextShadow("");
68 dumpBoxShadow("inset 1px 2px 2px 3px rgb(0, 0, 0)"); 46 dumpTextShadow("0");
69 dumpBoxShadow("1px 2px 2px 3px rgb(0, 0, 0) inset"); 47 dumpTextShadow("1 2 black");
70 dumpBoxShadow("1px 2px black, inset 0 0 #ffffff"); 48 dumpTextShadow("1px black 2px");
71 dumpBoxShadow("1px -2px black, inset 0 0 rgb(0, 0, 0), 3px 3.5px 3px 4px"); 49 dumpTextShadow("1px 2px 2px 3px");
72 // Start invalid box shadows. 50 dumpTextShadow("inset 1px 2px 2px");
73 dumpBoxShadow(""); 51 dumpTextShadow("red 1px 2px 2px red");
74 dumpBoxShadow("0"); 52 dumpTextShadow("1px 2px rgb(0, 0, 0) 2px");
75 dumpBoxShadow("1 2 black"); 53 dumpTextShadow("hello 1px 2px");
76 dumpBoxShadow("1px black 2px"); 54 dumpTextShadow("1px 2px black 0 0 #ffffff");
77 dumpBoxShadow("1px 2px 2px 3px 4px"); 55 dumpTextShadow("1px2px");
78 dumpBoxShadow("1px 2px 2px inset 3px"); 56 dumpTextShadow("1px 2pxrgb(0, 0, 0)");
79 dumpBoxShadow("inset 1px 2px 2px inset"); 57 dumpTextShadow("1px 2px black,, 0 0 #ffffff");
80 dumpBoxShadow("1px 2px rgb(0, 0, 0) 2px");
81 dumpBoxShadow("hello 1px 2px");
82 dumpBoxShadow("1px 2px black 0 0 #ffffff");
83 dumpBoxShadow("1px2px");
84 dumpBoxShadow("1px 2pxrgb(0, 0, 0)");
85 dumpBoxShadow("1px 2px black,, 0 0 #ffffff");
86 58
87 InspectorTest.completeTest(); 59 InspectorTest.addResult("\n-----Box Shadows-----");
60 dumpBoxShadow("0 0");
61 dumpBoxShadow("1px 2px");
62 dumpBoxShadow("1px 2px black");
63 dumpBoxShadow("1px 2px 2px");
64 dumpBoxShadow("1px 2px 2px 3px");
65 dumpBoxShadow("inset 1px 2px");
66 dumpBoxShadow("1px 2px inset");
67 dumpBoxShadow("INSET 1px 2px 2px 3px");
68 dumpBoxShadow("rgb(0, 0, 0) 1px 2px 2px");
69 dumpBoxShadow("inset rgb(0, 0, 0) 1px 2px 2px");
70 dumpBoxShadow("inset 1px 2px 2px 3px rgb(0, 0, 0)");
71 dumpBoxShadow("1px 2px 2px 3px rgb(0, 0, 0) inset");
72 dumpBoxShadow("1px 2px black, inset 0 0 #ffffff");
73 dumpBoxShadow("1px -2px black, inset 0 0 rgb(0, 0, 0), 3px 3.5px 3px 4px ");
74 // Start invalid box shadows.
75 dumpBoxShadow("");
76 dumpBoxShadow("0");
77 dumpBoxShadow("1 2 black");
78 dumpBoxShadow("1px black 2px");
79 dumpBoxShadow("1px 2px 2px 3px 4px");
80 dumpBoxShadow("1px 2px 2px inset 3px");
81 dumpBoxShadow("inset 1px 2px 2px inset");
82 dumpBoxShadow("1px 2px rgb(0, 0, 0) 2px");
83 dumpBoxShadow("hello 1px 2px");
84 dumpBoxShadow("1px 2px black 0 0 #ffffff");
85 dumpBoxShadow("1px2px");
86 dumpBoxShadow("1px 2pxrgb(0, 0, 0)");
87 dumpBoxShadow("1px 2px black,, 0 0 #ffffff");
88 88
89 function dumpCSSLength(lengthText) 89 InspectorTest.completeTest();
90 {
91 var length = Common.CSSLength.parse(lengthText);
92 var statusText = length !== null ? "Succeeded: " + length.asCSSText() : "Failed";
93 InspectorTest.addResult("\"" + lengthText + "\", Parsing " + statusText );
94 }
95 90
96 function dumpTextShadow(shadowText) 91 function dumpCSSLength(lengthText) {
97 { 92 var length = InlineEditor.CSSLength.parse(lengthText);
98 dumpShadow(shadowText, false); 93 var statusText = length !== null ? "Succeeded: " + length.asCSSText( ) : "Failed";
99 } 94 InspectorTest.addResult("\"" + lengthText + "\", Parsing " + statusT ext);
95 }
100 96
101 function dumpBoxShadow(shadowText) 97 function dumpTextShadow(shadowText) {
102 { 98 dumpShadow(shadowText, false);
103 dumpShadow(shadowText, true); 99 }
104 }
105 100
106 function dumpShadow(shadowText, isBoxShadow) 101 function dumpBoxShadow(shadowText) {
107 { 102 dumpShadow(shadowText, true);
108 var shadows = isBoxShadow ? Common.CSSShadowModel.parseBoxShadow(shadowT ext) : Common.CSSShadowModel.parseTextShadow(shadowText); 103 }
109 var output = []; 104
110 for (var i = 0; i < shadows.length; i++) 105 function dumpShadow(shadowText, isBoxShadow) {
111 output.push(shadows[i].asCSSText()); 106 var shadows = isBoxShadow ? InlineEditor.CSSShadowModel.parseBoxShad ow(shadowText) : InlineEditor.CSSShadowModel.parseTextShadow(shadowText);
112 var statusText = shadows.length !== 0 ? "Succeeded: " + output.join(", " ) : "Failed"; 107 var output = [];
113 InspectorTest.addResult("\"" + shadowText + "\", Parsing " + statusText ); 108 for (var i = 0; i < shadows.length; i++)
109 output.push(shadows[i].asCSSText());
110 var statusText = shadows.length !== 0 ? "Succeeded: " + output.join( ", ") : "Failed";
111 InspectorTest.addResult("\"" + shadowText + "\", Parsing " + statusT ext);
112 }
114 } 113 }
115 } 114 }
116 115
117 </script> 116 </script>
118 </head> 117 </head>
119 118
120 <body onload="runTest()"> 119 <body onload="runTest()">
121 <p>Tests CSSLength.parse, CSSShadowModel.parseTextShadow, and CSSShadowModel.par seBoxShadow.</p> 120 <p>Tests CSSLength.parse, CSSShadowModel.parseTextShadow, and CSSShadowModel.par seBoxShadow.</p>
122 </body> 121 </body>
123 </html> 122 </html>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/inspector/components/geometry.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698