third_party/WebKit/LayoutTests/inspector/sources/autocomplete-scss.html

   1 <html>
   2 <head>
   3 <link rel="stylesheet" href="./resources/empty.css">
   4 <script src="../../http/tests/inspector/inspector-test.js"></script>
   5 <script src="../../http/tests/inspector/debugger-test.js"></script>
   6 <script src="./autocomplete-test.js"></script>
   7 <script src="../editor/editor-test.js"></script>
   8 <script>
   9 function test()
  10 {
  11     InspectorTest.showScriptSource("empty.scss", onSourceFrame);
  12
  13     var dumpSuggestions;
  14     function onSourceFrame(sourceFrame)
  15     {
  16         dumpSuggestions = InspectorTest.dumpSuggestions.bind(InspectorTest, sourceFrame.textEditor);
  17         InspectorTest.runTestSuite(testSuite);
  18     }
  19
  20
  21     var testSuite = [
  22         function testPropertyValueSuggestions(next)
  23         {
  24             dumpSuggestions([
  25                 "@mixin my-border-style($style) {",
  26                 "    border-style: |$;",
  27                 "}"
  28             ]);
  29             dumpSuggestions([
  30                 "@mixin my-border-style($style) {",
  31                 "    border-style: $|;",
  32                 "}"
  33             ]);
  34             next();
  35         },
  36     ];
  37 }
  38
  39 </script>
  40 </head>
  41
  42 <body onload="runTest();">
  43 <p>
  44 The test verifies autocomplete suggestions for SCSS file.
  45 </p>
  46 </body>
  47 </html>