| OLD | NEW |
| 1 TestRunner.addResult('Test ListControl rendering for variable height case.'); | 1 TestRunner.addResult('Test ListControl rendering for variable height case.'); |
| 2 | 2 |
| 3 class Delegate { | 3 class Delegate { |
| 4 constructor() { | 4 constructor() { |
| 5 } | 5 } |
| 6 | 6 |
| 7 createElementForItem(item) { | 7 createElementForItem(item) { |
| 8 TestRunner.addResult('Creating element for ' + item); | 8 TestRunner.addResult('Creating element for ' + item); |
| 9 var element = document.createElement('div'); | 9 var element = document.createElement('div'); |
| 10 element.style.height = this.heightForItem(item) + 'px'; | 10 element.style.height = this.heightForItem(item) + 'px'; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 23 selectedItemChanged(from, to, fromElement, toElement) { | 23 selectedItemChanged(from, to, fromElement, toElement) { |
| 24 TestRunner.addResult('Selection changed from ' + from + ' to ' + to); | 24 TestRunner.addResult('Selection changed from ' + from + ' to ' + to); |
| 25 if (fromElement) | 25 if (fromElement) |
| 26 fromElement.classList.remove('selected'); | 26 fromElement.classList.remove('selected'); |
| 27 if (toElement) | 27 if (toElement) |
| 28 toElement.classList.add('selected'); | 28 toElement.classList.add('selected'); |
| 29 } | 29 } |
| 30 } | 30 } |
| 31 | 31 |
| 32 var delegate = new Delegate(); | 32 var delegate = new Delegate(); |
| 33 var list = new UI.ListControl(delegate); | 33 var list = new UI.ListControl(delegate, UI.ListMode.ViewportVariableItems); |
| 34 list.setHeightMode(UI.ListHeightMode.Variable); | |
| 35 list.element.style.height = '73px'; | 34 list.element.style.height = '73px'; |
| 36 UI.inspectorView.element.appendChild(list.element); | 35 UI.inspectorView.element.appendChild(list.element); |
| 37 | 36 |
| 38 function dumpList() | 37 function dumpList() |
| 39 { | 38 { |
| 40 var height = list.element.offsetHeight; | 39 var height = list.element.offsetHeight; |
| 41 TestRunner.addResult(`----list[length=${list.length()}][height=${height}]----`
); | 40 TestRunner.addResult(`----list[length=${list.length()}][height=${height}]----`
); |
| 42 for (var child of list.element.children) { | 41 for (var child of list.element.children) { |
| 43 var offsetTop = child.getBoundingClientRect().top - list.element.getBounding
ClientRect().top; | 42 var offsetTop = child.getBoundingClientRect().top - list.element.getBounding
ClientRect().top; |
| 44 var offsetBottom = child.getBoundingClientRect().bottom - list.element.getBo
undingClientRect().top; | 43 var offsetBottom = child.getBoundingClientRect().bottom - list.element.getBo
undingClientRect().top; |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 107 TestRunner.addResult('Replacing 45 with 16-18'); | 106 TestRunner.addResult('Replacing 45 with 16-18'); |
| 108 list.replaceItemsInRange(16, 17, [16, 17, 18]); | 107 list.replaceItemsInRange(16, 17, [16, 17, 18]); |
| 109 dumpList(); | 108 dumpList(); |
| 110 | 109 |
| 111 TestRunner.addResult('Resizing'); | 110 TestRunner.addResult('Resizing'); |
| 112 list.element.style.height = '190px'; | 111 list.element.style.height = '190px'; |
| 113 list.viewportResized(); | 112 list.viewportResized(); |
| 114 dumpList(); | 113 dumpList(); |
| 115 | 114 |
| 116 TestRunner.completeTest(); | 115 TestRunner.completeTest(); |
| OLD | NEW |