Skip to content

Instantly share code, notes, and snippets.

@SwagColoredKitteh

SwagColoredKitteh/out-of-order-stylesheet-loads-and-imports.html

Created January 23, 2017 16:49
Show Gist options
  • Save SwagColoredKitteh/d3319f4a6c10e3ae931384b2d88451f5 to your computer and use it in GitHub Desktop.
Save SwagColoredKitteh/d3319f4a6c10e3ae931384b2d88451f5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
out-of-order-stylesheet-loads-and-imports.html
<!doctype html>
<meta charset="utf-8">
<title>Out-of-order stylesheet loads for the same element happen correctly, even with imports (issue #15101)</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
async_test(function(t) {
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "resources/imports-background-red.css?pipe=trickle(d3)";
document.head.appendChild(link);
link.href = "resources/imports-background-green.css";
setTimeout(t.step_func(function() {
assert_equals(getComputedStyle(document.body).getPropertyValue("background-color"), "rgb(0, 128, 0)");
t.done();
}), 4000);
}, "out-of-order stylesheet loads for the same element happen correctly, even with imports");
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment