third_party/WebKit/LayoutTests/platform/mac/compositing/overflow/selection-gaps-after-removing-scrolling-contents-expected.txt - Issue 2393443002: Adjust compositing tests to be SPv2-compatible.

Side by Side Diff: third_party/WebKit/LayoutTests/platform/mac/compositing/overflow/selection-gaps-after-removing-scrolling-contents-expected.txt

Issue 2393443002: Adjust compositing tests to be SPv2-compatible. (Closed)

Patch Set: none Created 4 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-child-layer.html ('K') | « third_party/WebKit/LayoutTests/platform/linux/virtual/prefer_compositing_to_lcd_text/compositing/overflow/selection-gaps-toggling-with-scrolling-contents-expected.txt ('k') | third_party/WebKit/LayoutTests/platform/mac/compositing/overflow/selection-gaps-toggling-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children) draws content only on iterations 1 and 2, an d its scrolling block selection layer (the child of the scrolling contents layer ) draws content only on iteration 3. The scrolling block selection layer should also be much smaller than the scrolling contents layer.

2 Lorem Ipsum

3 Lorem Ipsum

4 Lorem Ipsum

5 Lorem Ipsum

6 Lorem Ipsum

7 Lorem Ipsum

8 Lorem Ipsum

9 Lorem Ipsum

10 Lorem Ipsum

11 Lorem Ipsum

12

13

14 * iteration 1: *

15

16 {

17 "name": "Content Root Layer",

18 "bounds": [800, 600],

19 "children": [

20 {

21 "name": "LayoutView #document",

22 "bounds": [800, 600],

23 "contentsOpaque": true,

24 "drawsContent": true,

25 "children": [

26 {

27 "name": "LayoutBlockFlow DIV id='container'",

28 "position": [8, 80],

29 "bounds": [300, 500],

30 "shouldFlattenTransform": false,

31 "drawsContent": true,

32 "backgroundColor": "#0000FF",

33 "children": [

34 {

35 "name": "Scrolling Layer",

36 "bounds": [285, 485],

37 "shouldFlattenTransform": false,

38 "children": [

39 {

40 "name": "Scrolling Contents Layer",

41 "bounds": [285, 665],

42 "contentsOpaque": true,

43 "drawsContent": true

44 }

45 ]

46 },

47 {

48 "name": "Overflow Controls Host Layer",

49 "bounds": [300, 500],

50 "children": [

51 {

52 "name": "Horizontal Scrollbar Layer",

53 "position": [0, 485],

54 "bounds": [285, 15]

55 },

56 {

57 "name": "Vertical Scrollbar Layer",

58 "position": [285, 0],

59 "bounds": [15, 485]

60 },

61 {

62 "name": "Scroll Corner Layer",

63 "position": [285, 485],

64 "bounds": [15, 15],

65 "drawsContent": true

66 }

67 ]

68 }

69 ]

70 },

71 {

72 "name": "LayoutBlockFlow DIV class='scrolled'",

73 "position": [23, 95],

74 "bounds": [100, 50],

75 "contentsOpaque": true,

76 "drawsContent": true,

77 "backgroundColor": "#FFA500"

78 },

79 {

80 "name": "LayoutBlockFlow DIV class='scrolled'",

81 "position": [23, 160],

82 "bounds": [100, 50],

83 "contentsOpaque": true,

84 "drawsContent": true,

85 "backgroundColor": "#FFA500"

86 },

87 {

88 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'",

89 "position": [23, 225],

90 "bounds": [100, 50],

91 "contentsOpaque": true,

92 "drawsContent": true,

93 "backgroundColor": "#FFA500"

94 },

95 {

96 "name": "LayoutBlockFlow DIV class='scrolled'",

97 "position": [23, 290],

98 "bounds": [100, 50],

99 "contentsOpaque": true,

100 "drawsContent": true,

101 "backgroundColor": "#FFA500"

102 },

103 {

104 "name": "LayoutBlockFlow DIV class='scrolled'",

105 "position": [23, 355],

106 "bounds": [100, 50],

107 "contentsOpaque": true,

108 "drawsContent": true,

109 "backgroundColor": "#FFA500"

110 },

111 {

112 "name": "LayoutBlockFlow DIV class='scrolled'",

113 "position": [23, 420],

114 "bounds": [100, 50],

115 "contentsOpaque": true,

116 "drawsContent": true,

117 "backgroundColor": "#FFA500"

118 },

119 {

120 "name": "LayoutBlockFlow DIV class='scrolled'",

121 "position": [23, 485],

122 "bounds": [100, 50],

123 "contentsOpaque": true,

124 "drawsContent": true,

125 "backgroundColor": "#FFA500"

126 },

127 {

128 "name": "LayoutBlockFlow DIV class='scrolled'",

129 "position": [23, 550],

130 "bounds": [100, 50],

131 "contentsOpaque": true,

132 "drawsContent": true,

133 "backgroundColor": "#FFA500"

134 },

135 {

136 "name": "LayoutBlockFlow DIV class='scrolled'",

137 "position": [23, 615],

138 "bounds": [100, 50],

139 "contentsOpaque": true,

140 "drawsContent": true,

141 "backgroundColor": "#FFA500"

142 },

143 {

144 "name": "LayoutBlockFlow DIV class='scrolled'",

145 "position": [23, 680],

146 "bounds": [100, 50],

147 "contentsOpaque": true,

148 "drawsContent": true,

149 "backgroundColor": "#FFA500"

150 }

151 ]

152 }

153 ]

154 }

155

156

157 * iteration 2: *

158

159 {

160 "name": "Content Root Layer",

161 "bounds": [785, 2751],

162 "children": [

163 {

164 "name": "LayoutView #document",

165 "bounds": [785, 2751],

166 "contentsOpaque": true,

167 "drawsContent": true,

168 "children": [

169 {

170 "name": "LayoutBlockFlow DIV id='container'",

171 "position": [8, 80],

172 "bounds": [300, 500],

173 "shouldFlattenTransform": false,

174 "drawsContent": true,

175 "backgroundColor": "#0000FF",

176 "children": [

177 {

178 "name": "Scrolling Layer",

179 "bounds": [285, 485],

180 "shouldFlattenTransform": false,

181 "children": [

182 {

183 "name": "Scrolling Contents Layer",

184 "bounds": [285, 665],

185 "contentsOpaque": true,

186 "drawsContent": true

187 }

188 ]

189 },

190 {

191 "name": "Overflow Controls Host Layer",

192 "bounds": [300, 500],

193 "children": [

194 {

195 "name": "Horizontal Scrollbar Layer",

196 "position": [0, 485],

197 "bounds": [285, 15]

198 },

199 {

200 "name": "Vertical Scrollbar Layer",

201 "position": [285, 0],

202 "bounds": [15, 485]

203 },

204 {

205 "name": "Scroll Corner Layer",

206 "position": [285, 485],

207 "bounds": [15, 15],

208 "drawsContent": true

209 }

210 ]

211 }

212 ]

213 },

214 {

215 "name": "LayoutBlockFlow DIV class='scrolled'",

216 "position": [23, 95],

217 "bounds": [100, 50],

218 "contentsOpaque": true,

219 "drawsContent": true,

220 "backgroundColor": "#FFA500"

221 },

222 {

223 "name": "LayoutBlockFlow DIV class='scrolled'",

224 "position": [23, 160],

225 "bounds": [100, 50],

226 "contentsOpaque": true,

227 "drawsContent": true,

228 "backgroundColor": "#FFA500"

229 },

230 {

231 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'",

232 "position": [23, 225],

233 "bounds": [100, 50],

234 "contentsOpaque": true,

235 "drawsContent": true,

236 "backgroundColor": "#FFA500"

237 },

238 {

239 "name": "LayoutBlockFlow DIV class='scrolled'",

240 "position": [23, 290],

241 "bounds": [100, 50],

242 "contentsOpaque": true,

243 "drawsContent": true,

244 "backgroundColor": "#FFA500"

245 },

246 {

247 "name": "LayoutBlockFlow DIV class='scrolled'",

248 "position": [23, 355],

249 "bounds": [100, 50],

250 "contentsOpaque": true,

251 "drawsContent": true,

252 "backgroundColor": "#FFA500"

253 },

254 {

255 "name": "LayoutBlockFlow DIV class='scrolled'",

256 "position": [23, 420],

257 "bounds": [100, 50],

258 "contentsOpaque": true,

259 "drawsContent": true,

260 "backgroundColor": "#FFA500"

261 },

262 {

263 "name": "LayoutBlockFlow DIV class='scrolled'",

264 "position": [23, 485],

265 "bounds": [100, 50],

266 "contentsOpaque": true,

267 "drawsContent": true,

268 "backgroundColor": "#FFA500"

269 },

270 {

271 "name": "LayoutBlockFlow DIV class='scrolled'",

272 "position": [23, 550],

273 "bounds": [100, 50],

274 "contentsOpaque": true,

275 "drawsContent": true,

276 "backgroundColor": "#FFA500"

277 },

278 {

279 "name": "LayoutBlockFlow DIV class='scrolled'",

280 "position": [23, 615],

281 "bounds": [100, 50],

282 "contentsOpaque": true,

283 "drawsContent": true,

284 "backgroundColor": "#FFA500"

285 },

286 {

287 "name": "LayoutBlockFlow DIV class='scrolled'",

288 "position": [23, 680],

289 "bounds": [100, 50],

290 "contentsOpaque": true,

291 "drawsContent": true,

292 "backgroundColor": "#FFA500"

293 }

294 ]

295 }

296 ]

297 }

298

299

300 * iteration 3: *

301

302 {

303 "name": "Content Root Layer",

304 "bounds": [785, 4896],

305 "children": [

306 {

307 "name": "LayoutView #document",

308 "bounds": [785, 4896],

309 "contentsOpaque": true,

310 "drawsContent": true,

311 "children": [

312 {

313 "name": "LayoutBlockFlow DIV id='container'",

314 "position": [8, 80],

315 "bounds": [300, 500],

316 "shouldFlattenTransform": false,

317 "drawsContent": true,

318 "children": [

319 {

320 "name": "Scrolling Layer",

321 "bounds": [285, 485],

322 "shouldFlattenTransform": false,

323 "children": [

324 {

325 "name": "Scrolling Contents Layer",

326 "bounds": [285, 665]

327 }

328 ]

329 },

330 {

331 "name": "Overflow Controls Host Layer",

332 "bounds": [300, 500],

333 "children": [

334 {

335 "name": "Horizontal Scrollbar Layer",

336 "position": [0, 485],

337 "bounds": [285, 15]

338 },

339 {

340 "name": "Vertical Scrollbar Layer",

341 "position": [285, 0],

342 "bounds": [15, 485]

343 },

344 {

345 "name": "Scroll Corner Layer",

346 "position": [285, 485],

347 "bounds": [15, 15],

348 "drawsContent": true

349 }

350 ]

351 }

352 ]

353 },

354 {

355 "name": "LayoutBlockFlow DIV class='scrolled'",

356 "position": [23, 95],

357 "bounds": [100, 50],

358 "contentsOpaque": true,

359 "drawsContent": true,

360 "backgroundColor": "#FFA500"

361 },

362 {

363 "name": "LayoutBlockFlow DIV class='scrolled'",

364 "position": [23, 160],

365 "bounds": [100, 50],

366 "contentsOpaque": true,

367 "drawsContent": true,

368 "backgroundColor": "#FFA500"

369 },

370 {

371 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'",

372 "position": [23, 225],

373 "bounds": [100, 50],

374 "contentsOpaque": true,

375 "drawsContent": true,

376 "backgroundColor": "#FFA500"

377 },

378 {

379 "name": "LayoutBlockFlow DIV class='scrolled'",

380 "position": [23, 290],

381 "bounds": [100, 50],

382 "contentsOpaque": true,

383 "drawsContent": true,

384 "backgroundColor": "#FFA500"

385 },

386 {

387 "name": "LayoutBlockFlow DIV class='scrolled'",

388 "position": [23, 355],

389 "bounds": [100, 50],

390 "contentsOpaque": true,

391 "drawsContent": true,

392 "backgroundColor": "#FFA500"

393 },

394 {

395 "name": "LayoutBlockFlow DIV class='scrolled'",

396 "position": [23, 420],

397 "bounds": [100, 50],

398 "contentsOpaque": true,

399 "drawsContent": true,

400 "backgroundColor": "#FFA500"

401 },

402 {

403 "name": "LayoutBlockFlow DIV class='scrolled'",

404 "position": [23, 485],

405 "bounds": [100, 50],

406 "contentsOpaque": true,

407 "drawsContent": true,

408 "backgroundColor": "#FFA500"

409 },

410 {

411 "name": "LayoutBlockFlow DIV class='scrolled'",

412 "position": [23, 550],

413 "bounds": [100, 50],

414 "contentsOpaque": true,

415 "drawsContent": true,

416 "backgroundColor": "#FFA500"

417 },

418 {

419 "name": "LayoutBlockFlow DIV class='scrolled'",

420 "position": [23, 615],

421 "bounds": [100, 50],

422 "contentsOpaque": true,

423 "drawsContent": true,

424 "backgroundColor": "#FFA500"

425 },

426 {

427 "name": "LayoutBlockFlow DIV class='scrolled'",

428 "position": [23, 680],

429 "bounds": [100, 50],

430 "contentsOpaque": true,

431 "drawsContent": true,

432 "backgroundColor": "#FFA500"

433 }

434 ]

435 }

436 ]

437 }

438

439

440 * iteration 4: *

441

442 {

443 "name": "Content Root Layer",

444 "bounds": [785, 6996],

445 "children": [

446 {

447 "name": "LayoutView #document",

448 "bounds": [785, 6996],

449 "contentsOpaque": true,

450 "drawsContent": true,

451 "children": [

452 {

453 "name": "LayoutBlockFlow DIV id='container'",

454 "position": [8, 80],

455 "bounds": [300, 500],

456 "shouldFlattenTransform": false,

457 "drawsContent": true,

458 "children": [

459 {

460 "name": "Scrolling Layer",

461 "bounds": [285, 485],

462 "shouldFlattenTransform": false,

463 "children": [

464 {

465 "name": "Scrolling Contents Layer",

466 "bounds": [285, 665]

467 }

468 ]

469 },

470 {

471 "name": "Overflow Controls Host Layer",

472 "bounds": [300, 500],

473 "children": [

474 {

475 "name": "Horizontal Scrollbar Layer",

476 "position": [0, 485],

477 "bounds": [285, 15]

478 },

479 {

480 "name": "Vertical Scrollbar Layer",

481 "position": [285, 0],

482 "bounds": [15, 485]

483 },

484 {

485 "name": "Scroll Corner Layer",

486 "position": [285, 485],

487 "bounds": [15, 15],

488 "drawsContent": true

489 }

490 ]

491 }

492 ]

493 },

494 {

495 "name": "LayoutBlockFlow DIV class='scrolled'",

496 "position": [23, 95],

497 "bounds": [100, 50],

498 "contentsOpaque": true,

499 "drawsContent": true,

500 "backgroundColor": "#FFA500"

501 },

502 {

503 "name": "LayoutBlockFlow DIV class='scrolled'",

504 "position": [23, 160],

505 "bounds": [100, 50],

506 "contentsOpaque": true,

507 "drawsContent": true,

508 "backgroundColor": "#FFA500"

509 },

510 {

511 "name": "LayoutBlockFlow DIV id='selection' class='scrolled'",

512 "position": [23, 225],

513 "bounds": [100, 50],

514 "contentsOpaque": true,

515 "drawsContent": true,

516 "backgroundColor": "#FFA500"

517 },

518 {

519 "name": "LayoutBlockFlow DIV class='scrolled'",

520 "position": [23, 290],

521 "bounds": [100, 50],

522 "contentsOpaque": true,

523 "drawsContent": true,

524 "backgroundColor": "#FFA500"

525 },

526 {

527 "name": "LayoutBlockFlow DIV class='scrolled'",

528 "position": [23, 355],

529 "bounds": [100, 50],

530 "contentsOpaque": true,

531 "drawsContent": true,

532 "backgroundColor": "#FFA500"

533 },

534 {

535 "name": "LayoutBlockFlow DIV class='scrolled'",

536 "position": [23, 420],

537 "bounds": [100, 50],

538 "contentsOpaque": true,

539 "drawsContent": true,

540 "backgroundColor": "#FFA500"

541 },

542 {

543 "name": "LayoutBlockFlow DIV class='scrolled'",

544 "position": [23, 485],

545 "bounds": [100, 50],

546 "contentsOpaque": true,

547 "drawsContent": true,

548 "backgroundColor": "#FFA500"

549 },

550 {

551 "name": "LayoutBlockFlow DIV class='scrolled'",

552 "position": [23, 550],

553 "bounds": [100, 50],

554 "contentsOpaque": true,

555 "drawsContent": true,

556 "backgroundColor": "#FFA500"

557 },

558 {

559 "name": "LayoutBlockFlow DIV class='scrolled'",

560 "position": [23, 615],

561 "bounds": [100, 50],

562 "contentsOpaque": true,

563 "drawsContent": true,

564 "backgroundColor": "#FFA500"

565 },

566 {

567 "name": "LayoutBlockFlow DIV class='scrolled'",

568 "position": [23, 680],

569 "bounds": [100, 50],

570 "contentsOpaque": true,

571 "drawsContent": true,

572 "backgroundColor": "#FFA500"

573 }

574 ]

575 }

576 ]

577 }

578

OLD	NEW