mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 22:55:23 +00:00
c8f3d0d068
Note that there is one key difference between this implementation and the spec. In this patch mozBlobBuilder.getBlob("content/type"); returns a Blob and clears the mozBlobBuilder. In the spec the BlobBuilder is not cleared. Thus,
let bb = new mozBlobBuilder();
mozBlobBuilder.append("foo");
let blob1 = mozBlobBuilder.getBlob("content/type");
// blob1 contains "foo"
mozBlobBuilder.append("bar");
let blob2 = mozBlobBuilder.getBlob("content/type");
// blob2 contains "bar", the spec says it should contain "foobar".
IMO, the spec behavior optimizes for the wrong case. BlobBuilder will probably be used mostly as a one-shot API. Additionally, the spec requires the BlobBuilder to hang on to potentially large amounts of memory between the getBlob() call and when the BlobBuilder is GCd.
These issues have been raised on the listserv.
139 lines
4.6 KiB
HTML
139 lines
4.6 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=575946
|
|
-->
|
|
<title>Test for Bug 575946</title>
|
|
<script type="text/javascript" src="/MochiKit/packed.js"></script>
|
|
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script type="text/javascript" src="fileutils.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=575946">Mozilla Bug 575946</a>
|
|
<p id="display">
|
|
<canvas id=canvas width=1000 height=1000 hidden></canvas>
|
|
<canvas id=testcanvas hidden></canvas>
|
|
<input id="fileList" type="file"></input>
|
|
</p>
|
|
<div id="content" style="display: none">
|
|
</div>
|
|
|
|
<pre id="test">
|
|
<script class="testbody" type="text/javascript">
|
|
var fileNum = 1;
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
// Create files containing data we'll test with. We'll want long
|
|
// strings to ensure they span multiple buffers while loading
|
|
|
|
// Create a decent-sized image
|
|
cx = $("canvas").getContext('2d');
|
|
var s = cx.canvas.width;
|
|
var grad = cx.createLinearGradient(0, 0, s-1, s-1);
|
|
for (i = 0; i < 0.95; i += .1) {
|
|
grad.addColorStop(i, "white");
|
|
grad.addColorStop(i + .05, "black");
|
|
}
|
|
grad.addColorStop(1, "white");
|
|
cx.fillStyle = grad;
|
|
cx.fillRect(0, 0, s-1, s-1);
|
|
cx.fillStyle = "rgba(200, 0, 0, 0.9)";
|
|
cx.fillRect(.1 * s, .1 * s, .7 * s, .7 * s);
|
|
cx.strokeStyle = "rgba(0, 0, 130, 0.5)";
|
|
cx.lineWidth = .14 * s;
|
|
cx.beginPath();
|
|
cx.arc(.6 * s, .6 * s, .3 * s, 0, Math.PI*2, true);
|
|
cx.stroke();
|
|
cx.closePath();
|
|
cx.fillStyle = "rgb(0, 255, 0)";
|
|
cx.beginPath();
|
|
cx.arc(.1 * s, .8 * s, .1 * s, 0, Math.PI*2, true);
|
|
cx.fill();
|
|
cx.closePath();
|
|
|
|
|
|
var fileData =
|
|
atob(cx.canvas.toDataURL("image/png").substring("data:text/png;base64,".length + 1));
|
|
var memFile = cx.canvas.mozGetAsFile("image/png");
|
|
var fileFile = createFileWithData(fileData);
|
|
var size = fileData.length;
|
|
|
|
// This might fail if we dramatically improve the png encoder. If that happens
|
|
// please increase the complexity or size of the image generated above to ensure
|
|
// that we're testing with files that are large enough.
|
|
ok(size > 65536, "test data sufficiently large");
|
|
|
|
|
|
// Test that basic properties work
|
|
testSlice(memFile, size, "image/png", fileData, "memFile");
|
|
testSlice(fileFile, size, "", fileData, "fileFile");
|
|
|
|
|
|
// Try loading directly from slice into an image
|
|
var testBinaryData = "";
|
|
for (var i = 0; i < 256; i++) {
|
|
testBinaryData += String.fromCharCode(i);
|
|
}
|
|
while (testBinaryData.length < 20000) {
|
|
testBinaryData += testBinaryData;
|
|
}
|
|
function imageLoadHandler(event) {
|
|
var origcanvas = $("canvas");
|
|
var testcanvas = $("testcanvas");
|
|
var image = event.target;
|
|
is(image.naturalWidth, origcanvas.width, "width correct");
|
|
is(image.naturalHeight, origcanvas.height, "height correct");
|
|
|
|
testcanvas.width = origcanvas.width;
|
|
testcanvas.height = origcanvas.height;
|
|
testcanvas.getContext("2d").drawImage(image, 0, 0);
|
|
// Do not use |is(testcanvas.toDataURL("image/png"), origcanvas.toDataURL("image/png"), "...");| that results in a _very_ long line.
|
|
var origDataURL = origcanvas.toDataURL("image/png");
|
|
var testDataURL = testcanvas.toDataURL("image/png");
|
|
is(testDataURL.length, origDataURL.length,
|
|
"Length of correct image data");
|
|
ok(testDataURL == origDataURL,
|
|
"Content of correct image data");
|
|
|
|
testHasRun();
|
|
}
|
|
|
|
// image in the middle
|
|
var imgfile = createFileWithData(testBinaryData + fileData + testBinaryData);
|
|
is(imgfile.size, size + testBinaryData.length * 2, "correct file size (middle)");
|
|
var img = new Image;
|
|
img.src = URL.createObjectURL(imgfile.mozSlice(testBinaryData.length, testBinaryData.length + size));
|
|
img.onload = imageLoadHandler;
|
|
expectedTestCount++;
|
|
|
|
// image at start
|
|
var imgfile = createFileWithData(fileData + testBinaryData);
|
|
is(imgfile.size, size + testBinaryData.length, "correct file size (start)");
|
|
var img = new Image;
|
|
img.src = URL.createObjectURL(imgfile.mozSlice(0, size));
|
|
img.onload = imageLoadHandler;
|
|
expectedTestCount++;
|
|
|
|
// image at end
|
|
var imgfile = createFileWithData(testBinaryData + fileData);
|
|
is(imgfile.size, size + testBinaryData.length, "correct file size (end)");
|
|
var img = new Image;
|
|
img.src = URL.createObjectURL(imgfile.mozSlice(testBinaryData.length, testBinaryData.length + size));
|
|
img.onload = imageLoadHandler;
|
|
expectedTestCount++;
|
|
|
|
// image past end
|
|
var imgfile = createFileWithData(testBinaryData + fileData);
|
|
is(imgfile.size, size + testBinaryData.length, "correct file size (past end)");
|
|
var img = new Image;
|
|
img.src = URL.createObjectURL(imgfile.mozSlice(testBinaryData.length, testBinaryData.length + size + 1000));
|
|
img.onload = imageLoadHandler;
|
|
expectedTestCount++;
|
|
|
|
</script>
|
|
</pre>
|
|
</body> </html>
|