| Index: LayoutTests/fast/images/color-profile-border-radius.html
|
| diff --git a/LayoutTests/fast/images/color-profile-border-radius.html b/LayoutTests/fast/images/color-profile-border-radius.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..736db73f8a0b29c973ff36fc8809b623d357271a
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/images/color-profile-border-radius.html
|
| @@ -0,0 +1,39 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<style>
|
| + .border {
|
| + /* Add border style so the <img> can not be a directly composited image. */
|
| + border: 5px solid transparent;
|
| + border-radius: 220px;
|
| + height: 240px;
|
| + }
|
| +</style>
|
| +<!-- The blue sector of the image should be at 12 o'clock. The image should be
|
| + contained within it's CSS border radius circle: it should not look square. -->
|
| +<img onload="load(this)" src="resources/webp-color-profile-lossy.webp">
|
| +<img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.png">
|
| +<img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.png">
|
| +<img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.jpg">
|
| +<img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.jpg">
|
| +<img onload="load(this)" src="resources/webp-color-profile-lossy.webp">
|
| +
|
| +<script>
|
| +var images = 0;
|
| +
|
| +function load(element) {
|
| + element.classList.add('border');
|
| +
|
| + if (++images == 6 && window.testRunner)
|
| + setTimeout(function() { testRunner.setColorProfile('test', done) }, 100);
|
| +}
|
| +
|
| +function done() {
|
| + setTimeout(function() { testRunner.notifyDone() }, 0);
|
| +}
|
| +
|
| +if (window.testRunner) {
|
| + testRunner.dumpAsTextWithPixelResults();
|
| + testRunner.waitUntilDone();
|
| +}
|
| +</script>
|
| +</html>
|
|
|