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 |