blob: 4730124802b2bb24bd653a54e20b9a279becc69d [file] [log] [blame]
<!DOCTYPE html>
<html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<style>
p {
-webkit-text-fill-color: transparent;
background: url("resources/red-at-12-oclock-with-color-profile.jpg") -20px 100px;
-webkit-background-clip: text;
font: 190px Ahem, sans-serif;
position: relative;
top: -300px;
}
p + p {
top: -650px;
}
</style>
<!-- There should be no red on this page. -->
<body style="overflow: hidden">
<p>&#9605;&#9605;&#9605;&#9605;</p><p>&#9605;&#9605;&#9605;&#9605;</p>
</body>
<script>
window.onload = function() {
if (window.testRunner)
runAfterLayoutAndPaint(changeColorProfile);
};
function changeColorProfile() {
testRunner.setColorProfile('colorSpin', done);
}
function done() {
setTimeout(function() { testRunner.notifyDone() }, 0);
}
if (window.testRunner) {
testRunner.dumpAsTextWithPixelResults();
testRunner.waitUntilDone();
}
</script>
</html>