Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE HTML>
<html>
<!--
-->
<head>
<meta charset="utf-8">
<title>Storage inspector test for correct values in the sidebar</title>
</head>
<body>
<script type="application/javascript">
"use strict";
const partialHostname = location.hostname.match(/^[^.]+(\..*)$/)[1];
const cookieExpiresTime = 2000000000000;
// Setting up some cookies to eat.
document.cookie = "c1=" + JSON.stringify([
"foo", "Bar", {
foo: "Bar"
}]) + "; expires=" + new Date(cookieExpiresTime).toGMTString() +
"; path=/browser";
document.cookie = "cs2=sessionCookie; path=/; domain=" + partialHostname;
// URLEncoded cookie
document.cookie = "c_encoded=" + encodeURIComponent(JSON.stringify({foo: {foo1: "bar"}}));
// ... and some local storage items ..
const es6 = "for";
localStorage.setItem("ls1", JSON.stringify({
es6, the: "win", baz: [0, 2, 3, {
deep: "down",
nobody: "cares"
}]}));
localStorage.setItem("ls2", "foobar-2");
localStorage.setItem("ls4", "0x1");
// ... and finally some session storage items too
sessionStorage.setItem("ss1", "This#is#an#array");
sessionStorage.setItem("ss2", "This~is~another~array");
sessionStorage.setItem("ss3", "this#is~an#object~foo#bar");
sessionStorage.setItem("ss4", "#array##with#empty#items");
// long string that is almost an object and might trigger exponential
// regexp backtracking
const s = "a".repeat(1000);
sessionStorage.setItem("ss5", `${s}=${s}=${s}=${s}&${s}=${s}&${s}`);
console.log("added cookies and stuff from main page");
const idbGenerator = async function () {
let request = indexedDB.open("idb1", 1);
request.onerror = function() {
throw new Error("error opening db connection");
};
const db = await new Promise(done => {
request.onupgradeneeded = event => {
const _db = event.target.result;
const store1 = _db.createObjectStore("obj1", { keyPath: "id" });
store1.createIndex("name", "name", { unique: false });
store1.createIndex("email", "email", { unique: true });
_db.createObjectStore("obj2", { keyPath: "id2" });
store1.transaction.oncomplete = () => {
done(_db);
};
};
});
// Prevents AbortError
await new Promise(done => {
request.onsuccess = done;
});
const transaction = db.transaction(["obj1", "obj2"], "readwrite");
const store1 = transaction.objectStore("obj1");
const store2 = transaction.objectStore("obj2");
store1.add({id: 1, name: "foo", email: "foo@bar.com"});
store1.add({id: 2, name: "foo2", email: "foo2@bar.com"});
store1.add({id: 3, name: "foo2", email: "foo3@bar.com"});
store2.add({
id2: 1,
name: "foo",
email: "foo@bar.com",
extra: "baz".repeat(10000)});
db.close();
request = indexedDB.open("idb2", 1);
const db2 = await new Promise(done => {
request.onupgradeneeded = event => {
const _db2 = event.target.result;
const store3 = _db2.createObjectStore("obj3", { keyPath: "id3" });
store3.createIndex("name2", "name2", { unique: true });
store3.transaction.oncomplete = () => {
done(_db2);
};
};
});
// Prevents AbortError during close()
await new Promise(done => {
request.onsuccess = done;
});
db2.close();
console.log("added cookies and stuff from main page");
};
function deleteDB(dbName) {
return new Promise(resolve => {
dump("removing database " + dbName + " from " + document.location + "\n");
indexedDB.deleteDatabase(dbName).onsuccess = resolve;
});
}
window.setup = async function () {
await idbGenerator();
};
window.clear = async function () {
await deleteDB("idb1");
await deleteDB("idb2");
dump("removed indexedDB data from " + document.location + "\n");
};
</script>
</body>
</html>