Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Push API Test</title> | 4 <title>Push API Test</title> |
| 5 <link rel="manifest" href="manifest.json"> | 5 <link rel="manifest" href="manifest.json"> |
| 6 <script> | 6 <script src="push_test.js"> |
| 7 var pushData = new FutureData(); | |
| 8 | |
| 9 // Sends data back to the test. This must be in response to an earlier | |
| 10 // request, but it's ok to respond asynchronously. The request blocks until | |
| 11 // the response is sent. | |
| 12 function sendResultToTest(result) { | |
| 13 console.log('sendResultToTest: ' + result); | |
| 14 if (window.domAutomationController) { | |
| 15 domAutomationController.send('' + result); | |
| 16 } | |
| 17 } | |
| 18 | |
| 19 function sendErrorToTest(error) { | |
| 20 sendResultToTest(error.name + ' - ' + error.message); | |
| 21 } | |
| 22 | |
| 23 // A container for a single piece of data. The data does not have to be | |
| 24 // available yet when the getter is called, as all responses to the test are | |
| 25 // asynchronous. | |
| 26 function FutureData() { | |
| 27 this.data = null; | |
| 28 this.waiting = false; | |
| 29 } | |
| 30 | |
| 31 // Sends the data to the test if it is available. Otherwise sets the | |
| 32 // |waiting| flag. | |
| 33 FutureData.prototype.get = function() { | |
| 34 if (this.data) { | |
| 35 sendResultToTest(this.data); | |
| 36 } else { | |
| 37 this.waiting = true; | |
| 38 } | |
| 39 }; | |
| 40 | |
| 41 // Sets a new data value. If the |waiting| flag is on, it is turned off and | |
| 42 // the data is sent to the test. | |
| 43 FutureData.prototype.set = function(data) { | |
| 44 this.data = data; | |
| 45 if (this.waiting) { | |
| 46 sendResultToTest(data); | |
| 47 this.waiting = false; | |
| 48 } | |
| 49 }; | |
| 50 | |
| 51 FutureData.prototype.getImmediately = function() { | |
| 52 sendResultToTest(this.data); | |
| 53 }; | |
| 54 | |
| 55 // Notification permission has been coalesced with Push permission. After | |
| 56 // this is granted, Push API registration can succeed. | |
| 57 function requestNotificationPermission() { | |
| 58 Notification.requestPermission(function(permission) { | |
| 59 sendResultToTest('permission status - ' + permission); | |
| 60 }); | |
| 61 } | |
| 62 | |
| 63 function registerServiceWorker() { | |
| 64 navigator.serviceWorker.register('service_worker.js', {scope: './'}).then( | |
| 65 function(swRegistration) { | |
| 66 sendResultToTest('ok - service worker registered'); | |
| 67 }, sendErrorToTest); | |
| 68 } | |
| 69 | |
| 70 function unregisterServiceWorker() { | |
| 71 navigator.serviceWorker.getRegistration().then(function(swRegistration) { | |
| 72 swRegistration.unregister().then(function(result) { | |
| 73 sendResultToTest('service worker unregistration status: ' + result); | |
| 74 }) | |
| 75 }).catch(sendErrorToTest); | |
| 76 } | |
| 77 | |
| 78 function removeManifest() { | |
| 79 var element = document.querySelector('link[rel="manifest"]'); | |
| 80 if (element) { | |
| 81 element.parentNode.removeChild(element); | |
| 82 sendResultToTest('manifest removed'); | |
| 83 } else | |
| 84 sendResultToTest('unable to find manifest element'); | |
| 85 } | |
| 86 | |
| 87 function registerPush() { | |
| 88 navigator.serviceWorker.ready.then(function(swRegistration) { | |
| 89 // TODO(mvanouwerkerk): Cleanup once the final API is exposed. | |
| 90 var pushManager = swRegistration.pushManager || navigator.push; | |
| 91 pushManager.register().then(function(pushRegistration) { | |
| 92 sendResultToTest(pushRegistration.pushEndpoint + ' - ' + | |
| 93 pushRegistration.pushRegistrationId); | |
| 94 }, sendErrorToTest); | |
| 95 }, sendErrorToTest); | |
| 96 } | |
| 97 | |
| 98 function hasPermission() { | |
| 99 navigator.serviceWorker.ready.then(function(swRegistration) { | |
| 100 // TODO(mvanouwerkerk): Cleanup once the final API is exposed. | |
| 101 var pushManager = swRegistration.pushManager || navigator.push; | |
| 102 pushManager.hasPermission().then(function(permission) { | |
| 103 sendResultToTest('permission status - ' + permission); | |
| 104 }, sendErrorToTest); | |
| 105 }, sendErrorToTest); | |
| 106 } | |
| 107 | |
| 108 function isControlled() { | |
| 109 if (navigator.serviceWorker.controller) { | |
| 110 sendResultToTest('true - is controlled'); | |
| 111 } else { | |
| 112 sendResultToTest('false - is not controlled'); | |
| 113 } | |
| 114 } | |
| 115 | |
| 116 addEventListener('message', function(event) { | |
| 117 var message = JSON.parse(event.data); | |
| 118 if (message.type == 'push') { | |
| 119 pushData.set(message.data); | |
| 120 } | |
| 121 }, false); | |
| 122 </script> | 7 </script> |
|
Michael van Ouwerkerk
2014/12/10 18:36:33
nit: this can now go on the same line as the openi
Miguel Garcia
2014/12/11 11:37:08
Acknowledged.
| |
| 123 </head> | 8 </head> |
| 124 <body> | 9 <body> |
| 125 <h1>Push API Test</h1> | 10 <h1>Push API Test</h1> |
| 126 </body> | 11 </body> |
| 127 </html> | 12 </html> |
| OLD | NEW |