Implement convertToBlob() in OffscreenCanvas

third_party/WebKit/LayoutTests/virtual/threaded/fast/idleToBlob/OffscreenCanvas-convertToBlob-webgl-main.html

Index: third_party/WebKit/LayoutTests/virtual/threaded/fast/idleToBlob/OffscreenCanvas-convertToBlob-webgl-main.html
diff --git a/third_party/WebKit/LayoutTests/virtual/threaded/fast/idleToBlob/OffscreenCanvas-convertToBlob-webgl-main.html b/third_party/WebKit/LayoutTests/virtual/threaded/fast/idleToBlob/OffscreenCanvas-convertToBlob-webgl-main.html
new file mode 100644
index 0000000000000000000000000000000000000000..aeddaf4a5aad639e1373d69110250c8f8cb05520
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/virtual/threaded/fast/idleToBlob/OffscreenCanvas-convertToBlob-webgl-main.html
@@ -0,0 +1,28 @@
+<img id="png"/>
+<script type="text/javascript">
+if (window.testRunner) {
+  testRunner.waitUntilDone();
+}
+
+// TODO: Add more image types to this test once the toImageData() for webgl
+// is completed. See crbug.com/657531.
+var pngImage = document.getElementById('png');
+function imageLoaded() {
+  if (window.testRunner) {
+    window.testRunner.notifyDone();
+  }
+}
+pngImage.addEventListener('load', imageLoaded);
+
+var offCanvas = new OffscreenCanvas(50, 50);
+var gl = offCanvas.getContext('webgl');
+gl.clearColor(0, 1, 0, 1);
+gl.clear(gl.COLOR_BUFFER_BIT);
+
+offCanvas.convertToBlob()
+  .then(function(blob) { 
+    pngImage.src = URL.createObjectURL(blob);
+  });
+
+</script>
+