third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-update-from-js-expected.txt

   1 Tests that changes to an inline style and ancestor/sibling className from JavaScript are reflected in the Styles pane and Elements tree.
   2
   3
   4 Running: testInit
   5
   6 Running: testSetStyleAttribute
   7 <div id="container" style="color: #daC0DE; border: 1px solid black;">…</div>
   8 [expanded]
   9 element.style  { ()
  10     color: #daC0DE;
  11     border: 1px solid black;
  12         border-top-color: black;
  13         border-top-style: solid;
  14         border-top-width: 1px;
  15         border-right-color: black;
  16         border-right-style: solid;
  17         border-right-width: 1px;
  18         border-bottom-color: black;
  19         border-bottom-style: solid;
  20         border-bottom-width: 1px;
  21         border-left-color: black;
  22         border-left-style: solid;
  23         border-left-width: 1px;
  24
  25 [expanded]
  26 div  { (user agent stylesheet)
  27     display: block;
  28
  29
  30 Running: testSetStyleCSSText
  31 <div id="container" style="color: rgb(192, 255, 238);">…</div>
  32 [expanded]
  33 element.style  { ()
  34     color: rgb(192, 255, 238);
  35
  36 [expanded]
  37 div  { (user agent stylesheet)
  38     display: block;
  39
  40
  41 Running: testSetViaParsedAttributes
  42 <div id="container" style="color: rgb(192, 255, 238); border: 3px dashed green;">…</div>
  43 [expanded]
  44 element.style  { ()
  45     color: rgb(192, 255, 238);
  46     border: 3px dashed green;
  47         border-top-color: green;
  48         border-top-style: dashed;
  49         border-top-width: 3px;
  50         border-right-color: green;
  51         border-right-style: dashed;
  52         border-right-width: 3px;
  53         border-bottom-color: green;
  54         border-bottom-style: dashed;
  55         border-bottom-width: 3px;
  56         border-left-color: green;
  57         border-left-style: dashed;
  58         border-left-width: 3px;
  59
  60 [expanded]
  61 div  { (user agent stylesheet)
  62     display: block;
  63
  64
  65 Running: testSetViaAncestorClass
  66 <div id="child"></div>
  67 [expanded]
  68 element.style  { ()
  69
  70 [expanded]
  71 .red div:first-child  { (styles-update-from-js.html:4 -> styles-update-from-js.html:4:1)
  72     background-color: red;
  73
  74 [expanded]
  75 div  { (user agent stylesheet)
  76     display: block;
  77
  78 ======== Inherited from div#container.red ========
  79 [expanded]
  80 Style Attribute  { ()
  81     color: rgb(192, 255, 238);
  82
  83
  84 Running: testSetViaSiblingAttr
  85 <div id="childSibling"></div>
  86 [expanded]
  87 element.style  { ()
  88
  89 [expanded]
  90 div[foo="bar"] + div  { (styles-update-from-js.html:8 -> styles-update-from-js.html:8:1)
  91     background-color: blue;
  92
  93 [expanded]
  94 div  { (user agent stylesheet)
  95     display: block;
  96
  97 ======== Inherited from div#container.red ========
  98 [expanded]
  99 Style Attribute  { ()
 100     color: rgb(192, 255, 238);
 101
 102