1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/style/test/test_bug732209.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,95 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<!--
1.7 +https://bugzilla.mozilla.org/show_bug.cgi?id=732209
1.8 +-->
1.9 +<head>
1.10 + <meta charset="utf-8">
1.11 + <title>Test for Bug 732209</title>
1.12 + <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
1.13 + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
1.14 + <style>
1.15 + #content span { color: red; }
1.16 + #content span.reverse { color: green; }
1.17 + #content { display: block !important; }
1.18 + #content span::before { content: attr(id); }
1.19 + </style>
1.20 + <link rel="stylesheet" href="bug732209-css.sjs?one">
1.21 + <link rel="stylesheet" href="bug732209-css.sjs?two" crossorigin>
1.22 + <link rel="stylesheet" href="bug732209-css.sjs?three" crossorigin="use-credentials">
1.23 + <link rel="stylesheet"
1.24 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?four">
1.25 + <link rel="stylesheet"
1.26 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?five"
1.27 + crossorigin>
1.28 + <link rel="stylesheet"
1.29 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?six"
1.30 + crossorigin="use-credentials">
1.31 + <link rel="stylesheet"
1.32 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?seven&cors-anonymous">
1.33 + <link rel="stylesheet" id="cross-origin-sheet"
1.34 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?eight&cors-anonymous"
1.35 + crossorigin>
1.36 + <link rel="stylesheet"
1.37 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?nine&cors-anonymous"
1.38 + crossorigin="use-credentials">
1.39 + <link rel="stylesheet"
1.40 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?ten&cors-credentials">
1.41 + <link rel="stylesheet"
1.42 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?eleven&cors-credentials"
1.43 + crossorigin>
1.44 + <link rel="stylesheet"
1.45 + href="http://example.com/tests/layout/style/test/bug732209-css.sjs?twelve&cors-credentials"
1.46 + crossorigin="use-credentials">
1.47 +</head>
1.48 +<body>
1.49 +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=732209">Mozilla Bug 732209</a>
1.50 +<p id="display"></p>
1.51 +<div id="content" style="display: none">
1.52 + <span id="one"></span>
1.53 + <span id="two"></span>
1.54 + <span id="three"></span>
1.55 + <span id="four"></span>
1.56 + <span id="five" class="reverse"></span>
1.57 + <span id="six" class="reverse"></span>
1.58 + <span id="seven"></span>
1.59 + <span id="eight"></span>
1.60 + <span id="nine" class="reverse"></span>
1.61 + <span id="ten"></span>
1.62 + <span id="eleven"></span>
1.63 + <span id="twelve"></span>
1.64 +</div>
1.65 +<pre id="test" style="color: red">
1.66 +<script type="application/javascript">
1.67 +
1.68 +/** Test for Bug 732209 **/
1.69 +
1.70 +SimpleTest.waitForExplicitFinish();
1.71 +addLoadEvent(function() {
1.72 + var spans = $("content").querySelectorAll("span");
1.73 + for (var i = 0; i < spans.length; ++i) {
1.74 + is(getComputedStyle(spans[i], "").color, "rgb(0, 128, 0)",
1.75 + "Span " + spans[i].id + " should be green");
1.76 + }
1.77 +
1.78 + try {
1.79 + var sheet = $("cross-origin-sheet").sheet;
1.80 + dump('aaa');
1.81 + is(sheet.cssRules.length, 2,
1.82 + "Should be able to get length of list of rules");
1.83 + is(sheet.cssRules[0].style.color, "green",
1.84 + "Should be able to read individual rules");
1.85 + } catch (e) {
1.86 + ok(false,
1.87 + "Should be allowed to access cross-origin sheet that opted in with CORS: " + e);
1.88 + }
1.89 +
1.90 + SimpleTest.finish();
1.91 +});
1.92 +
1.93 +
1.94 +
1.95 +</script>
1.96 +</pre>
1.97 +</body>
1.98 +</html>
