<html>
<head>
<script>
var database;
function log(message)
{
document.getElementById("console").innerHTML += message + "<br>";
}
function finishTest()
{
log("Test part 1 Complete");
if (window.layoutTestController)
layoutTestController.notifyDone();
}
function errorFunction(tx, error)
{
log("Test failed - " + error.message);
finishTest();
}
function addData(db)
{
db.transaction(function(tx) {
log("Inserting some data");
// Insert a large amount of data that will take a little while to run. Schedule a timout to run that will load a new page
// whilst the transaction is still in progress, interrupting the transaction. This should not leave the database locked and on
// the next page we should be able to insert some more data.
tx.executeSql("INSERT INTO DataTest (testData) VALUES (randomBlob(524200 ))", [], function(tx, result) { }, errorFunction);
location.href = "./resources/database-lock-after-reload-2.html";
}, errorFunction, function() {
finishTest();
});
}
function runTest()
{
if (window.layoutTestController) {
layoutTestController.clearAllDatabases();
layoutTestController.dumpAsText();
layoutTestController.waitUntilDone();
}
try {
database = openDatabase("DatabaseLockTest", "1.0", "Test for database locking", 5242880);
} catch (e) {
log("Error - could not open database");
finishTest();
}
database.transaction(function(tx) {
log("Adding a table");
tx.executeSql("CREATE TABLE DataTest (testData)", [], function(tx, result) { }, errorFunction);
}, errorFunction, function() {
addData(database);
});
}
</script>
</head>
<body onload="runTest()">
<pre id="console">
</pre>
</body>
</html>