Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(313)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes-expected.txt

Issue 2455613002: Fix index used to join results of DOM.getDocument and CSS.getLayoutTreeAndStyles (Closed)
Patch Set: Fix skew between property names and values when emepty ones are skipped. Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes.html ('k') | third_party/WebKit/Source/core/inspector/InspectorCSSAgent.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Some Text 1 Some Text
2 And More Text 2 And More Text
3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet e st sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales n ulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodale s ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra. 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet e st sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales n ulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodale s ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra.
4 4
5 Lets have a span 5 Lets have a span
6 Rotated text! 6 Rotated text!
7 7
8 8
9 LayoutTreeNodes result: 9 LayoutTreeNodes result:
10 { 10 {
11 "layoutTreeNodes": [ 11 "layoutTreeNodes": [
12 { 12 {
13 "backendNodeId": 1, 13 "nodeId": 1,
14 "boundingBox": { 14 "boundingBox": {
15 "x": 0, 15 "x": 0,
16 "y": 0, 16 "y": 0,
17 "width": 785, 17 "width": 785,
18 "height": 600 18 "height": 600
19 }, 19 }
20 "styleIndex": 0
21 }, 20 },
22 { 21 {
23 "backendNodeId": 2, 22 "nodeId": 2,
24 "boundingBox": { 23 "boundingBox": {
25 "x": 0, 24 "x": 0,
26 "y": 0, 25 "y": 0,
27 "width": 785, 26 "width": 785,
28 "height": 911 27 "height": 911
29 }, 28 },
30 "styleIndex": 1 29 "styleIndex": 0
31 }, 30 },
32 { 31 {
33 "backendNodeId": 3, 32 "nodeId": 9,
34 "boundingBox": { 33 "boundingBox": {
35 "x": 8, 34 "x": 8,
36 "y": 8, 35 "y": 8,
37 "width": 769, 36 "width": 769,
38 "height": 882 37 "height": 882
39 }, 38 },
40 "styleIndex": 2 39 "styleIndex": 1
41 }, 40 },
42 { 41 {
43 "backendNodeId": 4, 42 "nodeId": 10,
44 "boundingBox": { 43 "boundingBox": {
45 "x": 8, 44 "x": 8,
46 "y": 8, 45 "y": 8,
47 "width": 769, 46 "width": 769,
48 "height": 882 47 "height": 882
49 }, 48 },
50 "styleIndex": 2 49 "styleIndex": 1
51 }, 50 },
52 { 51 {
53 "backendNodeId": 5, 52 "nodeId": 11,
54 "boundingBox": { 53 "boundingBox": {
55 "x": 8, 54 "x": 8,
56 "y": 8, 55 "y": 8,
57 "width": 769, 56 "width": 769,
58 "height": 16 57 "height": 16
59 }, 58 },
60 "styleIndex": 3 59 "styleIndex": 2
61 }, 60 },
62 { 61 {
63 "backendNodeId": 6, 62 "nodeId": 12,
64 "boundingBox": { 63 "boundingBox": {
65 "x": 8, 64 "x": 8,
66 "y": 8, 65 "y": 8,
67 "width": 144, 66 "width": 144,
68 "height": 16 67 "height": 16
69 }, 68 },
70 "layoutText": "Some Text", 69 "layoutText": "Some Text",
71 "inlineTextNodes": [ 70 "inlineTextNodes": [
72 { 71 {
73 "boundingBox": { 72 "boundingBox": {
74 "x": 8, 73 "x": 8,
75 "y": 8, 74 "y": 8,
76 "width": 144, 75 "width": 144,
77 "height": 16 76 "height": 16
78 }, 77 },
79 "startCharacterIndex": 0, 78 "startCharacterIndex": 0,
80 "numCharacters": 9 79 "numCharacters": 9
81 } 80 }
82 ], 81 ],
83 "styleIndex": 4 82 "styleIndex": 3
84 }, 83 },
85 { 84 {
86 "backendNodeId": 7, 85 "nodeId": 13,
87 "boundingBox": { 86 "boundingBox": {
88 "x": 8, 87 "x": 8,
89 "y": 568, 88 "y": 568,
90 "width": 224, 89 "width": 224,
91 "height": 16 90 "height": 16
92 }, 91 },
93 "layoutText": " And More Text\n ", 92 "layoutText": " And More Text\n ",
94 "inlineTextNodes": [ 93 "inlineTextNodes": [
95 { 94 {
96 "boundingBox": { 95 "boundingBox": {
97 "x": 8, 96 "x": 8,
98 "y": 568, 97 "y": 568,
99 "width": 224, 98 "width": 224,
100 "height": 16 99 "height": 16
101 }, 100 },
102 "startCharacterIndex": 1, 101 "startCharacterIndex": 1,
103 "numCharacters": 14 102 "numCharacters": 14
104 } 103 }
105 ], 104 ],
106 "styleIndex": 4 105 "styleIndex": 3
107 }, 106 },
108 { 107 {
109 "backendNodeId": 8, 108 "nodeId": 14,
110 "boundingBox": { 109 "boundingBox": {
111 "x": 232, 110 "x": 232,
112 "y": 24, 111 "y": 24,
113 "width": 200, 112 "width": 200,
114 "height": 576 113 "height": 576
115 }, 114 },
116 "styleIndex": 5 115 "styleIndex": 4
117 }, 116 },
118 { 117 {
119 "backendNodeId": 9, 118 "nodeId": 15,
120 "boundingBox": { 119 "boundingBox": {
121 "x": 232, 120 "x": 232,
122 "y": 40, 121 "y": 40,
123 "width": 200, 122 "width": 200,
124 "height": 480 123 "height": 480
125 }, 124 },
126 "styleIndex": 6 125 "styleIndex": 5
127 }, 126 },
128 { 127 {
129 "backendNodeId": 10, 128 "nodeId": 16,
130 "boundingBox": { 129 "boundingBox": {
131 "x": 232, 130 "x": 232,
132 "y": 40, 131 "y": 40,
133 "width": 192, 132 "width": 192,
134 "height": 480 133 "height": 480
135 }, 134 },
136 "layoutText": "\n Lorem ipsum dolor sit amet, consectetur adipiscin g elit. Pellentesque sit amet est sem.\n Aenean ut neque volutpat, posuer e odio at, mollis nibh. Aenean sodales nulla et\n ligula efficitur sollic itudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n hendr erit efficitur est. Quisque gravida facilisis viverra.\n ", 135 "layoutText": "\n Lorem ipsum dolor sit amet, consectetur adipiscin g elit. Pellentesque sit amet est sem.\n Aenean ut neque volutpat, posuer e odio at, mollis nibh. Aenean sodales nulla et\n ligula efficitur sollic itudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n hendr erit efficitur est. Quisque gravida facilisis viverra.\n ",
137 "inlineTextNodes": [ 136 "inlineTextNodes": [
138 { 137 {
139 "boundingBox": { 138 "boundingBox": {
(...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after
439 "boundingBox": { 438 "boundingBox": {
440 "x": 232, 439 "x": 232,
441 "y": 504, 440 "y": 504,
442 "width": 128, 441 "width": 128,
443 "height": 16 442 "height": 16
444 }, 443 },
445 "startCharacterIndex": 341, 444 "startCharacterIndex": 341,
446 "numCharacters": 8 445 "numCharacters": 8
447 } 446 }
448 ], 447 ],
449 "styleIndex": 4 448 "styleIndex": 3
450 }, 449 },
451 { 450 {
452 "backendNodeId": 11, 451 "nodeId": 17,
453 "boundingBox": { 452 "boundingBox": {
454 "x": 232, 453 "x": 232,
455 "y": 536, 454 "y": 536,
456 "width": 200, 455 "width": 200,
457 "height": 48 456 "height": 48
458 }, 457 },
459 "styleIndex": 7 458 "styleIndex": 6
460 }, 459 },
461 { 460 {
462 "backendNodeId": 12, 461 "nodeId": 18,
463 "boundingBox": { 462 "boundingBox": {
464 "x": 272, 463 "x": 272,
465 "y": 536, 464 "y": 536,
466 "width": 160, 465 "width": 160,
467 "height": 16 466 "height": 16
468 }, 467 },
469 "styleIndex": 8 468 "styleIndex": 7
470 }, 469 },
471 { 470 {
472 "backendNodeId": 13, 471 "nodeId": 19,
473 "boundingBox": { 472 "boundingBox": {
474 "x": 272, 473 "x": 272,
475 "y": 552, 474 "y": 552,
476 "width": 144, 475 "width": 144,
477 "height": 32 476 "height": 32
478 }, 477 },
479 "styleIndex": 9 478 "styleIndex": 8
480 }, 479 },
481 { 480 {
482 "backendNodeId": 14, 481 "nodeId": 20,
483 "boundingBox": { 482 "boundingBox": {
484 "x": 272, 483 "x": 272,
485 "y": 552, 484 "y": 552,
486 "width": 144, 485 "width": 144,
487 "height": 32 486 "height": 32
488 }, 487 },
489 "layoutText": "Lets have a span", 488 "layoutText": "Lets have a span",
490 "inlineTextNodes": [ 489 "inlineTextNodes": [
491 { 490 {
492 "boundingBox": { 491 "boundingBox": {
493 "x": 272, 492 "x": 272,
494 "y": 552, 493 "y": 552,
495 "width": 144, 494 "width": 144,
496 "height": 16 495 "height": 16
497 }, 496 },
498 "startCharacterIndex": 0, 497 "startCharacterIndex": 0,
499 "numCharacters": 9 498 "numCharacters": 9
500 }, 499 },
501 { 500 {
502 "boundingBox": { 501 "boundingBox": {
503 "x": 272, 502 "x": 272,
504 "y": 568, 503 "y": 568,
505 "width": 96, 504 "width": 96,
506 "height": 16 505 "height": 16
507 }, 506 },
508 "startCharacterIndex": 10, 507 "startCharacterIndex": 10,
509 "numCharacters": 6 508 "numCharacters": 6
510 } 509 }
511 ], 510 ],
512 "styleIndex": 9 511 "styleIndex": 8
513 }, 512 },
514 { 513 {
515 "backendNodeId": 15, 514 "nodeId": 21,
516 "boundingBox": {
517 "x": 0,
518 "y": 0,
519 "width": 0,
520 "height": 0
521 },
522 "layoutText": "\n ",
523 "styleIndex": 4
524 },
525 {
526 "backendNodeId": 16,
527 "boundingBox": {
528 "x": 0,
529 "y": 0,
530 "width": 0,
531 "height": 0
532 },
533 "layoutText": "\n ",
534 "styleIndex": 4
535 },
536 {
537 "backendNodeId": 17,
538 "boundingBox": { 515 "boundingBox": {
539 "x": 92, 516 "x": 92,
540 "y": 516, 517 "y": 516,
541 "width": 32, 518 "width": 32,
542 "height": 200 519 "height": 200
543 }, 520 },
544 "styleIndex": 10 521 "styleIndex": 9
545 }, 522 },
546 { 523 {
547 "backendNodeId": 18, 524 "nodeId": 22,
548 "boundingBox": { 525 "boundingBox": {
549 "x": 92, 526 "x": 92,
550 "y": 516, 527 "y": 516,
551 "width": 32, 528 "width": 32,
552 "height": 112 529 "height": 112
553 }, 530 },
554 "layoutText": "Rotated text!", 531 "layoutText": "Rotated text!",
555 "inlineTextNodes": [ 532 "inlineTextNodes": [
556 { 533 {
557 "boundingBox": { 534 "boundingBox": {
558 "x": 108, 535 "x": 108,
559 "y": 516, 536 "y": 516,
560 "width": 16, 537 "width": 16,
561 "height": 112 538 "height": 112
562 }, 539 },
563 "startCharacterIndex": 0, 540 "startCharacterIndex": 0,
564 "numCharacters": 7 541 "numCharacters": 7
565 }, 542 },
566 { 543 {
567 "boundingBox": { 544 "boundingBox": {
568 "x": 92, 545 "x": 92,
569 "y": 516, 546 "y": 516,
570 "width": 16, 547 "width": 16,
571 "height": 80 548 "height": 80
572 }, 549 },
573 "startCharacterIndex": 8, 550 "startCharacterIndex": 8,
574 "numCharacters": 5 551 "numCharacters": 5
575 } 552 }
576 ], 553 ],
577 "styleIndex": 11 554 "styleIndex": 10
578 }, 555 },
579 { 556 {
580 "backendNodeId": 19, 557 "nodeId": 23,
581 "boundingBox": {
582 "x": 10,
583 "y": 634,
584 "width": 400,
585 "height": 200
586 },
587 "styleIndex": 12
588 },
589 {
590 "backendNodeId": 20,
591 "boundingBox": {
592 "x": 18,
593 "y": 642,
594 "width": 384,
595 "height": 184
596 },
597 "styleIndex": 13
598 },
599 {
600 "backendNodeId": 21,
601 "boundingBox": {
602 "x": 18,
603 "y": 642,
604 "width": 384,
605 "height": 16
606 },
607 "styleIndex": 14
608 },
609 {
610 "backendNodeId": 22,
611 "boundingBox": {
612 "x": 8,
613 "y": 8,
614 "width": 352,
615 "height": 16
616 },
617 "layoutText": "\nHello from the iframe.\n",
618 "inlineTextNodes": [
619 {
620 "boundingBox": {
621 "x": 8,
622 "y": 8,
623 "width": 352,
624 "height": 16
625 },
626 "startCharacterIndex": 1,
627 "numCharacters": 22
628 }
629 ],
630 "styleIndex": 4
631 },
632 {
633 "backendNodeId": 23,
634 "boundingBox": { 558 "boundingBox": {
635 "x": 8, 559 "x": 8,
636 "y": 632, 560 "y": 632,
637 "width": 404, 561 "width": 404,
638 "height": 204 562 "height": 204
639 }, 563 },
640 "styleIndex": 15 564 "styleIndex": 11
641 }, 565 },
642 { 566 {
643 "backendNodeId": 24, 567 "nodeId": 25,
644 "boundingBox": {
645 "x": 0,
646 "y": 0,
647 "width": 0,
648 "height": 0
649 },
650 "layoutText": "\n ",
651 "styleIndex": 4
652 },
653 {
654 "backendNodeId": 25,
655 "boundingBox": { 568 "boundingBox": {
656 "x": 8, 569 "x": 8,
657 "y": 857, 570 "y": 857,
658 "width": 769, 571 "width": 769,
659 "height": 33 572 "height": 33
660 }, 573 },
661 "styleIndex": 16 574 "styleIndex": 12
662 },
663 {
664 "backendNodeId": 26,
665 "boundingBox": {
666 "x": 8,
667 "y": 857,
668 "width": 769,
669 "height": 33
670 },
671 "styleIndex": 16
672 },
673 {
674 "backendNodeId": 27,
675 "boundingBox": {
676 "x": 8,
677 "y": 857,
678 "width": 96,
679 "height": 33
680 },
681 "layoutText": "Hi!",
682 "inlineTextNodes": [
683 {
684 "boundingBox": {
685 "x": 8,
686 "y": 857.4375,
687 "width": 96,
688 "height": 32
689 },
690 "startCharacterIndex": 0,
691 "numCharacters": 3
692 }
693 ],
694 "styleIndex": 17
695 },
696 {
697 "backendNodeId": 28,
698 "boundingBox": {
699 "x": 8,
700 "y": 857,
701 "width": 769,
702 "height": 33
703 },
704 "styleIndex": 16
705 } 575 }
706 ], 576 ],
707 "computedStyles": [ 577 "computedStyles": [
708 { 578 {
709 "properties": [ 579 "properties": [
710 { 580 {
711 "name": "transform", 581 "name": "transform",
712 "value": ""
713 },
714 {
715 "name": "transform-origin",
716 "value": ""
717 },
718 {
719 "name": "height",
720 "value": ""
721 },
722 {
723 "name": "width",
724 "value": ""
725 },
726 {
727 "name": "display",
728 "value": ""
729 },
730 {
731 "name": "outline-color",
732 "value": ""
733 }
734 ]
735 },
736 {
737 "properties": [
738 {
739 "name": "transform",
740 "value": "none" 582 "value": "none"
741 }, 583 },
742 { 584 {
743 "name": "transform-origin", 585 "name": "transform-origin",
744 "value": "392.5px 455.438px" 586 "value": "392.5px 455.438px"
745 }, 587 },
746 { 588 {
747 "name": "height", 589 "name": "height",
748 "value": "910.875px" 590 "value": "910.875px"
749 }, 591 },
(...skipping 292 matching lines...) Expand 10 before | Expand all | Expand 10 after
1042 ] 884 ]
1043 }, 885 },
1044 { 886 {
1045 "properties": [ 887 "properties": [
1046 { 888 {
1047 "name": "transform", 889 "name": "transform",
1048 "value": "none" 890 "value": "none"
1049 }, 891 },
1050 { 892 {
1051 "name": "transform-origin", 893 "name": "transform-origin",
1052 "value": "200px 100px"
1053 },
1054 {
1055 "name": "height",
1056 "value": "200px"
1057 },
1058 {
1059 "name": "width",
1060 "value": "400px"
1061 },
1062 {
1063 "name": "display",
1064 "value": "block"
1065 },
1066 {
1067 "name": "outline-color",
1068 "value": "rgb(0, 0, 0)"
1069 }
1070 ]
1071 },
1072 {
1073 "properties": [
1074 {
1075 "name": "transform",
1076 "value": "none"
1077 },
1078 {
1079 "name": "transform-origin",
1080 "value": "192px 92px"
1081 },
1082 {
1083 "name": "height",
1084 "value": "184px"
1085 },
1086 {
1087 "name": "width",
1088 "value": "384px"
1089 },
1090 {
1091 "name": "display",
1092 "value": "block"
1093 },
1094 {
1095 "name": "outline-color",
1096 "value": "rgb(0, 0, 0)"
1097 }
1098 ]
1099 },
1100 {
1101 "properties": [
1102 {
1103 "name": "transform",
1104 "value": "none"
1105 },
1106 {
1107 "name": "transform-origin",
1108 "value": "192px 8px"
1109 },
1110 {
1111 "name": "height",
1112 "value": "16px"
1113 },
1114 {
1115 "name": "width",
1116 "value": "384px"
1117 },
1118 {
1119 "name": "display",
1120 "value": "block"
1121 },
1122 {
1123 "name": "outline-color",
1124 "value": "rgb(0, 0, 0)"
1125 }
1126 ]
1127 },
1128 {
1129 "properties": [
1130 {
1131 "name": "transform",
1132 "value": "none"
1133 },
1134 {
1135 "name": "transform-origin",
1136 "value": "202px 102px" 894 "value": "202px 102px"
1137 }, 895 },
1138 { 896 {
1139 "name": "height", 897 "name": "height",
1140 "value": "200px" 898 "value": "200px"
1141 }, 899 },
1142 { 900 {
1143 "name": "width", 901 "name": "width",
1144 "value": "400px" 902 "value": "400px"
1145 }, 903 },
(...skipping 27 matching lines...) Expand all
1173 }, 931 },
1174 { 932 {
1175 "name": "display", 933 "name": "display",
1176 "value": "block" 934 "value": "block"
1177 }, 935 },
1178 { 936 {
1179 "name": "outline-color", 937 "name": "outline-color",
1180 "value": "rgb(255, 0, 0)" 938 "value": "rgb(255, 0, 0)"
1181 } 939 }
1182 ] 940 ]
1183 },
1184 {
1185 "properties": [
1186 {
1187 "name": "transform",
1188 "value": "none"
1189 },
1190 {
1191 "name": "transform-origin",
1192 "value": "0px 0px"
1193 },
1194 {
1195 "name": "height",
1196 "value": "auto"
1197 },
1198 {
1199 "name": "width",
1200 "value": "auto"
1201 },
1202 {
1203 "name": "display",
1204 "value": "block"
1205 },
1206 {
1207 "name": "outline-color",
1208 "value": "rgb(255, 0, 0)"
1209 }
1210 ]
1211 } 941 }
1212 ] 942 ]
1213 } 943 }
1214 944
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes.html ('k') | third_party/WebKit/Source/core/inspector/InspectorCSSAgent.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698