summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/canvas/element/manual/wide-gamut-canvas/canvas-display-p3-settings.html
blob: 2b1447437d4fdc46b8c9ef83790a6337eac22097 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
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>