1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/devtools/server/tests/mochitest/inspector-styles-data.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,62 @@
1.4 +<html>
1.5 +<script>
1.6 + window.onload = () => {
1.7 + window.opener.postMessage('ready', '*')
1.8 + }
1.9 +</script>
1.10 +<style>
1.11 + .inheritable-rule {
1.12 + font-size: 15px;
1.13 + }
1.14 + .uninheritable-rule {
1.15 + background-color: #f06;
1.16 + }
1.17 + @media screen {
1.18 + #mediaqueried {
1.19 + background-color: #f06;
1.20 + }
1.21 + }
1.22 + #svgcontent rect {
1.23 + fill: rgb(1,2,3);
1.24 + }
1.25 +</style>
1.26 +<link type="text/css" rel="stylesheet" href="inspector-styles-data.css"></link>
1.27 +<body>
1.28 + <h1>Style Actor Tests</h1>
1.29 + <!-- Inheritance checks -->
1.30 + <div id="inheritable-rule-uninheritable-style" class="inheritable-rule" style="background-color: purple">
1.31 + <div id="inheritable-rule-inheritable-style" class="inheritable-rule" style="color: blue">
1.32 + <div id="uninheritable-rule-uninheritable-style" class="uninheritable-rule" style="background-color: green">
1.33 + <div id="uninheritable-rule-inheritable-style" class="uninheritable-rule" style="color: red">
1.34 + <div id="test-node">
1.35 + Here is the test node.
1.36 + </div>
1.37 + </div>
1.38 + </div>
1.39 + </div>
1.40 + </div>
1.41 +
1.42 + <!-- Computed checks -->
1.43 + <div id="computed-parent" class="external-rule inheritable-rule uninheritable-rule" style="color: red;">
1.44 + <div id="computed-test-node" class="external-rule">
1.45 + Here is the test node.
1.46 + </div>
1.47 + </div>
1.48 +
1.49 + <!-- Matched checks -->
1.50 + <div id="matched-parent" class="external-rule inheritable-rule uninheritable-rule" style="color: red;">
1.51 + <div id="matched-test-node" style="font-size: 10px" class="external-rule">
1.52 + Here is the test node.
1.53 + </div>
1.54 + </div>
1.55 +
1.56 + <div id="mediaqueried">
1.57 + Screen mediaqueried.
1.58 + </div>
1.59 +
1.60 + <div id="svgcontent">
1.61 + <svg><rect></rect></svg>
1.62 + </div>
1.63 +
1.64 +</body>
1.65 +</html>
