summaryrefslogtreecommitdiffstats
path: root/dom/canvas/test/webgl-conf/checkout/conformance2/wasm/readpixels-4gb-wasm-memory.html
blob: f97a3ccba0924e4666dd9760941c9b1aa66356bc (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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!--
Copyright (c) 2023 The Khronos Group Inc.
Use of this source code is governed by an MIT-style license that can be
found in the LICENSE.txt file.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>gl.readPixels() test to Wasm Memory 4GB in size.</title>
<link rel="stylesheet" href="../../resources/js-test-style.css"/>
<script src="../../js/js-test-pre.js"></script>
<script src="../../js/webgl-test-utils.js"> </script>
</head>
<body>
<canvas id="canvas" width="2" height="2" style="width: 40px; height: 40px;"></canvas>
<div id="description"></div>
<div id="console"></div>
<script>
"use strict";
description(document.title);
debug("Tests that gl.readPixels() can be called on WebAssembly Memory of 4GB in size.");
debug("");
let wtu = WebGLTestUtils;
let gl = wtu.create3DContext("canvas", undefined, 2);

const PAGE = 65536;
const SIZE = 4*1024*1024*1024 - PAGE; // when uint32_t size is max, we can only reach one page short of full 4GB
let view = new Uint8Array(new WebAssembly.Memory({ initial: SIZE/PAGE }).buffer);

// Clear the canvas to a specific color
const expectedColor = [42, 84, 128, 255];
gl.clearColor(expectedColor[0]/255.0, expectedColor[1]/255.0, expectedColor[2]/255.0, expectedColor[3]/255.0);
gl.clear(gl.COLOR_BUFFER_BIT);

// Test that gl.readPixels() can be called with a high offset to Memory
const offset = SIZE - 4;
view.set([0,0,0,0], offset); // For good measure, clear data at offset before reading
gl.readPixels(0, 0, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, view, offset);
wtu.glErrorShouldBe(gl, gl.NO_ERROR);
let obtainedColor = view.subarray(offset, offset+4);
shouldBe('obtainedColor[0]', 'expectedColor[0]');
shouldBe('obtainedColor[1]', 'expectedColor[1]');
shouldBe('obtainedColor[2]', 'expectedColor[2]');
shouldBe('obtainedColor[3]', 'expectedColor[3]');
var successfullyParsed = true;
</script>
<script src="../../js/js-test-post.js"></script>
</body>
</html>