Refactor about:sync's events framework

chrome/browser/resources/sync_internals/about.js

Index: chrome/browser/resources/sync_internals/about.js
diff --git a/chrome/browser/resources/sync_internals/about.js b/chrome/browser/resources/sync_internals/about.js
index d915fd77a1490047a503254fdd6396739e9e54df..7136b903431dbdb7f432ec6916df45c363407b54 100644
--- a/chrome/browser/resources/sync_internals/about.js
+++ b/chrome/browser/resources/sync_internals/about.js
@@ -34,9 +34,11 @@ function onLoad() {
   $('status-data').hidden = true;
   chrome.sync.getAboutInfo(refreshAboutInfo);
 
-  chrome.sync.onServiceStateChanged.addListener(function() {
-    chrome.sync.getAboutInfo(refreshAboutInfo);
-  });
+  chrome.sync.events.addEventListener(
+      'onServiceStateChanged',
+      function(e) {
+        chrome.sync.getAboutInfo(refreshAboutInfo);
+      });
 
   var dumpStatusButton = $('dump-status');
   dumpStatusButton.addEventListener('click', function(event) {
@@ -75,7 +77,9 @@ function onLoad() {
     data = data.substr(firstBrace);
 
     // Remove listeners to prevent sync events from overwriting imported data.
-    chrome.sync.onServiceStateChanged.removeListeners();
+    chrome.sync.events.removeEventListener(
+        'onServiceStateChanged',
+        refreshAboutInfo);
 
     var aboutInfo = JSON.parse(data);
     refreshAboutInfo(aboutInfo);