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

Unified Diff: third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-1.html

Issue 1511073002: DevTools: [SASS] introduce sass module, implement SCSS AST-builder. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: introduce ASTDocument Created 5 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-1.html
diff --git a/third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-1.html b/third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-1.html
new file mode 100644
index 0000000000000000000000000000000000000000..c918baef90c7a54f9d9dda852a10f01968d74ff8
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-1.html
@@ -0,0 +1,60 @@
+<html>
+<head>
+<script src="../../http/tests/inspector/inspector-test.js"></script>
+<script src="../../http/tests/inspector/elements-test.js"></script>
+<script src="./sass-test.js"></script>
+<style>
+pre {
+ font-family: monospace;
+}
+</style>
+<script>
+
+function test()
+{
+ InspectorTest.evaluateInPage("getSASS()", onSASS);
+
+ function onSASS(result)
+ {
+ InspectorTest.parseSCSS("", result.value)
+ .then(InspectorTest.dumpAST)
+ .then(InspectorTest.validateASTRanges)
+ .catch(console.error.bind(console))
+ .then(InspectorTest.completeTest);
+ }
+}
+
+function getSASS()
+{
+ return document.querySelector(".snippet").textContent;
+}
+
+</script>
+</head>
+
+<body onload="runTest()">
+<p>
+Verifies SCSS AST in case of simple nesting and CSS properties.
+</p>
+<pre class="snippet">
+div {
+ /* display: flex; */
+ color: $my-color;
+ background-color: blue;
+ /* position: absolute; */
+
+ .className {
+ padding: 10px 0 0 10px;
+ /* font-family: "Times New Roman"; */
+ background-image: url(assets/no-image-set.png);
+
+ #test::before {
+ margin: 10px 10px;
+ content: "test me";
+ /* border: 1px solid black; */
+ }
+ }
+}
+</pre>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698