MD Bookmarks: Extract bookmark editing into a <bookmark-edit-dialog> element

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

+// Copyright 2017 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-edit-dialog>', function() {
+  var dialog;
+  var lastUpdate;
+
+  suiteSetup(function() {
+    chrome.bookmarks.update = function(id, edit) {
+      lastUpdate.id = id;
+      lastUpdate.edit = edit;
+    }
+  });
+
+  setup(function() {
+    lastUpdate = {};
+    dialog = document.createElement('bookmarks-edit-dialog');
+    replaceBody(dialog);
+  });
+
+  test('editing an item shows the url field', function() {
+    var item = createItem('0');
+    dialog.showEditDialog(item);
+
+    assertFalse(dialog.$.url.hidden);
+  });
+
+  test('editing a folder hides the url field', function() {
+    var folder = createFolder('0', []);
+    dialog.showEditDialog(folder);
+
+    assertTrue(dialog.$.url.hidden);
+  });
+
+  test('editing passes the correct details to the update', function() {
+    // Editing an item without changing anything.
+    var item = createItem('1', {url: 'www.website.com', title: 'website'});
+    dialog.showEditDialog(item);
+
+    MockInteractions.tap(dialog.$.saveButton);
+
+    assertEquals(item.id, lastUpdate.id);
+    assertEquals(item.url, lastUpdate.edit.url);
+    assertEquals(item.title, lastUpdate.edit.title);
+
+    // Editing a folder, changing the title.
+    var folder = createFolder('2', [], {title: 'Cool Sites'});
+    dialog.showEditDialog(folder);
+    dialog.titleValue_ = 'Awesome websites';
+
+    MockInteractions.tap(dialog.$.saveButton);
+
+    assertEquals(folder.id, lastUpdate.id);
+    assertEquals(undefined, lastUpdate.edit.url);
+    assertEquals('Awesome websites', lastUpdate.edit.title);
+  });
+});