Index: chrome/test/data/webui/inline_editable_list_test.html |
diff --git a/chrome/test/data/webui/inline_editable_list_test.html b/chrome/test/data/webui/inline_editable_list_test.html |
deleted file mode 100644 |
index fe1181de8ba0b2e30996ecd0722708564b3a7956..0000000000000000000000000000000000000000 |
--- a/chrome/test/data/webui/inline_editable_list_test.html |
+++ /dev/null |
@@ -1,152 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<body> |
- |
-<script> |
- |
-function setUp() { |
- loadTimeData.data = { |
- 'deletableItemDeleteButtonTitle': 'test_deletable_button_title' |
- }; |
- |
- cr.define('options', function() { |
- /** @const */ var InlineEditableItemList = options.InlineEditableItemList; |
- /** @const */ var InlineEditableItem = options.InlineEditableItem; |
- |
- /** |
- * Creates a test list item. |
- * @param {string} name This item's name. |
- * @constructor |
- * @extends {options.InlineEditableItem} |
- */ |
- function TestItem(name) { |
- var el = cr.doc.createElement('div'); |
- el.name_ = name; |
- TestItem.decorate(el); |
- return el; |
- } |
- |
- /** |
- * Decorates an element as a test list item. |
- * @param {!HTMLElement} el The element to decorate. |
- */ |
- TestItem.decorate = function(el) { |
- el.__proto__ = TestItem.prototype; |
- el.decorate(); |
- }; |
- |
- TestItem.prototype = { |
- __proto__: InlineEditableItem.prototype, |
- |
- /** |
- * Item name. Used to set the item's text fields. |
- * @type {string} |
- * @private |
- */ |
- name_: null, |
- |
- /** @override */ |
- decorate: function() { |
- InlineEditableItem.prototype.decorate.call(this); |
- |
- var fieldEl = this.createEditableTextCell(this.name_); |
- this.contentElement.appendChild(fieldEl); |
- |
- fieldEl = this.createEditableTextCell(this.name_ + '_two'); |
- this.contentElement.appendChild(fieldEl); |
- }, |
- }; |
- |
- /** |
- * @constructor |
- * @extends {options.InlineEditableItemList} |
- */ |
- var TestItemList = cr.ui.define('list'); |
- |
- TestItemList.prototype = { |
- __proto__: InlineEditableItemList.prototype, |
- |
- /** |
- * @override |
- * @param {string} name |
- */ |
- createItem: function(name) { |
- return new TestItem(name); |
- }, |
- |
- /** |
- * @param {!Element} el |
- * @return {boolean} True if |el| or any of its children are focusable. |
- * @private |
- */ |
- hasFocusableElement_: function(el) { |
- return el.querySelectorAll('[tabindex="0"]').length > 0; |
- }, |
- |
- /** |
- * @param {number} itemIndex |
- * @return {boolean} True if item at |itemIndex| has a focusable element |
- * and no other items have focusable elements. |
- */ |
- hasExactlyOneItemFocusable: function(itemIndex) { |
- var length = this.items.length; |
- for(var i = 0; i < length; ++i) { |
- if (this.hasFocusableElement_(this.items[i]) != (i == itemIndex)) |
- return false; |
- } |
- return true; |
- }, |
- }; |
- |
- // Export. |
- return { |
- TestItemList: TestItemList |
- }; |
- |
- }) |
-} |
- |
-/** |
- * @param {!EventTarget} target Where to send the event. |
- * @param {!string} key Which key to send. |
- */ |
-function sendKeyDownEvent(target, key) { |
- var event = new KeyboardEvent('keydown', |
- {bubbles: true, cancelable: true, key: key}); |
- target.dispatchEvent(event); |
-} |
- |
-/** |
- * Test that exactly one item in the list is focusable after navigating the |
- * list using up and down arrow keys. |
- */ |
-function testUpDownFocus() { |
- var list = document.createElement('ul'); |
- list.style.position = 'absolute'; |
- list.style.width = '800px'; |
- list.style.height = '800px'; |
- options.TestItemList.decorate(list); |
- document.body.appendChild(list); |
- |
- var model = new cr.ui.ArrayDataModel(['itemA', 'itemB', 'itemC']); |
- list.dataModel = model; |
- list.selectionModel.setIndexSelected(0, true); |
- list.selectionModel.leadIndex = 0; |
- |
- assertTrue(list.hasExactlyOneItemFocusable(0)); |
- sendKeyDownEvent(list, 'ArrowDown'); |
- assertTrue(list.hasExactlyOneItemFocusable(1)); |
- sendKeyDownEvent(list, 'ArrowDown'); |
- assertTrue(list.hasExactlyOneItemFocusable(2)); |
- sendKeyDownEvent(list, 'ArrowUp'); |
- assertTrue(list.hasExactlyOneItemFocusable(1)); |
- sendKeyDownEvent(list, 'ArrowUp'); |
- assertTrue(list.hasExactlyOneItemFocusable(0)); |
- sendKeyDownEvent(list, 'ArrowDown'); |
- assertTrue(list.hasExactlyOneItemFocusable(1)); |
-} |
- |
-</script> |
- |
-</body> |
-</html> |