The Tor Browser / file comparison
comparison: browser/devtools/styleinspector/test/browser_computedview_refresh-on-style-change_01.js
browser/devtools/styleinspector/test/browser_computedview_refresh-on-style-change_01.js
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
equal
deleted
inserted
replaced
| -1:000000000000 | 0:ca641e13b785 |
|---|---|
| 1 /* vim: set ft=javascript ts=2 et sw=2 tw=80: */ | |
| 2 /* Any copyright is dedicated to the Public Domain. | |
| 3 http://creativecommons.org/publicdomain/zero/1.0/ */ | |
| 4 | |
| 5 "use strict"; | |
| 6 | |
| 7 // Test that the computed view refreshes when the current node has its style | |
| 8 // changed | |
| 9 | |
| 10 const TESTCASE_URI = 'data:text/html;charset=utf-8,' + | |
| 11 '<div id="testdiv" style="font-size:10px;">Test div!</div>'; | |
| 12 | |
| 13 let test = asyncTest(function*() { | |
| 14 yield addTab(TESTCASE_URI); | |
| 15 | |
| 16 info("Getting the test node"); | |
| 17 let div = getNode("#testdiv"); | |
| 18 | |
| 19 info("Opening the computed view and selecting the test node"); | |
| 20 let {toolbox, inspector, view} = yield openComputedView(); | |
| 21 yield selectNode(div, inspector); | |
| 22 | |
| 23 let fontSize = getComputedViewPropertyValue(view, "font-size"); | |
| 24 is(fontSize, "10px", "The computed view shows the right font-size"); | |
| 25 | |
| 26 info("Changing the node's style and waiting for the update"); | |
| 27 let onUpdated = inspector.once("computed-view-refreshed"); | |
| 28 div.style.cssText = "font-size: 15px; color: red;"; | |
| 29 yield onUpdated; | |
| 30 | |
| 31 fontSize = getComputedViewPropertyValue(view, "font-size"); | |
| 32 is(fontSize, "15px", "The computed view shows the updated font-size"); | |
| 33 let color = getComputedViewPropertyValue(view, "color"); | |
| 34 is(color, "#F00", "The computed view also shows the color now"); | |
| 35 }); |
