summaryrefslogtreecommitdiffstats
path: root/devtools/client/storage/test/storage-complex-values.html
blob: d96da1932f0de5d830d544129e8a7184ec395895 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE HTML>
<html>
<!--
Bug 970517 - Storage inspector front end - tests
-->
<head>
  <meta charset="utf-8">
  <title>Storage inspector test for correct values in the sidebar</title>
</head>
<body>
<script type="application/javascript;version=1.7">
"use strict";
let partialHostname = location.hostname.match(/^[^.]+(\..*)$/)[1];
let 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("ls3", "http://foobar.com/baz.php");
// ... 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
let s = "a".repeat(1000);
sessionStorage.setItem("ss5", `${s}=${s}=${s}=${s}&${s}=${s}&${s}`);
console.log("added cookies and stuff from main page");

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 });
      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"});

  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();
  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 = function*() {
  yield idbGenerator();
};

window.clear = function*() {
  yield deleteDB("idb1");
  yield deleteDB("idb2");

  dump("removed indexedDB data from " + document.location + "\n");
};
</script>
</body>
</html>