toolkit/devtools/server/tests/mochitest/inspector-styles-data.html@129ffea94266
toolkit/devtools/server/tests/mochitest/inspector-styles-data.html
Sat, 03 Jan 2015 20:18:00 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Sat, 03 Jan 2015 20:18:00 +0100
- branch
- TOR_BUG_3246
- changeset 7
- 129ffea94266
- permissions
- -rw-r--r--
Conditionally enable double key logic according to:
private browsing mode or privacy.thirdparty.isolate preference and
implement in GetCookieStringCommon and FindCookie where it counts...
With some reservations of how to convince FindCookie users to test
condition and pass a nullptr when disabling double key logic.
1 <html>
2 <script>
3 window.onload = () => {
4 window.opener.postMessage('ready', '*')
5 }
6 </script>
7 <style>
8 .inheritable-rule {
9 font-size: 15px;
10 }
11 .uninheritable-rule {
12 background-color: #f06;
13 }
14 @media screen {
15 #mediaqueried {
16 background-color: #f06;
17 }
18 }
19 #svgcontent rect {
20 fill: rgb(1,2,3);
21 }
22 </style>
23 <link type="text/css" rel="stylesheet" href="inspector-styles-data.css"></link>
24 <body>
25 <h1>Style Actor Tests</h1>
26 <!-- Inheritance checks -->
27 <div id="inheritable-rule-uninheritable-style" class="inheritable-rule" style="background-color: purple">
28 <div id="inheritable-rule-inheritable-style" class="inheritable-rule" style="color: blue">
29 <div id="uninheritable-rule-uninheritable-style" class="uninheritable-rule" style="background-color: green">
30 <div id="uninheritable-rule-inheritable-style" class="uninheritable-rule" style="color: red">
31 <div id="test-node">
32 Here is the test node.
33 </div>
34 </div>
35 </div>
36 </div>
37 </div>
39 <!-- Computed checks -->
40 <div id="computed-parent" class="external-rule inheritable-rule uninheritable-rule" style="color: red;">
41 <div id="computed-test-node" class="external-rule">
42 Here is the test node.
43 </div>
44 </div>
46 <!-- Matched checks -->
47 <div id="matched-parent" class="external-rule inheritable-rule uninheritable-rule" style="color: red;">
48 <div id="matched-test-node" style="font-size: 10px" class="external-rule">
49 Here is the test node.
50 </div>
51 </div>
53 <div id="mediaqueried">
54 Screen mediaqueried.
55 </div>
57 <div id="svgcontent">
58 <svg><rect></rect></svg>
59 </div>
61 </body>
62 </html>
