Show dictionary changes in chrome://settings/editDictionary as changes come in

chrome/browser/ui/webui/options/edit_dictionary_browsertest.js

 // Copyright (c) 2012 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.
 
 /**
  * TestFixture for EditDictionaryOverlay WebUI testing.
  * @extends {testing.Test}
  * @constructor
  **/
 function EditDictionaryWebUITest() {}
@@ skipping 55 matching lines @@
     el.value = value;
     cr.dispatchSimpleEvent(el, 'search');
   };
   var searchField = $('language-dictionary-overlay-search-field');
   fakeSearchEvent(searchField, 'foo');
   expectEquals(2, EditDictionaryOverlay.getWordListForTesting().items.length);
 
   fakeSearchEvent(searchField, '');
   expectEquals(3, EditDictionaryOverlay.getWordListForTesting().items.length);
 });
+
+TEST_F('EditDictionaryWebUITest', 'testAddNotification', function() {

[James Hawkins, 2013/01/18 21:07:46]

nit: Document specifically what each test is testing.

[please use gerrit instead, 2013/01/18 23:34:53]

Done.

+  // Begin with an empty dictionary.
+  EditDictionaryOverlay.setWordList([]);
+  expectEquals(1, EditDictionaryOverlay.getWordListForTesting().items.length);
+
+  // User adds word 'foo'.
+  EditDictionaryOverlay.getWordListForTesting().addDictionaryWord_('foo');
+  expectEquals(2, EditDictionaryOverlay.getWordListForTesting().items.length);
+
+  // Backend notifies UI that the word 'foo' has been added. UI ignores this
+  // notification, because the word is displayed immediately after user added
+  // it.
+  EditDictionaryOverlay.updateWords(['foo'], []);
+  expectEquals(2, EditDictionaryOverlay.getWordListForTesting().items.length);
+
+  // Backend notifies UI that the words 'bar' and 'baz' were added. UI shows
+  // these new words.
+  EditDictionaryOverlay.updateWords(['bar', 'baz'], []);
+  expectEquals(4, EditDictionaryOverlay.getWordListForTesting().items.length);
+});
+
+TEST_F('EditDictionaryWebUITest', 'testRemoveNotification', function() {
+  // Begin with a dictionary with words 'foo', 'bar', 'baz', and 'baz'. The
+  // second instance of 'baz' appears because the user added the word twice.
+  // The backend keeps only one copy of the word.
+  EditDictionaryOverlay.setWordList(['foo', 'bar', 'baz', 'baz']);
+  expectEquals(5, EditDictionaryOverlay.getWordListForTesting().items.length);
+
+  // User deletes the second instance of 'baz'.
+  EditDictionaryOverlay.getWordListForTesting().deleteItemAtIndex(3);
+  expectEquals(4, EditDictionaryOverlay.getWordListForTesting().items.length);
+
+  // Backend notifies UI that the word 'baz' has been removed. UI ignores this
+  // notification.
+  EditDictionaryOverlay.updateWords([], ['baz']);
+  expectEquals(4, EditDictionaryOverlay.getWordListForTesting().items.length);
+
+  // Backend notifies UI that words 'foo' and 'bar' have been removed. UI
+  // removes these words.
+  EditDictionaryOverlay.updateWords([], ['foo', 'bar']);
+  expectEquals(2, EditDictionaryOverlay.getWordListForTesting().items.length);
+});