OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script src="../../http/tests/inspector/inspector-test.js"></script> | |
4 <script src="../../http/tests/inspector/elements-test.js"></script> | |
5 <script src="./sass-test.js"></script> | |
6 <style> | |
7 pre { | |
8 font-family: monospace; | |
9 } | |
10 </style> | |
11 <script> | |
12 | |
13 function test() | |
14 { | |
15 InspectorTest.evaluateInPage("getSASS()", onSASS); | |
16 | |
17 function onSASS(result) | |
18 { | |
19 InspectorTest.parseSCSS("", result.value) | |
20 .then(InspectorTest.dumpAST) | |
21 .then(InspectorTest.validateASTRanges) | |
22 .catch(console.error.bind(console)) | |
23 .then(InspectorTest.completeTest); | |
24 } | |
25 } | |
26 | |
27 function getSASS() | |
28 { | |
29 return document.querySelector(".snippet").textContent; | |
30 } | |
31 | |
32 </script> | |
33 </head> | |
34 | |
35 <body onload="runTest()"> | |
36 <p> | |
37 Verifies AST of SCSS with @for control statement. | |
38 </p> | |
39 <pre class="snippet"> | |
40 @for $i from 1 through 3 { | |
41 .box#{$i} { | |
42 color: $color; | |
43 margin: 10px; | |
44 } | |
45 } | |
46 </pre> | |
47 </body> | |
48 </html> | |
OLD | NEW |