1 files changed, 36 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/canvas/element/manual/wide-gamut-canvas/canvas-display-p3-settings.html b/testing/web-platform/tests/html/canvas/element/manual/wide-gamut-canvas/canvas-display-p3-settings.html
new file mode 100644
index 0000000000..2b1447437d
--- /dev/null
+++ b/testing/web-platform/tests/html/canvas/element/manual/wide-gamut-canvas/canvas-display-p3-settings.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+// Test that creating canvas contexts and ImageData objects respect the
+// requested color space.
+
+for (let contextColorSpace of [undefined, "srgb", "display-p3"]) {
+    for (let imageDataColorSpace of [undefined, "srgb", "display-p3"]) {
+        test(function() {
+            let contextSettings = { };
+            if (contextColorSpace)
+                contextSettings.colorSpace = contextColorSpace;
+            let resolvedContextColorSpace = contextColorSpace || "srgb";
+
+            let canvas = document.createElement("canvas");
+            let ctx = canvas.getContext("2d", contextSettings);
+            assert_equals(ctx.getContextAttributes().colorSpace, resolvedContextColorSpace, `CanvasRenderingContext2DSettings.colorSpace when set to ${contextColorSpace}`);
+
+            let imageDataSettings = { };
+            if (imageDataColorSpace)
+                imageDataSettings.colorSpace = imageDataColorSpace;
+            let resolvedImageDataColorSpace = imageDataColorSpace || resolvedContextColorSpace;
+
+            let imageData = ctx.getImageData(0, 0, 1, 1, imageDataSettings);
+            assert_equals(imageData.colorSpace, resolvedImageDataColorSpace, `getImageData() colorSpace when set to ${imageDataColorSpace}`);
+
+            imageData = ctx.createImageData(1, 1, imageDataSettings);
+            assert_equals(imageData.colorSpace, resolvedImageDataColorSpace, `createImageData() colorSpace when set to ${imageDataColorSpace}`);
+
+            imageData = ctx.createImageData(imageData);
+            assert_equals(imageData.colorSpace, resolvedImageDataColorSpace, `Cloned ImageData colorSpace when set to ${imageDataColorSpace}`);
+        }, `Context ${contextColorSpace}, ImageData ${imageDataColorSpace}`);
+    }
+}
+</script>