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> |