<html>
<head>
<script src="../../../../resources/js-test.js"></script>
<script src="resources/shared.js"></script>
</head>
<body>
<iframe id="frame0"></iframe>
<iframe id="frame1"></iframe>
<iframe id="frame2"></iframe>
<script>

description("Confirm that blobs can be read back before their records are committed.");

indexedDBTest(prepareDatabase);
function prepareDatabase()
{
    db = event.target.result;
    event.target.transaction.onabort = unexpectedAbortCallback;
    evalAndLog("store = db.createObjectStore('store')");
    blobAContent = "Blob A content";
    blobBContent = "Blob B content";
    var blobA = new Blob([blobAContent], {"type" : "text/plain"});
    var blobB = new Blob([blobBContent], {"type" : "text/plain"});
    key = "key"
    value = { a0: blobA, a1: blobA, b0: blobB };
    evalAndLog("store.put(value, key)");
    evalAndLog("request = store.get(key)");
    request.onsuccess = didRead;
}

function didRead()
{
    record = request.result;
    urlA0 = URL.createObjectURL(record.a0);
    urlA1 = URL.createObjectURL(record.a1);
    urlB = URL.createObjectURL(record.b0);
    document.getElementById('frame0').src = urlA0;
    document.getElementById('frame0').onload = verification;
    document.getElementById('frame1').src = urlA1;
    document.getElementById('frame1').onload = verification;
    document.getElementById('frame2').src = urlB;
    document.getElementById('frame2').onload = verification;
}

var loadCount = 0;
function verification()
{
    if (++loadCount < 3)
        return;
    URL.revokeObjectURL(urlA0);
    URL.revokeObjectURL(urlA1);
    URL.revokeObjectURL(urlB);
    shouldBe("document.getElementById('frame0').contentDocument.body.innerText",
        "blobAContent");
    shouldBe("document.getElementById('frame1').contentDocument.body.innerText",
        "blobAContent");
    shouldBe("document.getElementById('frame2').contentDocument.body.innerText",
        "blobBContent");
    finishJSTest();
}

</script>
</body>
</html>