third_party/WebKit/LayoutTests/platform/mac/compositing/overflow/selection-gaps-toggling-with-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-toggling-with-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/mac/compositing/overflow/selection-gaps-toggling-expected.txt ('k') | third_party/WebKit/LayoutTests/platform/mac/virtual/prefer_compositing_to_lcd_text/compositing/overflow/selection-gaps-after-removing-scrolling-contents-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 2 and 3, an d its scrolling block selection layer (the child of the scrolling contents layer ) draws content only on iteration 4. 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 "children": [

33 {

34 "name": "Scrolling Layer",

35 "bounds": [285, 485],

36 "shouldFlattenTransform": false,

37 "children": [

38 {

39 "name": "Scrolling Contents Layer",

40 "bounds": [285, 665]

41 }

42 ]

43 },

44 {

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

46 "bounds": [300, 500],

47 "children": [

48 {

49 "name": "Horizontal Scrollbar Layer",

50 "position": [0, 485],

51 "bounds": [285, 15]

52 },

53 {

54 "name": "Vertical Scrollbar Layer",

55 "position": [285, 0],

56 "bounds": [15, 485]

57 },

58 {

59 "name": "Scroll Corner Layer",

60 "position": [285, 485],

61 "bounds": [15, 15],

62 "drawsContent": true

63 }

64 ]

65 }

66 ]

67 },

68 {

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

70 "position": [23, 95],

71 "bounds": [100, 50],

72 "contentsOpaque": true,

73 "drawsContent": true,

74 "backgroundColor": "#FFA500"

75 },

76 {

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

78 "position": [23, 160],

79 "bounds": [100, 50],

80 "contentsOpaque": true,

81 "drawsContent": true,

82 "backgroundColor": "#FFA500"

83 },

84 {

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

86 "position": [23, 225],

87 "bounds": [100, 50],

88 "contentsOpaque": true,

89 "drawsContent": true,

90 "backgroundColor": "#FFA500"

91 },

92 {

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

94 "position": [23, 290],

95 "bounds": [100, 50],

96 "contentsOpaque": true,

97 "drawsContent": true,

98 "backgroundColor": "#FFA500"

99 },

100 {

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

102 "position": [23, 355],

103 "bounds": [100, 50],

104 "contentsOpaque": true,

105 "drawsContent": true,

106 "backgroundColor": "#FFA500"

107 },

108 {

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

110 "position": [23, 420],

111 "bounds": [100, 50],

112 "contentsOpaque": true,

113 "drawsContent": true,

114 "backgroundColor": "#FFA500"

115 },

116 {

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

118 "position": [23, 485],

119 "bounds": [100, 50],

120 "contentsOpaque": true,

121 "drawsContent": true,

122 "backgroundColor": "#FFA500"

123 },

124 {

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

126 "position": [23, 550],

127 "bounds": [100, 50],

128 "contentsOpaque": true,

129 "drawsContent": true,

130 "backgroundColor": "#FFA500"

131 },

132 {

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

134 "position": [23, 615],

135 "bounds": [100, 50],

136 "contentsOpaque": true,

137 "drawsContent": true,

138 "backgroundColor": "#FFA500"

139 },

140 {

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

142 "position": [23, 680],

143 "bounds": [100, 50],

144 "contentsOpaque": true,

145 "drawsContent": true,

146 "backgroundColor": "#FFA500"

147 }

148 ]

149 }

150 ]

151 }

152

153

154 * iteration 2: *

155

156 {

157 "name": "Content Root Layer",

158 "bounds": [785, 2706],

159 "children": [

160 {

161 "name": "LayoutView #document",

162 "bounds": [785, 2706],

163 "contentsOpaque": true,

164 "drawsContent": true,

165 "children": [

166 {

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

168 "position": [8, 80],

169 "bounds": [300, 500],

170 "shouldFlattenTransform": false,

171 "drawsContent": true,

172 "backgroundColor": "#0000FF",

173 "children": [

174 {

175 "name": "Scrolling Layer",

176 "bounds": [285, 485],

177 "shouldFlattenTransform": false,

178 "children": [

179 {

180 "name": "Scrolling Contents Layer",

181 "bounds": [285, 665],

182 "contentsOpaque": true,

183 "drawsContent": true

184 }

185 ]

186 },

187 {

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

189 "bounds": [300, 500],

190 "children": [

191 {

192 "name": "Horizontal Scrollbar Layer",

193 "position": [0, 485],

194 "bounds": [285, 15]

195 },

196 {

197 "name": "Vertical Scrollbar Layer",

198 "position": [285, 0],

199 "bounds": [15, 485]

200 },

201 {

202 "name": "Scroll Corner Layer",

203 "position": [285, 485],

204 "bounds": [15, 15],

205 "drawsContent": true

206 }

207 ]

208 }

209 ]

210 },

211 {

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

213 "position": [23, 95],

214 "bounds": [100, 50],

215 "contentsOpaque": true,

216 "drawsContent": true,

217 "backgroundColor": "#FFA500"

218 },

219 {

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

221 "position": [23, 160],

222 "bounds": [100, 50],

223 "contentsOpaque": true,

224 "drawsContent": true,

225 "backgroundColor": "#FFA500"

226 },

227 {

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

229 "position": [23, 225],

230 "bounds": [100, 50],

231 "contentsOpaque": true,

232 "drawsContent": true,

233 "backgroundColor": "#FFA500"

234 },

235 {

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

237 "position": [23, 290],

238 "bounds": [100, 50],

239 "contentsOpaque": true,

240 "drawsContent": true,

241 "backgroundColor": "#FFA500"

242 },

243 {

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

245 "position": [23, 355],

246 "bounds": [100, 50],

247 "contentsOpaque": true,

248 "drawsContent": true,

249 "backgroundColor": "#FFA500"

250 },

251 {

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

253 "position": [23, 420],

254 "bounds": [100, 50],

255 "contentsOpaque": true,

256 "drawsContent": true,

257 "backgroundColor": "#FFA500"

258 },

259 {

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

261 "position": [23, 485],

262 "bounds": [100, 50],

263 "contentsOpaque": true,

264 "drawsContent": true,

265 "backgroundColor": "#FFA500"

266 },

267 {

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

269 "position": [23, 550],

270 "bounds": [100, 50],

271 "contentsOpaque": true,

272 "drawsContent": true,

273 "backgroundColor": "#FFA500"

274 },

275 {

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

277 "position": [23, 615],

278 "bounds": [100, 50],

279 "contentsOpaque": true,

280 "drawsContent": true,

281 "backgroundColor": "#FFA500"

282 },

283 {

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

285 "position": [23, 680],

286 "bounds": [100, 50],

287 "contentsOpaque": true,

288 "drawsContent": true,

289 "backgroundColor": "#FFA500"

290 }

291 ]

292 }

293 ]

294 }

295

296

297 * iteration 3: *

298

299 {

300 "name": "Content Root Layer",

301 "bounds": [785, 4851],

302 "children": [

303 {

304 "name": "LayoutView #document",

305 "bounds": [785, 4851],

306 "contentsOpaque": true,

307 "drawsContent": true,

308 "children": [

309 {

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

311 "position": [8, 80],

312 "bounds": [300, 500],

313 "shouldFlattenTransform": false,

314 "drawsContent": true,

315 "backgroundColor": "#0000FF",

316 "children": [

317 {

318 "name": "Scrolling Layer",

319 "bounds": [285, 485],

320 "shouldFlattenTransform": false,

321 "children": [

322 {

323 "name": "Scrolling Contents Layer",

324 "bounds": [285, 665],

325 "contentsOpaque": true,

326 "drawsContent": true

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