OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <meta charset=utf-8> |
| 3 <title>Bubbling and capturing of request events</title> |
| 4 <link rel="author" href="mailto:odinho@opera.com" title="Odin Hørthe Omdal"> |
| 5 <script src=../../../resources/testharness.js></script> |
| 6 <script src=../../../resources/testharnessreport.js></script> |
| 7 <script src=support.js></script> |
| 8 |
| 9 <script> |
| 10 var events = []; |
| 11 |
| 12 var open_rq = createdb(async_test(document.title, {timeout: 10000})); |
| 13 open_rq.onupgradeneeded = function(e) { |
| 14 var db = e.target.result; |
| 15 var txn = e.target.transaction; |
| 16 var store = db.createObjectStore("s"); |
| 17 var rq1 = store.add("", 1); |
| 18 var rq2 = store.add("", 1); |
| 19 db.onerror = function(){}; |
| 20 |
| 21 log_request(' db', db); |
| 22 log_request('txn', txn); |
| 23 log_request('rq1', rq1); |
| 24 log_request('rq2', rq2); |
| 25 |
| 26 // Don't let it get to abort |
| 27 db.addEventListener('error', function(e) { e.preventDefault() }, false); |
| 28 } |
| 29 |
| 30 open_rq.onsuccess = function(e) { |
| 31 log("open_rq.success")(e); |
| 32 assert_object_equals(events, [ |
| 33 "capture db.success", |
| 34 "capture txn.success", |
| 35 "capture rq1.success", |
| 36 "bubble rq1.success", |
| 37 |
| 38 "capture db.error: ConstraintError", |
| 39 "capture txn.error: ConstraintError", |
| 40 "capture rq2.error: ConstraintError", |
| 41 "bubble rq2.error: ConstraintError", |
| 42 "bubble txn.error: ConstraintError", |
| 43 "bubble db.error: ConstraintError", |
| 44 |
| 45 "open_rq.success" |
| 46 ], |
| 47 "events"); |
| 48 this.done(); |
| 49 } |
| 50 |
| 51 |
| 52 function log_request(type, obj) { |
| 53 obj.addEventListener('success', log('capture ' + type + '.success'), tru
e); |
| 54 obj.addEventListener('success', log('bubble ' + type + '.success'), fal
se); |
| 55 obj.addEventListener('error', log('capture ' + type + '.error'), true); |
| 56 obj.addEventListener('error', log('bubble ' + type + '.error'), false); |
| 57 } |
| 58 |
| 59 function log(msg) { |
| 60 return function(e) { |
| 61 if(e && e.target && e.target.error) |
| 62 events.push(msg + ": " + e.target.error.name); |
| 63 else |
| 64 events.push(msg); |
| 65 }; |
| 66 } |
| 67 </script> |
| 68 |
| 69 <div id=log></div> |
OLD | NEW |