summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-variables/variable-reference-refresh.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-variables/variable-reference-refresh.html')
-rw-r--r--testing/web-platform/tests/css/css-variables/variable-reference-refresh.html56
1 files changed, 56 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-variables/variable-reference-refresh.html b/testing/web-platform/tests/css/css-variables/variable-reference-refresh.html
new file mode 100644
index 0000000000..f2b7f0ca2c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-variables/variable-reference-refresh.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Variable reference across document refresh</title>
+
+ <meta rel="author" title="Kevin Babbitt">
+ <meta rel="author" title="Greg Whitworth">
+ <link rel="author" title="Microsoft Corporation" href="http://microsoft.com" />
+ <!-- This is not directly specified in the spec but should work -->
+ <link rel="help" href="http://www.w3.org/TR/css-variables-1/#defining-variables">
+
+ <script src="/resources/testharness.js"></script>
+ <script src="/resources/testharnessreport.js"></script>
+</head>
+<body>
+
+ <iframe id="iframe" src="resources/variable-reference-refresh-iframe.html"></iframe>
+
+<script type="text/javascript">
+ "use strict";
+
+ setup({explicit_done: true});
+
+ // Set up event handler to drive tests
+ var loadCount = 0;
+ document.getElementById("iframe").addEventListener("load", function() {
+ loadCount++;
+ if (loadCount == 1)
+ {
+ test(function() {
+ var iframe = document.getElementById("iframe");
+ var iframeWindow = iframe.contentWindow;
+ var iframeDocument = iframe.contentDocument;
+ var testElement = iframeDocument.getElementById("testElement");
+ var computedValue = iframeWindow.getComputedStyle(testElement).getPropertyValue("color").trim();
+ assert_equals(computedValue, "rgb(0, 128, 0)", "color is green before page refresh");
+ iframe.src = iframe.src;
+ }, "Verify substituted color value before refresh");
+ }
+ else if (loadCount == 2)
+ {
+ test(function() {
+ var iframeWindow = document.getElementById("iframe").contentWindow;
+ var iframeDocument = document.getElementById("iframe").contentDocument;
+ var testElement = iframeDocument.getElementById("testElement");
+ var computedValue = iframeWindow.getComputedStyle(testElement).getPropertyValue("color").trim();
+ assert_equals(computedValue, "rgb(0, 128, 0)", "color is green after page refresh");
+ }, "Verify substituted color value after refresh");
+
+ done();
+ }
+ });
+</script>
+
+</body>
+</html>