bluetooth: Add device details page with basic properties to internals page.

chrome/test/data/webui/bluetooth_internals_browsertest.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview Tests for chrome://bluetooth-internals
  */
 
 /** @const {string} Path to source root. */
 var ROOT_PATH = '../../../../';
@@ skipping 35 matching lines @@
     // test to replace the real Mojo browser proxy with a fake one, before any
     // other code runs.
     window.setupFn = function() {
       return importModules([
         'content/public/renderer/frame_interfaces',
         'device/bluetooth/public/interfaces/adapter.mojom',
         'device/bluetooth/public/interfaces/device.mojom',
         'mojo/public/js/bindings',
       ]).then(function([frameInterfaces, adapter, device, bindings]) {
         /**
-          * A test adapter factory proxy for the chrome://bluetooth-internals
-          * page.
-          *
-          * @constructor
-          * @extends {TestBrowserProxyBase}
-          */
+         * A test adapter factory proxy for the chrome://bluetooth-internals
+         * page.
+         *
+         * @constructor
+         * @extends {TestBrowserProxyBase}
+         */
         var TestAdapterFactoryProxy = function() {
           settings.TestBrowserProxy.call(this, [
             'getAdapter',
           ]);
 
           this.binding = new bindings.Binding(adapter.AdapterFactory, this);
           this.adapter = new TestAdapterProxy();
           this.adapterBinding_ = new bindings.Binding(adapter.Adapter,
                                                       this.adapter);
         };
 
         TestAdapterFactoryProxy.prototype = {
           __proto__: settings.TestBrowserProxy.prototype,
           getAdapter: function() {
             this.methodCalled('getAdapter');
 
             // Create message pipe bound to TestAdapter.
             return Promise.resolve({
               adapter: this.adapterBinding_.createInterfacePtrAndBind(),
             });
           }
         };
 
         /**
-          * A test adapter proxy for the chrome://bluetooth-internals page.
-          *
-          * @constructor
-          * @extends {TestBrowserProxyBase}
-          */
+         * A test adapter proxy for the chrome://bluetooth-internals page.
+         * @constructor
+         * @extends {TestBrowserProxyBase}
+         */
         var TestAdapterProxy = function() {
           settings.TestBrowserProxy.call(this, [
             'getInfo',
             'getDevices',
             'setClient',
           ]);
 
+          this.deviceProxyMap = new Map();
           this.adapterInfo_ = null;
           this.devices_ = [];
+          this.connectResult_ = adapter.AdapterInfo.SUCCESS;
         };
 
         TestAdapterProxy.prototype = {
           __proto__: settings.TestBrowserProxy.prototype,
 
+          connectToDevice: function(address) {
+            assert(this.deviceProxyMap.has(address), 'Device does not exist');
+
+            return Promise.resolve({
+              result: this.connectResult_,
+              device: this.deviceProxyMap.get(
+                  address).binding.createInterfacePtrAndBind(),
+            });
+          },
+
           getInfo: function() {
             this.methodCalled('getInfo');
             return Promise.resolve({info: this.adapterInfo_});
           },
 
           getDevices: function() {
             this.methodCalled('getDevices');
             return Promise.resolve({devices: this.devices_});
           },
 
           setClient: function(client) {
             this.methodCalled('setClient', client);
           },
 
           setTestAdapter: function(adapterInfo) {
             this.adapterInfo_ = adapterInfo;
           },
 
+          setTestConnectResult: function(connectResult) {
+            this.connectResult_ = connectResult;
+          },
+
           setTestDevices: function(devices) {
             this.devices_ = devices;
-          }
+            this.devices_.forEach(function(device) {
+              this.deviceProxyMap.set(
+                  device.address, new TestDeviceProxy(device));
+            }, this);
+          },
         };
 
+        /**
+         * A test Device proxy for the chrome://bluetooth-internals
+         * page. Proxies are generated by a TestAdapterProxy which provides
+         * the DeviceInfo.
+         * @constructor
+         * @extends {TestBrowserProxyBase}
+         * @param {!device.DeviceInfo} info
+         */
+        var TestDeviceProxy = function(info) {
+          settings.TestBrowserProxy.call(this, [
+            'getInfo',
+            'getServices',
+          ]);
+
+          this.binding = new bindings.Binding(device.Device, this);
+          this.info_ = info;
+          this.services_ = [];
+        }
+
+        TestDeviceProxy.prototype = {
+          __proto__: settings.TestBrowserProxy.prototype,
+
+          disconnect: function() {
+            this.binding.close();
+          },
+
+          getInfo: function() {
+            this.methodCalled('getInfo');
+            return Promise.resolve({info: this.info_});
+          },
+
+          getServices: function() {
+            this.methodCalled('getServices');
+            return Promise.resolve({services: this.services_});
+          },
+
+          setTestServices: function(services) {
+            this.services_ = services;
+          },
+        }
+
         frameInterfaces.addInterfaceOverrideForTesting(
             adapter.AdapterFactory.name, function(handle) {
               this.adapterFactory = new TestAdapterFactoryProxy();
               this.adapterFactory.binding.bind(handle);
 
               this.adapterFactory.adapter.setTestDevices([
                 this.fakeDeviceInfo1(),
                 this.fakeDeviceInfo2(),
               ]);
               this.adapterFactory.adapter.setTestAdapter(
                   this.fakeAdapterInfo());
 
+              this.adapterFactory.adapter.deviceProxyMap.forEach(
+                  function(deviceProxy) {
+                    deviceProxy.setTestServices([
+                      this.fakeServiceInfo1(),
+                      this.fakeServiceInfo2(),
+                    ])
+                  }, this);
+
               this.setupResolver.resolve();
             }.bind(this));
 
       }.bind(this));
     }.bind(this);
   },
 
   /**
    * Returns a copy of fake adapter info object.
    * @return {!Object}
@@ skipping 43 matching lines @@
    * rssi and services properties.
    * @return {!Object}
    */
   fakeDeviceInfo3: function() {
     return {
       address: "CC:CC:84:96:92:84",
       name: "CCC",
       name_for_display: "CCC",
     };
   },
+
+  /**
+   * Returns a copy of fake service info object (variant 1).
+   * @return {!Object}
+   */
+  fakeServiceInfo1: function() {
+    return {
+      uuid: '00002a05-0000-1000-8000-00805f9b34fb',
+      is_primary: true,
+    }
+  },
+
+  /**
+   * Returns a copy of fake service info object (variant 2).
+   * @return {!Object}
+   */
+  fakeServiceInfo2: function() {
+    return {
+      uuid: '0000180d-0000-1000-8000-00805f9b34fb',
+      is_primary: true,
+    }
+  },
 };
 
 TEST_F('BluetoothInternalsTest', 'Startup_BluetoothInternals', function() {
   /** @const */ var PageManager = cr.ui.pageManager.PageManager;
 
   var adapterFactory = null;
   var adapterFieldSet = null;
   var deviceTable = null;
   var sidebarNode = null;
+  var pageNames = ['adapter', 'devices'];
 
   var fakeAdapterInfo = this.fakeAdapterInfo;
   var fakeDeviceInfo1 = this.fakeDeviceInfo1;
   var fakeDeviceInfo2 = this.fakeDeviceInfo2;
   var fakeDeviceInfo3 = this.fakeDeviceInfo3;
+  var fakeServiceInfo1 = this.fakeServiceInfo1;
+  var fakeServiceInfo2 = this.fakeServiceInfo2;
 
   // Before tests are run, make sure setup completes.
   var setupPromise = this.setupResolver.promise.then(function() {
     adapterFactory = this.adapterFactory;
   }.bind(this));
 
   suite('BluetoothInternalsUITest', function() {
     var EXPECTED_DEVICES = 2;
 
     suiteSetup(function() {
       return setupPromise.then(function() {
         return Promise.all([
           adapterFactory.whenCalled('getAdapter'),
           adapterFactory.adapter.whenCalled('getInfo'),
           adapterFactory.adapter.whenCalled('getDevices'),
           adapterFactory.adapter.whenCalled('setClient'),
         ]);
       });
     });
 
     setup(function() {
       adapterFieldSet = document.querySelector('#adapter fieldset');
       deviceTable = document.querySelector('#devices table');
       sidebarNode = document.querySelector('#sidebar');
       devices.splice(0, devices.length);
       adapterBroker.adapterClient_.deviceAdded(fakeDeviceInfo1());
       adapterBroker.adapterClient_.deviceAdded(fakeDeviceInfo2());
+
     });
 
     teardown(function() {
       adapterFactory.reset();
       sidebarObj.close();
       snackbar.Snackbar.dismiss(true);
+
+      adapterFactory.adapter.deviceProxyMap.forEach(function(deviceProxy) {
+        deviceProxy.reset();
+      });
+
       PageManager.registeredPages['adapter'].setAdapterInfo(fakeAdapterInfo());
+
+      for (var pageName in PageManager.registeredPages) {
+        var page = PageManager.registeredPages[pageName];
+
+        if (pageNames.indexOf(pageName) < 0) {
+          page.pageDiv.parentNode.removeChild(page.pageDiv);
+          PageManager.unregister(page);
+        }
+      }
     });
 
     /**
      * Updates device info and verifies the contents of the device table.
      * @param {!device_collection.DeviceInfo} deviceInfo
      */
     function changeDevice(deviceInfo) {
       var deviceRow = deviceTable.querySelector('#' + escapeDeviceAddress(
           deviceInfo.address));
       var nameForDisplayColumn = deviceRow.children[0];
@@ skipping 149 matching lines @@
       newDeviceInfo3.rssi = {value: -17};
       adapterBroker.adapterClient_.deviceChanged(newDeviceInfo3);
       expectEquals('-17', rssiColumn.textContent);
     });
 
     /* Sidebar Tests */
     test('Sidebar_Setup', function() {
       var sidebarItems = Array.from(
           sidebarNode.querySelectorAll('.sidebar-content li'));
 
-      ['adapter', 'devices'].forEach(function(pageName) {
+      pageNames.forEach(function(pageName) {
         expectTrue(sidebarItems.some(function(item) {
           return item.dataset.pageName === pageName;
         }));
       });
     });
 
     test('Sidebar_DefaultState', function() {
       // Sidebar should be closed by default.
       expectFalse(sidebarNode.classList.contains('open'));
     });
@@ skipping 162 matching lines @@
       checkAdapterFieldSet(adapterInfo);
       adapterBroker.adapterClient_.presentChanged(adapterInfo.present);
       checkAdapterFieldSet(adapterInfo);
 
       adapterInfo.discovering = !adapterInfo.discovering;
       adapterBroker.adapterClient_.discoveringChanged(adapterInfo.discovering);
       checkAdapterFieldSet(adapterInfo);
       adapterBroker.adapterClient_.discoveringChanged(adapterInfo.discovering);
       checkAdapterFieldSet(adapterInfo);
     });
+
+    /** Device Details Page Tests */
+
+    /**
+     * Checks DeviceDetailsPage status fieldset.
+     * @param {!HTMLElement} detailsPage
+     * @param {!Object} deviceInfo
+     */
+    function checkDeviceDetailsFieldSet(detailsPage, deviceInfo) {
+      [
+        'name',
+        'address',
+        'is_gatt_connected',
+        'rssi.value',
+        'services.length',
+      ].forEach(function(propName){
+        var valueCell = detailsPage.querySelector(
+            'fieldset [data-field="' + propName + '"]');
+
+        var parts = propName.split('.');
+        var value = deviceInfo;
+
+        while (value != null && parts.length > 0) {
+          var part = parts.shift();
+          value = value[part];
+        }
+
+        if (propName == 'is_gatt_connected')
+          value = value ? 'Connected' : 'Not Connected';
+
+        if (typeof(value) === 'boolean') {
+          expectEquals(value, valueCell.classList.contains('checked'));
+        } else if (typeof(value) === 'string') {
+          expectEquals(value, valueCell.textContent);
+        } else {
+          assert('boolean or string type expected but got ' + typeof(value));
+        }
+      });
+    }
+
+    test('DeviceDetailsPage_NewDelete', function() {
+      var device = devices.item(0);
+
+      var deviceInspectLink = $(device.address).querySelector(
+          '[is="action-link"]');
+
+      var deviceDetailsPageId = 'devices/' + device.address.toLowerCase();
+
+      deviceInspectLink.click();
+      expectEquals("#" + deviceDetailsPageId, window.location.hash);
+
+      var detailsPage = $(deviceDetailsPageId);
+      assertTrue(!!detailsPage);
+
+      return adapterFactory.adapter.deviceProxyMap.get(
+          device.address).whenCalled('getServices').then(function() {
+            // At this point, the device details page should be fully loaded.
+            checkDeviceDetailsFieldSet(detailsPage, device);
+
+            detailsPage.querySelector('.forget').click();
+            expectEquals('#devices', window.location.hash);
+            detailsPage = $(deviceDetailsPageId);
+            expectFalse(!!detailsPage);
+          });
+    });
+
+    test('DeviceDetailsPage_NewDelete_FromDevicesPage', function() {
+      var device = devices.item(0);
+      var deviceDetailsPageId = 'devices/' + device.address.toLowerCase();
+
+      var deviceLinks = $(device.address).querySelectorAll(
+          '[is="action-link"]');
+
+      // First link is 'Inspect'.
+      deviceLinks[0].click();
+      expectEquals("#" + deviceDetailsPageId, window.location.hash);
+
+      var detailsPage = $(deviceDetailsPageId);
+      assertTrue(!!detailsPage);
+
+      return adapterFactory.adapter.deviceProxyMap.get(
+          device.address).whenCalled('getServices').then(function() {
+            checkDeviceDetailsFieldSet(detailsPage, device);
+
+            // Second link is 'Forget'.
+            deviceLinks[1].click();
+            expectEquals('#devices', window.location.hash);
+            detailsPage = $(deviceDetailsPageId);
+            expectFalse(!!detailsPage);
+          });
+    });
   });
 
   // Run all registered tests.
   mocha.run();
 });