| OLD | NEW |
| 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 src="../../http/tests/inspector/elements-test.js"></script> | 4 <script src="../../http/tests/inspector/elements-test.js"></script> |
| 5 <script src="./sass-test.js"></script> | 5 <script src="./sass-test.js"></script> |
| 6 <style> | 6 <style> |
| 7 pre { | 7 pre { |
| 8 font-family: monospace; | 8 font-family: monospace; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| (...skipping 10 matching lines...) Expand all Loading... |
| 21 .then(ast => ast1 = ast) | 21 .then(ast => ast1 = ast) |
| 22 .then(() => loadCSS("getCSS('.changed')")) | 22 .then(() => loadCSS("getCSS('.changed')")) |
| 23 .then(result => parseCSS(result.value)) | 23 .then(result => parseCSS(result.value)) |
| 24 .then(ast => ast2 = ast) | 24 .then(ast => ast2 = ast) |
| 25 .then(onParsed) | 25 .then(onParsed) |
| 26 .catch(error => console.error(error)) | 26 .catch(error => console.error(error)) |
| 27 .then(InspectorTest.completeTest); | 27 .then(InspectorTest.completeTest); |
| 28 | 28 |
| 29 function onParsed() | 29 function onParsed() |
| 30 { | 30 { |
| 31 var diff = WebInspector.SASSSupport.diffModels(ast1, ast2); | 31 var diff = Sass.SASSSupport.diffModels(ast1, ast2); |
| 32 InspectorTest.dumpASTDiff(diff); | 32 InspectorTest.dumpASTDiff(diff); |
| 33 } | 33 } |
| 34 | 34 |
| 35 } | 35 } |
| 36 | 36 |
| 37 function getCSS(className) | 37 function getCSS(className) |
| 38 { | 38 { |
| 39 return document.querySelector(className).textContent; | 39 return document.querySelector(className).textContent; |
| 40 } | 40 } |
| 41 | 41 |
| (...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 112 /* position: absolute; */ | 112 /* position: absolute; */ |
| 113 left: 10px; | 113 left: 10px; |
| 114 margin: 0; | 114 margin: 0; |
| 115 padding: 22px; | 115 padding: 22px; |
| 116 display: flex; | 116 display: flex; |
| 117 align-items: center; | 117 align-items: center; |
| 118 } | 118 } |
| 119 </pre> | 119 </pre> |
| 120 </body> | 120 </body> |
| 121 </html> | 121 </html> |
| OLD | NEW |