MD Bookmarks: Implement dialog to add new folders/bookmarks

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;
+  var lastCreation;
 
   suiteSetup(function() {
     chrome.bookmarks.update = function(id, edit) {
       lastUpdate.id = id;
       lastUpdate.edit = edit;
-    }
+    };
+    chrome.bookmarks.create = function(node) {
+      lastCreation = node;
+    };
   });
 
   setup(function() {
     lastUpdate = {};
+    lastCreation = {};
     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('adding a folder hides the url field', function() {
+    dialog.showAddDialog(true, '1');
+    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: 'http://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);
@@ skipping 11 matching lines @@
   });
 
   test('pressing enter saves and closes dialog', function() {
     var item = createItem('1', {url: 'http://www.example.com'});
     dialog.showEditDialog(item);
 
     MockInteractions.pressEnter(dialog.$.url);
     assertFalse(dialog.$.dialog.open);
   });
 
+  test('add passes the correct details to the backend', function() {
+    dialog.showAddDialog(false, '1');
+
+    dialog.titleValue_ = 'Permission Site';
+    dialog.urlValue_ = 'permission.site';
+
+    MockInteractions.tap(dialog.$.saveButton);
+
+    assertEquals('1', lastCreation.parentId);
+    assertEquals('http://permission.site', lastCreation.url);
+    assertEquals('Permission Site', lastCreation.title);
+  });
+
   test('validates urls correctly', function() {
     dialog.urlValue_ = 'http://www.example.com';
     assertTrue(dialog.validateUrl_());
 
     dialog.urlValue_ = 'https://a@example.com:8080';
     assertTrue(dialog.validateUrl_());
 
     dialog.urlValue_ = 'example.com';
     assertTrue(dialog.validateUrl_());
     assertEquals('http://example.com', dialog.urlValue_);
@@ skipping 10 matching lines @@
     dialog.showEditDialog(item);
 
     dialog.urlValue_ = '';
 
     MockInteractions.tap(dialog.$.saveButton);
 
     assertTrue(dialog.$.url.invalid);
     assertTrue(dialog.$.dialog.open);
   });
 });