[MD Bookmarks] Add UI for Material Bookmarks.

chrome/test/data/webui/md_bookmarks/item_test.js

Index: chrome/test/data/webui/md_bookmarks/item_test.js
diff --git a/chrome/test/data/webui/md_bookmarks/item_test.js b/chrome/test/data/webui/md_bookmarks/item_test.js
new file mode 100644
index 0000000000000000000000000000000000000000..a7e6eee1d5b6a2c1ab00344f8cd8ce3eccbc4b14
--- /dev/null
+++ b/chrome/test/data/webui/md_bookmarks/item_test.js
@@ -0,0 +1,33 @@
+// 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.
+
+suite('<bookmarks-item>', function() {
+  var item;
+  var TEST_ITEM = {
+    id: '0', url: 'http://www.google.com'
+  };
+
+  setup(function() {
+    item = document.createElement('bookmarks-item');
+    item.isTesting_ = true;

[tsergeant, 2017/01/04 03:44:12]

This doesn't do anything anymore, get rid of it.

[jiaxi, 2017/01/04 04:12:34]

Done.

+    replaceBody(item);
+    item.item = TEST_ITEM;
+  });
+
+  test('changing the url changes the favicon', function() {
+    var favicon = item.$.icon.style.backgroundImage;
+    item.set('item.url', 'http://www.mail.google.com');
+    assertNotEquals(favicon, item.$.icon.style.backgroundImage);
+  });
+
+  test('changing isFolder_ hides/unhides the folder/icon', function() {
+    item.isFolder_ = true;
+    assertFalse(item.$['folder-icon'].hidden);
+    assertTrue(item.$.icon.hidden);
+
+    item.isFolder_ = false;
+    assertTrue(item.$['folder-icon'].hidden);
+    assertFalse(item.$.icon.hidden);
+  });
+});