Index: content/test/data/gpu/pixel_offscreenCanvas_webgl_commit_main.html |
diff --git a/content/test/data/gpu/pixel_canvas2d.html b/content/test/data/gpu/pixel_offscreenCanvas_webgl_commit_main.html |
similarity index 78% |
copy from content/test/data/gpu/pixel_canvas2d.html |
copy to content/test/data/gpu/pixel_offscreenCanvas_webgl_commit_main.html |
index 7ebbad95aaf8ff2b8700b277395bc351e01a207a..3ae0e56c24d2c1864f35277dbaa6b75ff33191d1 100644 |
--- a/content/test/data/gpu/pixel_canvas2d.html |
+++ b/content/test/data/gpu/pixel_offscreenCanvas_webgl_commit_main.html |
@@ -8,7 +8,7 @@ that the baseline images are regenerated on the next run. |
<html> |
<head> |
-<title>Canvas 2D Test: Red Box over Black Background</title> |
+<title>OffscreenCanvas commit flow on main thread: green square on white background.</title> |
<style type="text/css"> |
.nomargin { |
margin: 0px auto; |
@@ -26,10 +26,11 @@ function main() |
function draw() |
{ |
var canvas = document.getElementById("c"); |
- var c2d = canvas.getContext("2d"); |
- c2d.clearRect(0, 0, canvas.width, canvas.height); |
- c2d.fillStyle = "rgba(255, 0, 0, 0.5)"; |
- c2d.fillRect(50, 50, 100, 100); |
+ var offscreenCanvas = canvas.transferControlToOffscreen(); |
+ var gl = offscreenCanvas.getContext("webgl"); |
+ gl.clearColor(0.0, 1.0, 0.0, 1.0); |
+ gl.clear(gl.COLOR_BUFFER_BIT); |
+ gl.commit(); |
} |
function waitForFinish() |
@@ -46,7 +47,7 @@ function waitForFinish() |
</script> |
</head> |
<body onload="main()"> |
-<div style="position:relative; width:200px; height:200px; background-color:black"> |
+<div style="position:relative; width:200px; height:200px; background-color:white"> |
</div> |
<div id="container" style="position:absolute; top:0px; left:0px"> |
<canvas id="c" width="200" height="200" class="nomargin"></canvas> |