| Index: third_party/WebKit/LayoutTests/fast/images/color-profile-border-radius.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/images/color-profile-border-radius.html b/third_party/WebKit/LayoutTests/fast/images/color-profile-border-radius.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f40978481f5b7eb0b77272c8d9d5dc790912adf0
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/images/color-profile-border-radius.html
|
| @@ -0,0 +1,43 @@
|
| +<!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 its 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('whacked', done) }, 100);
|
| +}
|
| +
|
| +function done() {
|
| + setTimeout(function() { testRunner.notifyDone() }, 0);
|
| +}
|
| +
|
| +if (window.internals)
|
| + internals.settings.setImageColorProfilesEnabled(true);
|
| +
|
| +if (window.testRunner) {
|
| + testRunner.dumpAsTextWithPixelResults();
|
| + testRunner.waitUntilDone();
|
| +}
|
| +</script>
|
| +</html>
|
|
|