third_party/WebKit/LayoutTests/inspector-protocol/css/css-set-inline-styleSheetText.html

   1 <html>
   2 <head>
   3 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
   4 <script type="text/javascript">
   5
   6 function test()
   7 {
   8     var inlineStyleSheetId;
   9
  10     InspectorTest.sendCommand("CSS.enable", {}, cssWasEnabled);
  11
  12     function cssWasEnabled()
  13     {
  14         InspectorTest.sendCommandOrDie("DOM.getDocument", {}, onGotDocument);
  15     }
  16
  17     function onGotDocument(result)
  18     {
  19         var root = result.root;
  20         InspectorTest.sendCommandOrDie("DOM.querySelector", {
  21             nodeId: root.nodeId,
  22             selector: "#inliner"
  23         }, onGotNode);
  24     }
  25
  26     function onGotNode(node)
  27     {
  28         InspectorTest.sendCommandOrDie("CSS.getInlineStylesForNode", { nodeId: node.nodeId }, onGotInlineStyles);
  29     }
  30
  31     function onGotInlineStyles(result)
  32     {
  33         inlineStyleSheetId = result.inlineStyle.styleSheetId;
  34         InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId: inlineStyleSheetId }, onReceiveStyleSheetText);
  35     }
  36
  37     function onReceiveStyleSheetText(result)
  38     {
  39         InspectorTest.log(result.text);
  40         InspectorTest.sendCommandOrDie("CSS.setStyleSheetText", {
  41             styleSheetId: inlineStyleSheetId,
  42             text: "border: 1px solid black;"
  43         }, onSetStyleSheetBody);
  44     }
  45
  46     function onSetStyleSheetBody(result)
  47     {
  48         InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId: inlineStyleSheetId }, onCheckStyleSheetBody);
  49     }
  50
  51     function onCheckStyleSheetBody(result)
  52     {
  53         InspectorTest.log(result.text);
  54         InspectorTest.completeTest();
  55     }
  56 };
  57
  58 </script>
  59 </head>
  60 <body onload="runTest()">
  61
  62 <div id="inliner" style="color: red;">
  63 </div>
  64
  65 </body>
  66 </html>