135 lines
3.9 KiB
HTML
135 lines
3.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
Storage inspector front end - tests
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Storage inspector test for listing hosts and storages</title>
|
|
</head>
|
|
<body>
|
|
<iframe src="http://sectest1.example.org/browser/devtools/client/storage/test/storage-unsecured-iframe.html"></iframe>
|
|
<iframe src="https://sectest1.example.org:443/browser/devtools/client/storage/test/storage-secured-iframe.html"></iframe>
|
|
<script type="application/javascript;version=1.7">
|
|
"use strict";
|
|
let partialHostname = location.hostname.match(/^[^.]+(\..*)$/)[1];
|
|
let cookieExpiresTime1 = 2000000000000;
|
|
let cookieExpiresTime2 = 2000000001000;
|
|
// Setting up some cookies to eat.
|
|
document.cookie = "c1=foobar; expires=" +
|
|
new Date(cookieExpiresTime1).toGMTString() + "; path=/browser";
|
|
document.cookie = "cs2=sessionCookie; path=/; domain=" + partialHostname;
|
|
document.cookie = "c3=foobar-2; expires=" +
|
|
new Date(cookieExpiresTime1).toGMTString() + "; path=/";
|
|
document.cookie = "c4=foobar-3; expires=" +
|
|
new Date(cookieExpiresTime2).toGMTString() + "; path=/; domain=" +
|
|
partialHostname;
|
|
// ... and some local storage items ..
|
|
localStorage.setItem("ls1", "foobar");
|
|
localStorage.setItem("ls2", "foobar-2");
|
|
// ... and finally some session storage items too
|
|
sessionStorage.setItem("ss1", "foobar-3");
|
|
dump("added cookies and storage from main page\n");
|
|
|
|
let idbGenerator = function*() {
|
|
let request = indexedDB.open("idb1", 1);
|
|
request.onerror = function() {
|
|
throw new Error("error opening db connection");
|
|
};
|
|
let db = yield new Promise(done => {
|
|
request.onupgradeneeded = event => {
|
|
let db = event.target.result;
|
|
let store1 = db.createObjectStore("obj1", { keyPath: "id" });
|
|
store1.createIndex("name", "name", { unique: false });
|
|
store1.createIndex("email", "email", { unique: true });
|
|
let store2 = db.createObjectStore("obj2", { keyPath: "id2" });
|
|
store1.transaction.oncomplete = () => {
|
|
done(db);
|
|
};
|
|
};
|
|
});
|
|
|
|
// Prevents AbortError
|
|
yield new Promise(done => {
|
|
request.onsuccess = done;
|
|
});
|
|
|
|
let transaction = db.transaction(["obj1", "obj2"], "readwrite");
|
|
let store1 = transaction.objectStore("obj1");
|
|
let 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"
|
|
});
|
|
// Prevents AbortError during close()
|
|
yield new Promise(success => {
|
|
transaction.oncomplete = success;
|
|
});
|
|
|
|
db.close();
|
|
|
|
request = indexedDB.open("idb2", 1);
|
|
let db2 = yield new Promise(done => {
|
|
request.onupgradeneeded = event => {
|
|
let db2 = event.target.result;
|
|
let store3 = db2.createObjectStore("obj3", { keyPath: "id3" });
|
|
store3.createIndex("name2", "name2", { unique: true });
|
|
store3.transaction.oncomplete = () => {
|
|
done(db2);
|
|
}
|
|
};
|
|
});
|
|
// Prevents AbortError during close()
|
|
yield new Promise(done => {
|
|
request.onsuccess = done;
|
|
});
|
|
db2.close();
|
|
|
|
dump("added indexedDB from main page\n");
|
|
};
|
|
|
|
function deleteDB(dbName) {
|
|
return new Promise(resolve => {
|
|
dump("removing database " + dbName + " from " + document.location + "\n");
|
|
indexedDB.deleteDatabase(dbName).onsuccess = resolve;
|
|
});
|
|
}
|
|
|
|
function fetchPut(cache, url) {
|
|
let response = yield fetch(url);
|
|
yield cache.put(url, response);
|
|
}
|
|
|
|
let cacheGenerator = function*() {
|
|
let cache = yield caches.open("plop");
|
|
yield fetchPut(cache, "404_cached_file.js");
|
|
yield fetchPut(cache, "browser_storage_basic.js");
|
|
};
|
|
|
|
window.setup = function*() {
|
|
yield idbGenerator();
|
|
|
|
if (window.caches) {
|
|
yield cacheGenerator();
|
|
}
|
|
};
|
|
|
|
window.clear = function*() {
|
|
yield deleteDB("idb1");
|
|
yield deleteDB("idb2");
|
|
|
|
if (window.caches) {
|
|
yield caches.delete("plop");
|
|
}
|
|
|
|
dump("removed indexedDB and cache data from " + document.location + "\n");
|
|
};
|
|
</script>
|
|
</body>
|
|
</html>
|