| OLD | NEW |
| 1 TestRunner.addResult('Test ListControl rendering and selection for fixed height
case.'); | 1 TestRunner.addResult('Test ListControl rendering and selection for fixed height
case.'); |
| 2 | 2 |
| 3 class Delegate { | 3 class Delegate { |
| 4 constructor() { | 4 constructor() { |
| 5 this.height = 10; | 5 this.height = 10; |
| 6 } | 6 } |
| 7 | 7 |
| 8 createElementForItem(item) { | 8 createElementForItem(item) { |
| 9 TestRunner.addResult('Creating element for ' + item); | 9 TestRunner.addResult('Creating element for ' + item); |
| 10 var element = document.createElement('div'); | 10 var element = document.createElement('div'); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 selectedItemChanged(from, to, fromElement, toElement) { | 24 selectedItemChanged(from, to, fromElement, toElement) { |
| 25 TestRunner.addResult('Selection changed from ' + from + ' to ' + to); | 25 TestRunner.addResult('Selection changed from ' + from + ' to ' + to); |
| 26 if (fromElement) | 26 if (fromElement) |
| 27 fromElement.classList.remove('selected'); | 27 fromElement.classList.remove('selected'); |
| 28 if (toElement) | 28 if (toElement) |
| 29 toElement.classList.add('selected'); | 29 toElement.classList.add('selected'); |
| 30 } | 30 } |
| 31 } | 31 } |
| 32 | 32 |
| 33 var delegate = new Delegate(); | 33 var delegate = new Delegate(); |
| 34 var list = new UI.ListControl(delegate); | 34 var list = new UI.ListControl(delegate, UI.ListMode.ViewportFixedItems); |
| 35 list.setHeightMode(UI.ListHeightMode.Fixed); | |
| 36 list.element.style.height = '73px'; | 35 list.element.style.height = '73px'; |
| 37 UI.inspectorView.element.appendChild(list.element); | 36 UI.inspectorView.element.appendChild(list.element); |
| 38 | 37 |
| 39 function dumpList() | 38 function dumpList() |
| 40 { | 39 { |
| 41 var height = list.element.offsetHeight; | 40 var height = list.element.offsetHeight; |
| 42 TestRunner.addResult(`----list[length=${list.length()}][height=${height}]----`
); | 41 TestRunner.addResult(`----list[length=${list.length()}][height=${height}]----`
); |
| 43 for (var child of list.element.children) { | 42 for (var child of list.element.children) { |
| 44 var offsetTop = child.getBoundingClientRect().top - list.element.getBounding
ClientRect().top; | 43 var offsetTop = child.getBoundingClientRect().top - list.element.getBounding
ClientRect().top; |
| 45 var offsetBottom = child.getBoundingClientRect().bottom - list.element.getBo
undingClientRect().top; | 44 var offsetBottom = child.getBoundingClientRect().bottom - list.element.getBo
undingClientRect().top; |
| (...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 130 dumpList(); | 129 dumpList(); |
| 131 | 130 |
| 132 TestRunner.addResult('Scrolling to 12'); | 131 TestRunner.addResult('Scrolling to 12'); |
| 133 list.scrollItemAtIndexIntoView(12); | 132 list.scrollItemAtIndexIntoView(12); |
| 134 dumpList(); | 133 dumpList(); |
| 135 | 134 |
| 136 TestRunner.addResult('Scrolling to 13'); | 135 TestRunner.addResult('Scrolling to 13'); |
| 137 list.scrollItemAtIndexIntoView(13); | 136 list.scrollItemAtIndexIntoView(13); |
| 138 dumpList(); | 137 dumpList(); |
| 139 | 138 |
| 140 TestRunner.addResult('Changing the item height, switching to measure'); | 139 TestRunner.addResult('Changing the item height'); |
| 141 delegate.height = 15; | 140 delegate.height = 15; |
| 142 list.setHeightMode(UI.ListHeightMode.Measured); | 141 list.fixedHeightChanged(); |
| 143 dumpList(); | 142 dumpList(); |
| 144 | 143 |
| 145 TestRunner.addResult('Selecting 7'); | 144 TestRunner.addResult('Selecting 7'); |
| 146 list.selectItemAtIndex(7); | 145 list.selectItemAtIndex(7); |
| 147 dumpList(); | 146 dumpList(); |
| 148 | 147 |
| 149 TestRunner.addResult('Replacing 7 with 27'); | 148 TestRunner.addResult('Replacing 7 with 27'); |
| 150 list.replaceItemsInRange(7, 8, [27]); | 149 list.replaceItemsInRange(7, 8, [27]); |
| 151 dumpList(); | 150 dumpList(); |
| 152 | 151 |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 192 | 191 |
| 193 TestRunner.addResult('Replacing all but 29 with []'); | 192 TestRunner.addResult('Replacing all but 29 with []'); |
| 194 list.replaceItemsInRange(0, 29, []); | 193 list.replaceItemsInRange(0, 29, []); |
| 195 dumpList(); | 194 dumpList(); |
| 196 | 195 |
| 197 TestRunner.addResult('ArrowDown'); | 196 TestRunner.addResult('ArrowDown'); |
| 198 list.onKeyDown(TestRunner.createKeyEvent('ArrowDown')); | 197 list.onKeyDown(TestRunner.createKeyEvent('ArrowDown')); |
| 199 dumpList(); | 198 dumpList(); |
| 200 | 199 |
| 201 TestRunner.completeTest(); | 200 TestRunner.completeTest(); |
| OLD | NEW |