| OLD | NEW |
|---|
| (Empty) | |
| 1 Test ListControl rendering and selection for fixed height case. |
| 2 Adding 0, 1, 2 |
| 3 Creating element for 0 |
| 4 Creating element for 1 |
| 5 Creating element for 2 |
| 6 ----list[length=3][height=73]---- |
| 7 [0] top |
| 8 *[0] 0 |
| 9 *[10] 1 |
| 10 *[20] 2 |
| 11 *[30] bottom |
| 12 |
| 13 Scrolling to 0 |
| 14 ----list[length=3][height=73]---- |
| 15 [0] top |
| 16 *[0] 0 |
| 17 *[10] 1 |
| 18 *[20] 2 |
| 19 *[30] bottom |
| 20 |
| 21 Scrolling to 2 |
| 22 ----list[length=3][height=73]---- |
| 23 [0] top |
| 24 *[0] 0 |
| 25 *[10] 1 |
| 26 *[20] 2 |
| 27 *[30] bottom |
| 28 |
| 29 ArrowDown |
| 30 Selection changed from null to 0 |
| 31 ----list[length=3][height=73]---- |
| 32 [0] top |
| 33 *[0] 0 (selected) |
| 34 *[10] 1 |
| 35 *[20] 2 |
| 36 *[30] bottom |
| 37 |
| 38 Selecting 2 |
| 39 Selection changed from 0 to 2 |
| 40 ----list[length=3][height=73]---- |
| 41 [0] top |
| 42 *[0] 0 |
| 43 *[10] 1 |
| 44 *[20] 2 (selected) |
| 45 *[30] bottom |
| 46 |
| 47 PageUp |
| 48 Selection changed from 2 to 0 |
| 49 ----list[length=3][height=73]---- |
| 50 [0] top |
| 51 *[0] 0 (selected) |
| 52 *[10] 1 |
| 53 *[20] 2 |
| 54 *[30] bottom |
| 55 |
| 56 PageDown |
| 57 Selection changed from 0 to 2 |
| 58 ----list[length=3][height=73]---- |
| 59 [0] top |
| 60 *[0] 0 |
| 61 *[10] 1 |
| 62 *[20] 2 (selected) |
| 63 *[30] bottom |
| 64 |
| 65 ArrowDown |
| 66 Selection changed from 2 to 0 |
| 67 ----list[length=3][height=73]---- |
| 68 [0] top |
| 69 *[0] 0 (selected) |
| 70 *[10] 1 |
| 71 *[20] 2 |
| 72 *[30] bottom |
| 73 |
| 74 Replacing 0 with 5, 6, 7 |
| 75 Creating element for 5 |
| 76 Creating element for 6 |
| 77 Creating element for 7 |
| 78 Selection changed from 0 to 2 |
| 79 ----list[length=5][height=73]---- |
| 80 [0] top |
| 81 *[0] 5 |
| 82 *[10] 6 |
| 83 *[20] 7 |
| 84 *[30] 1 |
| 85 *[40] 2 (selected) |
| 86 *[50] bottom |
| 87 |
| 88 ArrowUp |
| 89 Selection changed from 2 to 7 |
| 90 ----list[length=5][height=73]---- |
| 91 [0] top |
| 92 *[0] 5 |
| 93 *[10] 6 |
| 94 *[20] 7 (selected) |
| 95 *[30] 1 |
| 96 *[40] 2 |
| 97 *[50] bottom |
| 98 |
| 99 Pushing 10 |
| 100 Creating element for 10 |
| 101 ----list[length=6][height=73]---- |
| 102 [0] top |
| 103 *[0] 5 |
| 104 *[10] 6 |
| 105 *[20] 7 (selected) |
| 106 *[30] 1 |
| 107 *[40] 2 |
| 108 *[50] 10 |
| 109 *[60] bottom |
| 110 |
| 111 Selecting 10 |
| 112 Selection changed from 7 to 10 |
| 113 ----list[length=6][height=73]---- |
| 114 [0] top |
| 115 *[0] 5 |
| 116 *[10] 6 |
| 117 *[20] 7 |
| 118 *[30] 1 |
| 119 *[40] 2 |
| 120 *[50] 10 (selected) |
| 121 *[60] bottom |
| 122 |
| 123 Popping 10 |
| 124 Selection changed from 10 to 2 |
| 125 ----list[length=5][height=73]---- |
| 126 [0] top |
| 127 *[0] 5 |
| 128 *[10] 6 |
| 129 *[20] 7 |
| 130 *[30] 1 |
| 131 *[40] 2 (selected) |
| 132 *[50] bottom |
| 133 |
| 134 Removing 2 |
| 135 Selection changed from 2 to 7 |
| 136 ----list[length=4][height=73]---- |
| 137 [0] top |
| 138 *[0] 5 |
| 139 *[10] 6 |
| 140 *[20] 7 (selected) |
| 141 *[30] 1 |
| 142 *[40] bottom |
| 143 |
| 144 Inserting 8 |
| 145 Creating element for 8 |
| 146 ----list[length=5][height=73]---- |
| 147 [0] top |
| 148 *[0] 5 |
| 149 *[10] 8 |
| 150 *[20] 6 |
| 151 *[30] 7 (selected) |
| 152 *[40] 1 |
| 153 *[50] bottom |
| 154 |
| 155 Replacing with 0...20 |
| 156 Creating element for 0 |
| 157 Creating element for 1 |
| 158 Creating element for 2 |
| 159 Creating element for 3 |
| 160 Creating element for 4 |
| 161 Creating element for 5 |
| 162 Creating element for 6 |
| 163 Creating element for 7 |
| 164 Creating element for 8 |
| 165 Creating element for 9 |
| 166 Creating element for 10 |
| 167 Creating element for 11 |
| 168 Creating element for 12 |
| 169 Creating element for 13 |
| 170 Creating element for 14 |
| 171 Selection changed from 7 to null |
| 172 ----list[length=20][height=73]---- |
| 173 [0] top |
| 174 *[0] 0 |
| 175 *[10] 1 |
| 176 *[20] 2 |
| 177 *[30] 3 |
| 178 *[40] 4 |
| 179 *[50] 5 |
| 180 *[60] 6 |
| 181 +[70] 7 |
| 182 [80] 8 |
| 183 [90] 9 |
| 184 [100] 10 |
| 185 [110] 11 |
| 186 [120] 12 |
| 187 [130] 13 |
| 188 [140] 14 |
| 189 [150] bottom |
| 190 |
| 191 Resizing |
| 192 Creating element for 15 |
| 193 Creating element for 16 |
| 194 ----list[length=20][height=84]---- |
| 195 [0] top |
| 196 *[0] 0 |
| 197 *[10] 1 |
| 198 *[20] 2 |
| 199 *[30] 3 |
| 200 *[40] 4 |
| 201 *[50] 5 |
| 202 *[60] 6 |
| 203 *[70] 7 |
| 204 +[80] 8 |
| 205 [90] 9 |
| 206 [100] 10 |
| 207 [110] 11 |
| 208 [120] 12 |
| 209 [130] 13 |
| 210 [140] 14 |
| 211 [150] 15 |
| 212 [160] 16 |
| 213 [170] bottom |
| 214 |
| 215 Scrolling to 19 |
| 216 Creating element for 17 |
| 217 Creating element for 18 |
| 218 Creating element for 19 |
| 219 ----list[length=20][height=84]---- |
| 220 [-116] top |
| 221 [-86] 3 |
| 222 [-76] 4 |
| 223 [-66] 5 |
| 224 [-56] 6 |
| 225 [-46] 7 |
| 226 [-36] 8 |
| 227 [-26] 9 |
| 228 [-16] 10 |
| 229 +[-6] 11 |
| 230 *[4] 12 |
| 231 *[14] 13 |
| 232 *[24] 14 |
| 233 *[34] 15 |
| 234 *[44] 16 |
| 235 *[54] 17 |
| 236 *[64] 18 |
| 237 *[74] 19 |
| 238 [84] bottom |
| 239 |
| 240 Scrolling to 5 |
| 241 ----list[length=20][height=84]---- |
| 242 [-50] top |
| 243 [-50] 0 |
| 244 [-40] 1 |
| 245 [-30] 2 |
| 246 [-20] 3 |
| 247 [-10] 4 |
| 248 *[0] 5 |
| 249 *[10] 6 |
| 250 *[20] 7 |
| 251 *[30] 8 |
| 252 *[40] 9 |
| 253 *[50] 10 |
| 254 *[60] 11 |
| 255 *[70] 12 |
| 256 +[80] 13 |
| 257 [90] 14 |
| 258 [100] 15 |
| 259 [110] 16 |
| 260 [120] 17 |
| 261 [130] 18 |
| 262 [140] 19 |
| 263 [150] bottom |
| 264 |
| 265 Scrolling to 12 |
| 266 ----list[length=20][height=84]---- |
| 267 [-50] top |
| 268 [-50] 0 |
| 269 [-40] 1 |
| 270 [-30] 2 |
| 271 [-20] 3 |
| 272 [-10] 4 |
| 273 *[0] 5 |
| 274 *[10] 6 |
| 275 *[20] 7 |
| 276 *[30] 8 |
| 277 *[40] 9 |
| 278 *[50] 10 |
| 279 *[60] 11 |
| 280 *[70] 12 |
| 281 +[80] 13 |
| 282 [90] 14 |
| 283 [100] 15 |
| 284 [110] 16 |
| 285 [120] 17 |
| 286 [130] 18 |
| 287 [140] 19 |
| 288 [150] bottom |
| 289 |
| 290 Scrolling to 13 |
| 291 ----list[length=20][height=84]---- |
| 292 [-56] top |
| 293 [-56] 0 |
| 294 [-46] 1 |
| 295 [-36] 2 |
| 296 [-26] 3 |
| 297 [-16] 4 |
| 298 +[-6] 5 |
| 299 *[4] 6 |
| 300 *[14] 7 |
| 301 *[24] 8 |
| 302 *[34] 9 |
| 303 *[44] 10 |
| 304 *[54] 11 |
| 305 *[64] 12 |
| 306 *[74] 13 |
| 307 [84] 14 |
| 308 [94] 15 |
| 309 [104] 16 |
| 310 [114] 17 |
| 311 [124] 18 |
| 312 [134] 19 |
| 313 [144] bottom |
| 314 |
| 315 Changing the item height, switching to measure |
| 316 Creating element for 0 |
| 317 Creating element for 1 |
| 318 Creating element for 2 |
| 319 Creating element for 3 |
| 320 Creating element for 4 |
| 321 Creating element for 5 |
| 322 Creating element for 6 |
| 323 Creating element for 7 |
| 324 Creating element for 8 |
| 325 Creating element for 9 |
| 326 Creating element for 10 |
| 327 Creating element for 11 |
| 328 Creating element for 12 |
| 329 Creating element for 13 |
| 330 Creating element for 14 |
| 331 ----list[length=20][height=84]---- |
| 332 [-56] top |
| 333 [-56] 0 |
| 334 [-41] 1 |
| 335 [-26] 2 |
| 336 +[-11] 3 |
| 337 *[4] 4 |
| 338 *[19] 5 |
| 339 *[34] 6 |
| 340 *[49] 7 |
| 341 *[64] 8 |
| 342 +[79] 9 |
| 343 [94] 10 |
| 344 [109] 11 |
| 345 [124] 12 |
| 346 [139] 13 |
| 347 [154] 14 |
| 348 [169] bottom |
| 349 |
| 350 Selecting 7 |
| 351 Selection changed from null to 7 |
| 352 ----list[length=20][height=84]---- |
| 353 [-56] top |
| 354 [-56] 0 |
| 355 [-41] 1 |
| 356 [-26] 2 |
| 357 +[-11] 3 |
| 358 *[4] 4 |
| 359 *[19] 5 |
| 360 *[34] 6 |
| 361 *[49] 7 (selected) |
| 362 *[64] 8 |
| 363 +[79] 9 |
| 364 [94] 10 |
| 365 [109] 11 |
| 366 [124] 12 |
| 367 [139] 13 |
| 368 [154] 14 |
| 369 [169] bottom |
| 370 |
| 371 Replacing 7 with 27 |
| 372 Creating element for 27 |
| 373 Selection changed from 7 to 10 |
| 374 ----list[length=20][height=84]---- |
| 375 [-56] top |
| 376 [-56] 0 |
| 377 [-41] 1 |
| 378 [-26] 2 |
| 379 +[-11] 3 |
| 380 *[4] 4 |
| 381 *[19] 5 |
| 382 *[34] 6 |
| 383 *[49] 27 |
| 384 *[64] 8 |
| 385 +[79] 9 |
| 386 [94] 10 (selected) |
| 387 [109] 11 |
| 388 [124] 12 |
| 389 [139] 13 |
| 390 [154] 14 |
| 391 [169] bottom |
| 392 |
| 393 Replacing 18, 19 with 28, 29 |
| 394 ----list[length=20][height=84]---- |
| 395 [-56] top |
| 396 [-56] 0 |
| 397 [-41] 1 |
| 398 [-26] 2 |
| 399 +[-11] 3 |
| 400 *[4] 4 |
| 401 *[19] 5 |
| 402 *[34] 6 |
| 403 *[49] 27 |
| 404 *[64] 8 |
| 405 +[79] 9 |
| 406 [94] 10 (selected) |
| 407 [109] 11 |
| 408 [124] 12 |
| 409 [139] 13 |
| 410 [154] 14 |
| 411 [169] bottom |
| 412 |
| 413 PageDown |
| 414 Creating element for 15 |
| 415 Creating element for 16 |
| 416 Creating element for 17 |
| 417 Creating element for 28 |
| 418 Creating element for 29 |
| 419 Selection changed from 10 to 17 |
| 420 ----list[length=20][height=84]---- |
| 421 [-186] top |
| 422 [-96] 6 |
| 423 [-81] 27 |
| 424 [-66] 8 |
| 425 [-51] 9 |
| 426 [-36] 10 |
| 427 [-21] 11 |
| 428 +[-6] 12 |
| 429 *[9] 13 |
| 430 *[24] 14 |
| 431 *[39] 15 |
| 432 *[54] 16 |
| 433 *[69] 17 (selected) |
| 434 [84] 28 |
| 435 [99] 29 |
| 436 [114] bottom |
| 437 |
| 438 Replacing 1, 2, 3 with [31-43] |
| 439 ----list[length=30][height=84]---- |
| 440 [-336] top |
| 441 [-96] 6 |
| 442 [-81] 27 |
| 443 [-66] 8 |
| 444 [-51] 9 |
| 445 [-36] 10 |
| 446 [-21] 11 |
| 447 +[-6] 12 |
| 448 *[9] 13 |
| 449 *[24] 14 |
| 450 *[39] 15 |
| 451 *[54] 16 |
| 452 *[69] 17 (selected) |
| 453 [84] 28 |
| 454 [99] 29 |
| 455 [114] bottom |
| 456 |
| 457 ArrowUp |
| 458 Selection changed from 17 to 15 |
| 459 ----list[length=30][height=84]---- |
| 460 [-336] top |
| 461 [-96] 6 |
| 462 [-81] 27 |
| 463 [-66] 8 |
| 464 [-51] 9 |
| 465 [-36] 10 |
| 466 [-21] 11 |
| 467 +[-6] 12 |
| 468 *[9] 13 |
| 469 *[24] 14 |
| 470 *[39] 15 (selected) |
| 471 *[54] 16 |
| 472 *[69] 17 |
| 473 [84] 28 |
| 474 [99] 29 |
| 475 [114] bottom |
| 476 |
| 477 Selecting -1 |
| 478 Selection changed from 15 to null |
| 479 ----list[length=30][height=84]---- |
| 480 [-336] top |
| 481 [-96] 6 |
| 482 [-81] 27 |
| 483 [-66] 8 |
| 484 [-51] 9 |
| 485 [-36] 10 |
| 486 [-21] 11 |
| 487 +[-6] 12 |
| 488 *[9] 13 |
| 489 *[24] 14 |
| 490 *[39] 15 |
| 491 *[54] 16 |
| 492 *[69] 17 |
| 493 [84] 28 |
| 494 [99] 29 |
| 495 [114] bottom |
| 496 |
| 497 ArrowUp |
| 498 Selection changed from null to 17 |
| 499 ----list[length=30][height=84]---- |
| 500 [-336] top |
| 501 [-96] 6 |
| 502 [-81] 27 |
| 503 [-66] 8 |
| 504 [-51] 9 |
| 505 [-36] 10 |
| 506 [-21] 11 |
| 507 +[-6] 12 |
| 508 *[9] 13 |
| 509 *[24] 14 |
| 510 *[39] 15 |
| 511 *[54] 16 |
| 512 *[69] 17 (selected) |
| 513 [84] 28 |
| 514 [99] 29 |
| 515 [114] bottom |
| 516 |
| 517 Selecting -1 |
| 518 Selection changed from 17 to null |
| 519 ----list[length=30][height=84]---- |
| 520 [-336] top |
| 521 [-96] 6 |
| 522 [-81] 27 |
| 523 [-66] 8 |
| 524 [-51] 9 |
| 525 [-36] 10 |
| 526 [-21] 11 |
| 527 +[-6] 12 |
| 528 *[9] 13 |
| 529 *[24] 14 |
| 530 *[39] 15 |
| 531 *[54] 16 |
| 532 *[69] 17 |
| 533 [84] 28 |
| 534 [99] 29 |
| 535 [114] bottom |
| 536 |
| 537 ArrowDown |
| 538 Creating element for 41 |
| 539 Creating element for 40 |
| 540 Creating element for 39 |
| 541 Creating element for 38 |
| 542 Creating element for 37 |
| 543 Creating element for 36 |
| 544 Creating element for 35 |
| 545 Creating element for 34 |
| 546 Creating element for 33 |
| 547 Creating element for 32 |
| 548 Creating element for 31 |
| 549 Selection changed from null to 0 |
| 550 ----list[length=30][height=84]---- |
| 551 [0] top |
| 552 *[0] 0 (selected) |
| 553 *[15] 31 |
| 554 *[30] 32 |
| 555 *[45] 33 |
| 556 *[60] 34 |
| 557 +[75] 35 |
| 558 [90] 36 |
| 559 [105] 37 |
| 560 [120] 38 |
| 561 [135] 39 |
| 562 [150] 40 |
| 563 [165] 41 |
| 564 [180] bottom |
| 565 |
| 566 Selecting -1 |
| 567 Selection changed from 0 to null |
| 568 ----list[length=30][height=84]---- |
| 569 [0] top |
| 570 *[0] 0 |
| 571 *[15] 31 |
| 572 *[30] 32 |
| 573 *[45] 33 |
| 574 *[60] 34 |
| 575 +[75] 35 |
| 576 [90] 36 |
| 577 [105] 37 |
| 578 [120] 38 |
| 579 [135] 39 |
| 580 [150] 40 |
| 581 [165] 41 |
| 582 [180] bottom |
| 583 |
| 584 PageUp |
| 585 Creating element for 42 |
| 586 Creating element for 43 |
| 587 Selection changed from null to 12 |
| 588 ----list[length=30][height=84]---- |
| 589 [-261] top |
| 590 [-96] 41 |
| 591 [-81] 42 |
| 592 [-66] 43 |
| 593 [-51] 4 |
| 594 [-36] 5 |
| 595 [-21] 6 |
| 596 +[-6] 27 |
| 597 *[9] 8 |
| 598 *[24] 9 |
| 599 *[39] 10 |
| 600 *[54] 11 |
| 601 *[69] 12 (selected) |
| 602 [84] 13 |
| 603 [99] 14 |
| 604 [114] 15 |
| 605 [129] 16 |
| 606 [144] 17 |
| 607 [159] 28 |
| 608 [174] bottom |
| 609 |
| 610 Replacing all but 29 with [] |
| 611 Selection changed from 12 to null |
| 612 ----list[length=1][height=84]---- |
| 613 [0] top |
| 614 *[0] 29 |
| 615 *[15] bottom |
| 616 |
| 617 ArrowDown |
| 618 ----list[length=1][height=84]---- |
| 619 [0] top |
| 620 *[0] 29 |
| 621 *[15] bottom |
| 622 |
| 623 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2592433003:
[DevTools] Replace ViewportControl with ListControl. (Closed)
