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

Side by Side Diff: third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt

Issue 2882193002: [devtools] Add DOMSnapshot domain for dom+layout+style snapshots. (Closed)
Patch Set: move aux properties back to node type Created 3 years, 6 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:
View unified diff | Download patch
OLDNEW
(Empty)
1 Some 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.
4
5 Lets have a span
6 Rotated text!
7
8 {
9 "domNodes": [
10 {
11 "nodeType": 9,
12 "nodeName": "#document",
13 "nodeValue": "",
14 "backendNodeId": 2,
15 "childNodeIndexes": [
16 1
17 ],
18 "layoutNodeIndex": 0,
19 "documentURL": "<string>",
20 "baseURL": "<string>"
21 },
22 {
23 "nodeType": 1,
24 "nodeName": "HTML",
25 "nodeValue": "",
26 "backendNodeId": 3,
27 "childNodeIndexes": [
28 2,
29 13,
30 14
31 ],
32 "layoutNodeIndex": 1,
33 "frameId": "<string>"
34 },
35 {
36 "nodeType": 1,
37 "nodeName": "HEAD",
38 "nodeValue": "",
39 "backendNodeId": 4,
40 "childNodeIndexes": [
41 3,
42 4,
43 6,
44 7,
45 8,
46 9,
47 11,
48 12
49 ]
50 },
51 {
52 "nodeType": 3,
53 "nodeName": "#text",
54 "nodeValue": "\n",
55 "backendNodeId": 5
56 },
57 {
58 "nodeType": 1,
59 "nodeName": "STYLE",
60 "nodeValue": "",
61 "backendNodeId": 6,
62 "childNodeIndexes": [
63 5
64 ]
65 },
66 {
67 "nodeType": 3,
68 "nodeName": "#text",
69 "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../res ources/Ahem.ttf);\n}\n",
70 "backendNodeId": 7
71 },
72 {
73 "nodeType": 3,
74 "nodeName": "#text",
75 "nodeValue": "\n",
76 "backendNodeId": 8
77 },
78 {
79 "nodeType": 1,
80 "nodeName": "SCRIPT",
81 "nodeValue": "",
82 "backendNodeId": 9,
83 "attributes": [
84 {
85 "name": "type",
86 "value": "text/javascript"
87 },
88 {
89 "name": "src",
90 "value": "../../http/tests/inspector-protocol/inspector-protocol-test. js"
91 }
92 ]
93 },
94 {
95 "nodeType": 3,
96 "nodeName": "#text",
97 "nodeValue": "\n",
98 "backendNodeId": 10
99 },
100 {
101 "nodeType": 1,
102 "nodeName": "SCRIPT",
103 "nodeValue": "",
104 "backendNodeId": 11,
105 "childNodeIndexes": [
106 10
107 ]
108 },
109 {
110 "nodeType": 3,
111 "nodeName": "#text",
112 "nodeValue": "\n\nasync function test() {\n function stabilize(key, val ue) {\n var unstableKeys = [\"documentURL\", \"baseURL\", \"frameId\"];\n if (unstableKeys.indexOf(key) !== -1)\n return \"<\" + typeof (value) + \">\";\n return value;\n }\n \n var whitelist = [\"trans form\", \"transform-origin\", \"height\", \"width\", \"display\", \"outline-colo r\", \"color\"];\n var response = await InspectorTest.sendCommandOrDie(\"DOMS napshot.getSnapshot\", {\"computedStyleWhitelist\": whitelist});\n InspectorT est.log(JSON.stringify(response, stabilize, 2));\n InspectorTest.completeTest ();\n}\n\n",
113 "backendNodeId": 12
114 },
115 {
116 "nodeType": 3,
117 "nodeName": "#text",
118 "nodeValue": "\n",
119 "backendNodeId": 13
120 },
121 {
122 "nodeType": 3,
123 "nodeName": "#text",
124 "nodeValue": "\n",
125 "backendNodeId": 14
126 },
127 {
128 "nodeType": 3,
129 "nodeName": "#text",
130 "nodeValue": "\n",
131 "backendNodeId": 15
132 },
133 {
134 "nodeType": 1,
135 "nodeName": "BODY",
136 "nodeValue": "",
137 "backendNodeId": 16,
138 "childNodeIndexes": [
139 15,
140 16,
141 66
142 ],
143 "attributes": [
144 {
145 "name": "class",
146 "value": "body-class"
147 }
148 ],
149 "layoutNodeIndex": 2
150 },
151 {
152 "nodeType": 3,
153 "nodeName": "#text",
154 "nodeValue": "\n",
155 "backendNodeId": 17
156 },
157 {
158 "nodeType": 1,
159 "nodeName": "DIV",
160 "nodeValue": "",
161 "backendNodeId": 18,
162 "childNodeIndexes": [
163 17,
164 18,
165 20,
166 21,
167 34,
168 35,
169 37,
170 38,
171 52,
172 53,
173 62,
174 63,
175 65
176 ],
177 "attributes": [
178 {
179 "name": "style",
180 "value": "font-family: ahem;"
181 }
182 ],
183 "layoutNodeIndex": 3
184 },
185 {
186 "nodeType": 3,
187 "nodeName": "#text",
188 "nodeValue": "\n ",
189 "backendNodeId": 19
190 },
191 {
192 "nodeType": 1,
193 "nodeName": "DIV",
194 "nodeValue": "",
195 "backendNodeId": 20,
196 "childNodeIndexes": [
197 19
198 ],
199 "attributes": [
200 {
201 "name": "class",
202 "value": "class1"
203 }
204 ],
205 "layoutNodeIndex": 4
206 },
207 {
208 "nodeType": 3,
209 "nodeName": "#text",
210 "nodeValue": "Some Text",
211 "backendNodeId": 21,
212 "layoutNodeIndex": 5
213 },
214 {
215 "nodeType": 3,
216 "nodeName": "#text",
217 "nodeValue": " And More Text\n ",
218 "backendNodeId": 22,
219 "layoutNodeIndex": 6
220 },
221 {
222 "nodeType": 1,
223 "nodeName": "DIV",
224 "nodeValue": "",
225 "backendNodeId": 23,
226 "childNodeIndexes": [
227 22,
228 23,
229 25,
230 26,
231 33
232 ],
233 "attributes": [
234 {
235 "name": "style",
236 "value": "display:inline-block; width: 200px"
237 }
238 ],
239 "layoutNodeIndex": 7
240 },
241 {
242 "nodeType": 3,
243 "nodeName": "#text",
244 "nodeValue": "\n ",
245 "backendNodeId": 24
246 },
247 {
248 "nodeType": 1,
249 "nodeName": "P",
250 "nodeValue": "",
251 "backendNodeId": 25,
252 "childNodeIndexes": [
253 24
254 ],
255 "layoutNodeIndex": 8
256 },
257 {
258 "nodeType": 3,
259 "nodeName": "#text",
260 "nodeValue": "\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem.\n Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et\n ligula efficitur sollici tudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n hendre rit efficitur est. Quisque gravida facilisis viverra.\n ",
261 "backendNodeId": 26,
262 "layoutNodeIndex": 9
263 },
264 {
265 "nodeType": 3,
266 "nodeName": "#text",
267 "nodeValue": "\n ",
268 "backendNodeId": 27
269 },
270 {
271 "nodeType": 1,
272 "nodeName": "UL",
273 "nodeValue": "",
274 "backendNodeId": 28,
275 "childNodeIndexes": [
276 27,
277 28,
278 29,
279 30,
280 32
281 ],
282 "attributes": [
283 {
284 "name": "class",
285 "value": "class3"
286 }
287 ],
288 "layoutNodeIndex": 10
289 },
290 {
291 "nodeType": 3,
292 "nodeName": "#text",
293 "nodeValue": "\n ",
294 "backendNodeId": 29
295 },
296 {
297 "nodeType": 1,
298 "nodeName": "LI",
299 "nodeValue": "",
300 "backendNodeId": 30,
301 "attributes": [
302 {
303 "name": "class",
304 "value": "class4"
305 }
306 ],
307 "layoutNodeIndex": 11
308 },
309 {
310 "nodeType": 3,
311 "nodeName": "#text",
312 "nodeValue": "\n ",
313 "backendNodeId": 31
314 },
315 {
316 "nodeType": 1,
317 "nodeName": "SPAN",
318 "nodeValue": "",
319 "backendNodeId": 32,
320 "childNodeIndexes": [
321 31
322 ],
323 "layoutNodeIndex": 12
324 },
325 {
326 "nodeType": 3,
327 "nodeName": "#text",
328 "nodeValue": "Lets have a span",
329 "backendNodeId": 33,
330 "layoutNodeIndex": 13
331 },
332 {
333 "nodeType": 3,
334 "nodeName": "#text",
335 "nodeValue": "\n ",
336 "backendNodeId": 34,
337 "layoutNodeIndex": 14
338 },
339 {
340 "nodeType": 3,
341 "nodeName": "#text",
342 "nodeValue": "\n ",
343 "backendNodeId": 35
344 },
345 {
346 "nodeType": 3,
347 "nodeName": "#text",
348 "nodeValue": "\n ",
349 "backendNodeId": 36,
350 "layoutNodeIndex": 15
351 },
352 {
353 "nodeType": 1,
354 "nodeName": "DIV",
355 "nodeValue": "",
356 "backendNodeId": 37,
357 "childNodeIndexes": [
358 36
359 ],
360 "attributes": [
361 {
362 "name": "style",
363 "value": "transform: rotateZ(90deg); width: 200px"
364 }
365 ],
366 "layoutNodeIndex": 16
367 },
368 {
369 "nodeType": 3,
370 "nodeName": "#text",
371 "nodeValue": "Rotated text!",
372 "backendNodeId": 38,
373 "layoutNodeIndex": 17
374 },
375 {
376 "nodeType": 3,
377 "nodeName": "#text",
378 "nodeValue": "\n ",
379 "backendNodeId": 39
380 },
381 {
382 "nodeType": 1,
383 "nodeName": "IFRAME",
384 "nodeValue": "",
385 "backendNodeId": 40,
386 "attributes": [
387 {
388 "name": "src",
389 "value": "../dom/resources/simple-iframe.html"
390 },
391 {
392 "name": "width",
393 "value": "400"
394 },
395 {
396 "name": "height",
397 "value": "200"
398 }
399 ],
400 "layoutNodeIndex": 18,
401 "frameId": "<string>",
402 "contentDocumentIndex": 39
403 },
404 {
405 "nodeType": 9,
406 "nodeName": "#document",
407 "nodeValue": "",
408 "backendNodeId": 41,
409 "childNodeIndexes": [
410 40
411 ],
412 "layoutNodeIndex": 19,
413 "documentURL": "<string>",
414 "baseURL": "<string>"
415 },
416 {
417 "nodeType": 1,
418 "nodeName": "HTML",
419 "nodeValue": "",
420 "backendNodeId": 42,
421 "childNodeIndexes": [
422 41,
423 46,
424 47
425 ],
426 "layoutNodeIndex": 20,
427 "frameId": "<string>"
428 },
429 {
430 "nodeType": 1,
431 "nodeName": "HEAD",
432 "nodeValue": "",
433 "backendNodeId": 43,
434 "childNodeIndexes": [
435 42,
436 43,
437 45
438 ]
439 },
440 {
441 "nodeType": 3,
442 "nodeName": "#text",
443 "nodeValue": "\n",
444 "backendNodeId": 44
445 },
446 {
447 "nodeType": 1,
448 "nodeName": "STYLE",
449 "nodeValue": "",
450 "backendNodeId": 45,
451 "childNodeIndexes": [
452 44
453 ]
454 },
455 {
456 "nodeType": 3,
457 "nodeName": "#text",
458 "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../../ resources/Ahem.ttf);\n}\n",
459 "backendNodeId": 46
460 },
461 {
462 "nodeType": 3,
463 "nodeName": "#text",
464 "nodeValue": "\n",
465 "backendNodeId": 47
466 },
467 {
468 "nodeType": 3,
469 "nodeName": "#text",
470 "nodeValue": "\n",
471 "backendNodeId": 48
472 },
473 {
474 "nodeType": 1,
475 "nodeName": "BODY",
476 "nodeValue": "",
477 "backendNodeId": 49,
478 "childNodeIndexes": [
479 48,
480 49,
481 51
482 ],
483 "layoutNodeIndex": 21
484 },
485 {
486 "nodeType": 3,
487 "nodeName": "#text",
488 "nodeValue": "\n",
489 "backendNodeId": 50
490 },
491 {
492 "nodeType": 1,
493 "nodeName": "DIV",
494 "nodeValue": "",
495 "backendNodeId": 51,
496 "childNodeIndexes": [
497 50
498 ],
499 "attributes": [
500 {
501 "name": "style",
502 "value": "font-family: ahem;"
503 }
504 ],
505 "layoutNodeIndex": 22
506 },
507 {
508 "nodeType": 3,
509 "nodeName": "#text",
510 "nodeValue": "\nHello from the iframe.\n",
511 "backendNodeId": 52,
512 "layoutNodeIndex": 23
513 },
514 {
515 "nodeType": 3,
516 "nodeName": "#text",
517 "nodeValue": "\n\n\n",
518 "backendNodeId": 53
519 },
520 {
521 "nodeType": 3,
522 "nodeName": "#text",
523 "nodeValue": "\n ",
524 "backendNodeId": 54,
525 "layoutNodeIndex": 24
526 },
527 {
528 "nodeType": 1,
529 "nodeName": "DIV",
530 "nodeValue": "",
531 "backendNodeId": 55,
532 "childNodeIndexes": [
533 54,
534 55,
535 57,
536 58,
537 61
538 ],
539 "attributes": [
540 {
541 "name": "id",
542 "value": "shadow-host"
543 }
544 ],
545 "layoutNodeIndex": 25
546 },
547 {
548 "nodeType": 3,
549 "nodeName": "#text",
550 "nodeValue": "\n",
551 "backendNodeId": 56
552 },
553 {
554 "nodeType": 1,
555 "nodeName": "STYLE",
556 "nodeValue": "",
557 "backendNodeId": 57,
558 "childNodeIndexes": [
559 56
560 ]
561 },
562 {
563 "nodeType": 3,
564 "nodeName": "#text",
565 "nodeValue": "\n:host {\n color: red;\n}\n",
566 "backendNodeId": 58
567 },
568 {
569 "nodeType": 3,
570 "nodeName": "#text",
571 "nodeValue": "\n",
572 "backendNodeId": 59
573 },
574 {
575 "nodeType": 1,
576 "nodeName": "DIV",
577 "nodeValue": "",
578 "backendNodeId": 60,
579 "childNodeIndexes": [
580 59
581 ],
582 "attributes": [
583 {
584 "name": "style",
585 "value": "font-family: ahem;"
586 }
587 ],
588 "layoutNodeIndex": 26
589 },
590 {
591 "nodeType": 1,
592 "nodeName": "H1",
593 "nodeValue": "",
594 "backendNodeId": 61,
595 "childNodeIndexes": [
596 60
597 ],
598 "layoutNodeIndex": 27
599 },
600 {
601 "nodeType": 3,
602 "nodeName": "#text",
603 "nodeValue": "Hi!",
604 "backendNodeId": 62,
605 "layoutNodeIndex": 28
606 },
607 {
608 "nodeType": 3,
609 "nodeName": "#text",
610 "nodeValue": "\n",
611 "backendNodeId": 63
612 },
613 {
614 "nodeType": 3,
615 "nodeName": "#text",
616 "nodeValue": "\n ",
617 "backendNodeId": 64
618 },
619 {
620 "nodeType": 1,
621 "nodeName": "SCRIPT",
622 "nodeValue": "",
623 "backendNodeId": 65,
624 "childNodeIndexes": [
625 64
626 ],
627 "attributes": [
628 {
629 "name": "type",
630 "value": "text/javascript"
631 }
632 ]
633 },
634 {
635 "nodeType": 3,
636 "nodeName": "#text",
637 "nodeValue": "\n var host = document.querySelector(\"#shadow-host\" ).createShadowRoot();\n var template = document.querySelector(\"#shadow-t emplate\");\n host.appendChild(template.content);\n template.remov e();\n window.onload = runTest;\n ",
638 "backendNodeId": 66
639 },
640 {
641 "nodeType": 3,
642 "nodeName": "#text",
643 "nodeValue": "\n",
644 "backendNodeId": 67
645 },
646 {
647 "nodeType": 3,
648 "nodeName": "#text",
649 "nodeValue": "\n\n\n",
650 "backendNodeId": 68
651 }
652 ],
653 "layoutTreeNodes": [
654 {
655 "domNodeIndex": 0,
656 "boundingBox": {
657 "x": 0,
658 "y": 0,
659 "width": 785,
660 "height": 600
661 }
662 },
663 {
664 "domNodeIndex": 1,
665 "boundingBox": {
666 "x": 0,
667 "y": 0,
668 "width": 785,
669 "height": 911
670 },
671 "styleIndex": 0
672 },
673 {
674 "domNodeIndex": 14,
675 "boundingBox": {
676 "x": 8,
677 "y": 8,
678 "width": 769,
679 "height": 882
680 },
681 "styleIndex": 1
682 },
683 {
684 "domNodeIndex": 16,
685 "boundingBox": {
686 "x": 8,
687 "y": 8,
688 "width": 769,
689 "height": 882
690 },
691 "styleIndex": 1
692 },
693 {
694 "domNodeIndex": 18,
695 "boundingBox": {
696 "x": 8,
697 "y": 8,
698 "width": 769,
699 "height": 16
700 },
701 "styleIndex": 2
702 },
703 {
704 "domNodeIndex": 19,
705 "boundingBox": {
706 "x": 8,
707 "y": 8,
708 "width": 144,
709 "height": 16
710 },
711 "layoutText": "Some Text",
712 "inlineTextNodes": [
713 {
714 "boundingBox": {
715 "x": 8,
716 "y": 8,
717 "width": 144,
718 "height": 16
719 },
720 "startCharacterIndex": 0,
721 "numCharacters": 9
722 }
723 ],
724 "styleIndex": 3
725 },
726 {
727 "domNodeIndex": 20,
728 "boundingBox": {
729 "x": 8,
730 "y": 568,
731 "width": 224,
732 "height": 16
733 },
734 "layoutText": " And More Text\n ",
735 "inlineTextNodes": [
736 {
737 "boundingBox": {
738 "x": 8,
739 "y": 568,
740 "width": 224,
741 "height": 16
742 },
743 "startCharacterIndex": 1,
744 "numCharacters": 14
745 }
746 ],
747 "styleIndex": 3
748 },
749 {
750 "domNodeIndex": 21,
751 "boundingBox": {
752 "x": 232,
753 "y": 24,
754 "width": 200,
755 "height": 576
756 },
757 "styleIndex": 4
758 },
759 {
760 "domNodeIndex": 23,
761 "boundingBox": {
762 "x": 232,
763 "y": 40,
764 "width": 200,
765 "height": 480
766 },
767 "styleIndex": 5
768 },
769 {
770 "domNodeIndex": 24,
771 "boundingBox": {
772 "x": 232,
773 "y": 40,
774 "width": 192,
775 "height": 480
776 },
777 "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 ",
778 "inlineTextNodes": [
779 {
780 "boundingBox": {
781 "x": 232,
782 "y": 40,
783 "width": 176,
784 "height": 16
785 },
786 "startCharacterIndex": 9,
787 "numCharacters": 11
788 },
789 {
790 "boundingBox": {
791 "x": 232,
792 "y": 56,
793 "width": 144,
794 "height": 16
795 },
796 "startCharacterIndex": 21,
797 "numCharacters": 9
798 },
799 {
800 "boundingBox": {
801 "x": 232,
802 "y": 72,
803 "width": 80,
804 "height": 16
805 },
806 "startCharacterIndex": 31,
807 "numCharacters": 5
808 },
809 {
810 "boundingBox": {
811 "x": 232,
812 "y": 88,
813 "width": 176,
814 "height": 16
815 },
816 "startCharacterIndex": 37,
817 "numCharacters": 11
818 },
819 {
820 "boundingBox": {
821 "x": 232,
822 "y": 104,
823 "width": 160,
824 "height": 16
825 },
826 "startCharacterIndex": 49,
827 "numCharacters": 10
828 },
829 {
830 "boundingBox": {
831 "x": 232,
832 "y": 120,
833 "width": 80,
834 "height": 16
835 },
836 "startCharacterIndex": 60,
837 "numCharacters": 5
838 },
839 {
840 "boundingBox": {
841 "x": 232,
842 "y": 136,
843 "width": 192,
844 "height": 16
845 },
846 "startCharacterIndex": 66,
847 "numCharacters": 12
848 },
849 {
850 "boundingBox": {
851 "x": 232,
852 "y": 152,
853 "width": 192,
854 "height": 16
855 },
856 "startCharacterIndex": 79,
857 "numCharacters": 12
858 },
859 {
860 "boundingBox": {
861 "x": 232,
862 "y": 168,
863 "width": 80,
864 "height": 16
865 },
866 "startCharacterIndex": 92,
867 "numCharacters": 5
868 },
869 {
870 "boundingBox": {
871 "x": 312,
872 "y": 168,
873 "width": 96,
874 "height": 16
875 },
876 "startCharacterIndex": 105,
877 "numCharacters": 6
878 },
879 {
880 "boundingBox": {
881 "x": 232,
882 "y": 184,
883 "width": 128,
884 "height": 16
885 },
886 "startCharacterIndex": 112,
887 "numCharacters": 8
888 },
889 {
890 "boundingBox": {
891 "x": 232,
892 "y": 200,
893 "width": 144,
894 "height": 16
895 },
896 "startCharacterIndex": 121,
897 "numCharacters": 9
898 },
899 {
900 "boundingBox": {
901 "x": 232,
902 "y": 216,
903 "width": 192,
904 "height": 16
905 },
906 "startCharacterIndex": 131,
907 "numCharacters": 12
908 },
909 {
910 "boundingBox": {
911 "x": 232,
912 "y": 232,
913 "width": 160,
914 "height": 16
915 },
916 "startCharacterIndex": 144,
917 "numCharacters": 10
918 },
919 {
920 "boundingBox": {
921 "x": 232,
922 "y": 248,
923 "width": 192,
924 "height": 16
925 },
926 "startCharacterIndex": 155,
927 "numCharacters": 12
928 },
929 {
930 "boundingBox": {
931 "x": 232,
932 "y": 264,
933 "width": 112,
934 "height": 16
935 },
936 "startCharacterIndex": 168,
937 "numCharacters": 7
938 },
939 {
940 "boundingBox": {
941 "x": 232,
942 "y": 280,
943 "width": 128,
944 "height": 16
945 },
946 "startCharacterIndex": 176,
947 "numCharacters": 8
948 },
949 {
950 "boundingBox": {
951 "x": 232,
952 "y": 296,
953 "width": 96,
954 "height": 16
955 },
956 "startCharacterIndex": 193,
957 "numCharacters": 6
958 },
959 {
960 "boundingBox": {
961 "x": 232,
962 "y": 312,
963 "width": 144,
964 "height": 16
965 },
966 "startCharacterIndex": 200,
967 "numCharacters": 9
968 },
969 {
970 "boundingBox": {
971 "x": 232,
972 "y": 328,
973 "width": 192,
974 "height": 16
975 },
976 "startCharacterIndex": 210,
977 "numCharacters": 12
978 },
979 {
980 "boundingBox": {
981 "x": 232,
982 "y": 344,
983 "width": 176,
984 "height": 16
985 },
986 "startCharacterIndex": 223,
987 "numCharacters": 11
988 },
989 {
990 "boundingBox": {
991 "x": 232,
992 "y": 360,
993 "width": 192,
994 "height": 16
995 },
996 "startCharacterIndex": 235,
997 "numCharacters": 12
998 },
999 {
1000 "boundingBox": {
1001 "x": 232,
1002 "y": 376,
1003 "width": 160,
1004 "height": 16
1005 },
1006 "startCharacterIndex": 248,
1007 "numCharacters": 10
1008 },
1009 {
1010 "boundingBox": {
1011 "x": 232,
1012 "y": 392,
1013 "width": 160,
1014 "height": 16
1015 },
1016 "startCharacterIndex": 259,
1017 "numCharacters": 10
1018 },
1019 {
1020 "boundingBox": {
1021 "x": 232,
1022 "y": 408,
1023 "width": 176,
1024 "height": 16
1025 },
1026 "startCharacterIndex": 270,
1027 "numCharacters": 11
1028 },
1029 {
1030 "boundingBox": {
1031 "x": 232,
1032 "y": 424,
1033 "width": 144,
1034 "height": 16
1035 },
1036 "startCharacterIndex": 290,
1037 "numCharacters": 9
1038 },
1039 {
1040 "boundingBox": {
1041 "x": 232,
1042 "y": 440,
1043 "width": 144,
1044 "height": 16
1045 },
1046 "startCharacterIndex": 300,
1047 "numCharacters": 9
1048 },
1049 {
1050 "boundingBox": {
1051 "x": 232,
1052 "y": 456,
1053 "width": 192,
1054 "height": 16
1055 },
1056 "startCharacterIndex": 310,
1057 "numCharacters": 12
1058 },
1059 {
1060 "boundingBox": {
1061 "x": 232,
1062 "y": 472,
1063 "width": 112,
1064 "height": 16
1065 },
1066 "startCharacterIndex": 323,
1067 "numCharacters": 7
1068 },
1069 {
1070 "boundingBox": {
1071 "x": 232,
1072 "y": 488,
1073 "width": 144,
1074 "height": 16
1075 },
1076 "startCharacterIndex": 331,
1077 "numCharacters": 9
1078 },
1079 {
1080 "boundingBox": {
1081 "x": 232,
1082 "y": 504,
1083 "width": 128,
1084 "height": 16
1085 },
1086 "startCharacterIndex": 341,
1087 "numCharacters": 8
1088 }
1089 ],
1090 "styleIndex": 3
1091 },
1092 {
1093 "domNodeIndex": 26,
1094 "boundingBox": {
1095 "x": 232,
1096 "y": 536,
1097 "width": 200,
1098 "height": 48
1099 },
1100 "styleIndex": 6
1101 },
1102 {
1103 "domNodeIndex": 28,
1104 "boundingBox": {
1105 "x": 272,
1106 "y": 536,
1107 "width": 160,
1108 "height": 16
1109 },
1110 "styleIndex": 7
1111 },
1112 {
1113 "domNodeIndex": 30,
1114 "boundingBox": {
1115 "x": 272,
1116 "y": 552,
1117 "width": 144,
1118 "height": 32
1119 },
1120 "styleIndex": 8
1121 },
1122 {
1123 "domNodeIndex": 31,
1124 "boundingBox": {
1125 "x": 272,
1126 "y": 552,
1127 "width": 144,
1128 "height": 32
1129 },
1130 "layoutText": "Lets have a span",
1131 "inlineTextNodes": [
1132 {
1133 "boundingBox": {
1134 "x": 272,
1135 "y": 552,
1136 "width": 144,
1137 "height": 16
1138 },
1139 "startCharacterIndex": 0,
1140 "numCharacters": 9
1141 },
1142 {
1143 "boundingBox": {
1144 "x": 272,
1145 "y": 568,
1146 "width": 96,
1147 "height": 16
1148 },
1149 "startCharacterIndex": 10,
1150 "numCharacters": 6
1151 }
1152 ],
1153 "styleIndex": 8
1154 },
1155 {
1156 "domNodeIndex": 32,
1157 "boundingBox": {
1158 "x": 0,
1159 "y": 0,
1160 "width": 0,
1161 "height": 0
1162 },
1163 "layoutText": "\n ",
1164 "styleIndex": 3
1165 },
1166 {
1167 "domNodeIndex": 34,
1168 "boundingBox": {
1169 "x": 0,
1170 "y": 0,
1171 "width": 0,
1172 "height": 0
1173 },
1174 "layoutText": "\n ",
1175 "styleIndex": 3
1176 },
1177 {
1178 "domNodeIndex": 35,
1179 "boundingBox": {
1180 "x": 92,
1181 "y": 516,
1182 "width": 32,
1183 "height": 200
1184 },
1185 "styleIndex": 9
1186 },
1187 {
1188 "domNodeIndex": 36,
1189 "boundingBox": {
1190 "x": 92,
1191 "y": 516,
1192 "width": 32,
1193 "height": 112
1194 },
1195 "layoutText": "Rotated text!",
1196 "inlineTextNodes": [
1197 {
1198 "boundingBox": {
1199 "x": 108,
1200 "y": 516,
1201 "width": 16,
1202 "height": 112
1203 },
1204 "startCharacterIndex": 0,
1205 "numCharacters": 7
1206 },
1207 {
1208 "boundingBox": {
1209 "x": 92,
1210 "y": 516,
1211 "width": 16,
1212 "height": 80
1213 },
1214 "startCharacterIndex": 8,
1215 "numCharacters": 5
1216 }
1217 ],
1218 "styleIndex": 10
1219 },
1220 {
1221 "domNodeIndex": 38,
1222 "boundingBox": {
1223 "x": 8,
1224 "y": 632,
1225 "width": 404,
1226 "height": 204
1227 },
1228 "styleIndex": 11
1229 },
1230 {
1231 "domNodeIndex": 39,
1232 "boundingBox": {
1233 "x": 0,
1234 "y": 0,
1235 "width": 400,
1236 "height": 200
1237 }
1238 },
1239 {
1240 "domNodeIndex": 40,
1241 "boundingBox": {
1242 "x": 10,
1243 "y": 634,
1244 "width": 400,
1245 "height": 200
1246 },
1247 "styleIndex": 12
1248 },
1249 {
1250 "domNodeIndex": 47,
1251 "boundingBox": {
1252 "x": 18,
1253 "y": 642,
1254 "width": 384,
1255 "height": 184
1256 },
1257 "styleIndex": 13
1258 },
1259 {
1260 "domNodeIndex": 49,
1261 "boundingBox": {
1262 "x": 18,
1263 "y": 642,
1264 "width": 384,
1265 "height": 16
1266 },
1267 "styleIndex": 14
1268 },
1269 {
1270 "domNodeIndex": 50,
1271 "boundingBox": {
1272 "x": 8,
1273 "y": 8,
1274 "width": 352,
1275 "height": 16
1276 },
1277 "layoutText": "\nHello from the iframe.\n",
1278 "inlineTextNodes": [
1279 {
1280 "boundingBox": {
1281 "x": 8,
1282 "y": 8,
1283 "width": 352,
1284 "height": 16
1285 },
1286 "startCharacterIndex": 1,
1287 "numCharacters": 22
1288 }
1289 ],
1290 "styleIndex": 3
1291 },
1292 {
1293 "domNodeIndex": 52,
1294 "boundingBox": {
1295 "x": 0,
1296 "y": 0,
1297 "width": 0,
1298 "height": 0
1299 },
1300 "layoutText": "\n ",
1301 "styleIndex": 3
1302 },
1303 {
1304 "domNodeIndex": 53,
1305 "boundingBox": {
1306 "x": 8,
1307 "y": 857,
1308 "width": 769,
1309 "height": 33
1310 },
1311 "styleIndex": 15
1312 },
1313 {
1314 "domNodeIndex": 58,
1315 "boundingBox": {
1316 "x": 8,
1317 "y": 857,
1318 "width": 769,
1319 "height": 33
1320 },
1321 "styleIndex": 15
1322 },
1323 {
1324 "domNodeIndex": 59,
1325 "boundingBox": {
1326 "x": 8,
1327 "y": 857,
1328 "width": 769,
1329 "height": 33
1330 },
1331 "styleIndex": 15
1332 },
1333 {
1334 "domNodeIndex": 60,
1335 "boundingBox": {
1336 "x": 8,
1337 "y": 857,
1338 "width": 96,
1339 "height": 33
1340 },
1341 "layoutText": "Hi!",
1342 "inlineTextNodes": [
1343 {
1344 "boundingBox": {
1345 "x": 8,
1346 "y": 857.4375,
1347 "width": 96,
1348 "height": 32
1349 },
1350 "startCharacterIndex": 0,
1351 "numCharacters": 3
1352 }
1353 ],
1354 "styleIndex": 16
1355 }
1356 ],
1357 "computedStyles": [
1358 {
1359 "properties": [
1360 {
1361 "name": "transform",
1362 "value": "none"
1363 },
1364 {
1365 "name": "transform-origin",
1366 "value": "392.5px 455.438px"
1367 },
1368 {
1369 "name": "height",
1370 "value": "910.875px"
1371 },
1372 {
1373 "name": "width",
1374 "value": "785px"
1375 },
1376 {
1377 "name": "display",
1378 "value": "block"
1379 },
1380 {
1381 "name": "outline-color",
1382 "value": "rgb(0, 0, 0)"
1383 },
1384 {
1385 "name": "color",
1386 "value": "rgb(0, 0, 0)"
1387 }
1388 ]
1389 },
1390 {
1391 "properties": [
1392 {
1393 "name": "transform",
1394 "value": "none"
1395 },
1396 {
1397 "name": "transform-origin",
1398 "value": "384.5px 440.719px"
1399 },
1400 {
1401 "name": "height",
1402 "value": "881.438px"
1403 },
1404 {
1405 "name": "width",
1406 "value": "769px"
1407 },
1408 {
1409 "name": "display",
1410 "value": "block"
1411 },
1412 {
1413 "name": "outline-color",
1414 "value": "rgb(0, 0, 0)"
1415 },
1416 {
1417 "name": "color",
1418 "value": "rgb(0, 0, 0)"
1419 }
1420 ]
1421 },
1422 {
1423 "properties": [
1424 {
1425 "name": "transform",
1426 "value": "none"
1427 },
1428 {
1429 "name": "transform-origin",
1430 "value": "384.5px 8px"
1431 },
1432 {
1433 "name": "height",
1434 "value": "16px"
1435 },
1436 {
1437 "name": "width",
1438 "value": "769px"
1439 },
1440 {
1441 "name": "display",
1442 "value": "block"
1443 },
1444 {
1445 "name": "outline-color",
1446 "value": "rgb(0, 0, 0)"
1447 },
1448 {
1449 "name": "color",
1450 "value": "rgb(0, 0, 0)"
1451 }
1452 ]
1453 },
1454 {
1455 "properties": [
1456 {
1457 "name": "transform",
1458 "value": "none"
1459 },
1460 {
1461 "name": "transform-origin",
1462 "value": "0px 0px"
1463 },
1464 {
1465 "name": "height",
1466 "value": "auto"
1467 },
1468 {
1469 "name": "width",
1470 "value": "auto"
1471 },
1472 {
1473 "name": "display",
1474 "value": "block"
1475 },
1476 {
1477 "name": "outline-color",
1478 "value": "rgb(0, 0, 0)"
1479 },
1480 {
1481 "name": "color",
1482 "value": "rgb(0, 0, 0)"
1483 }
1484 ]
1485 },
1486 {
1487 "properties": [
1488 {
1489 "name": "transform",
1490 "value": "none"
1491 },
1492 {
1493 "name": "transform-origin",
1494 "value": "100px 288px"
1495 },
1496 {
1497 "name": "height",
1498 "value": "576px"
1499 },
1500 {
1501 "name": "width",
1502 "value": "200px"
1503 },
1504 {
1505 "name": "display",
1506 "value": "inline-block"
1507 },
1508 {
1509 "name": "outline-color",
1510 "value": "rgb(0, 0, 0)"
1511 },
1512 {
1513 "name": "color",
1514 "value": "rgb(0, 0, 0)"
1515 }
1516 ]
1517 },
1518 {
1519 "properties": [
1520 {
1521 "name": "transform",
1522 "value": "none"
1523 },
1524 {
1525 "name": "transform-origin",
1526 "value": "100px 240px"
1527 },
1528 {
1529 "name": "height",
1530 "value": "480px"
1531 },
1532 {
1533 "name": "width",
1534 "value": "200px"
1535 },
1536 {
1537 "name": "display",
1538 "value": "block"
1539 },
1540 {
1541 "name": "outline-color",
1542 "value": "rgb(0, 0, 0)"
1543 },
1544 {
1545 "name": "color",
1546 "value": "rgb(0, 0, 0)"
1547 }
1548 ]
1549 },
1550 {
1551 "properties": [
1552 {
1553 "name": "transform",
1554 "value": "none"
1555 },
1556 {
1557 "name": "transform-origin",
1558 "value": "100px 24px"
1559 },
1560 {
1561 "name": "height",
1562 "value": "48px"
1563 },
1564 {
1565 "name": "width",
1566 "value": "160px"
1567 },
1568 {
1569 "name": "display",
1570 "value": "block"
1571 },
1572 {
1573 "name": "outline-color",
1574 "value": "rgb(0, 0, 0)"
1575 },
1576 {
1577 "name": "color",
1578 "value": "rgb(0, 0, 0)"
1579 }
1580 ]
1581 },
1582 {
1583 "properties": [
1584 {
1585 "name": "transform",
1586 "value": "none"
1587 },
1588 {
1589 "name": "transform-origin",
1590 "value": "80px 8px"
1591 },
1592 {
1593 "name": "height",
1594 "value": "16px"
1595 },
1596 {
1597 "name": "width",
1598 "value": "160px"
1599 },
1600 {
1601 "name": "display",
1602 "value": "list-item"
1603 },
1604 {
1605 "name": "outline-color",
1606 "value": "rgb(0, 0, 0)"
1607 },
1608 {
1609 "name": "color",
1610 "value": "rgb(0, 0, 0)"
1611 }
1612 ]
1613 },
1614 {
1615 "properties": [
1616 {
1617 "name": "transform",
1618 "value": "none"
1619 },
1620 {
1621 "name": "transform-origin",
1622 "value": "0px 0px"
1623 },
1624 {
1625 "name": "height",
1626 "value": "auto"
1627 },
1628 {
1629 "name": "width",
1630 "value": "auto"
1631 },
1632 {
1633 "name": "display",
1634 "value": "inline"
1635 },
1636 {
1637 "name": "outline-color",
1638 "value": "rgb(0, 0, 0)"
1639 },
1640 {
1641 "name": "color",
1642 "value": "rgb(0, 0, 0)"
1643 }
1644 ]
1645 },
1646 {
1647 "properties": [
1648 {
1649 "name": "transform",
1650 "value": "matrix(6.12323e-17, 1, -1, 6.12323e-17, 0, 0)"
1651 },
1652 {
1653 "name": "transform-origin",
1654 "value": "100px 16px"
1655 },
1656 {
1657 "name": "height",
1658 "value": "32px"
1659 },
1660 {
1661 "name": "width",
1662 "value": "200px"
1663 },
1664 {
1665 "name": "display",
1666 "value": "block"
1667 },
1668 {
1669 "name": "outline-color",
1670 "value": "rgb(0, 0, 0)"
1671 },
1672 {
1673 "name": "color",
1674 "value": "rgb(0, 0, 0)"
1675 }
1676 ]
1677 },
1678 {
1679 "properties": [
1680 {
1681 "name": "transform",
1682 "value": "matrix(6.12323e-17, 1, -1, 6.12323e-17, 0, 0)"
1683 },
1684 {
1685 "name": "transform-origin",
1686 "value": "0px 0px"
1687 },
1688 {
1689 "name": "height",
1690 "value": "auto"
1691 },
1692 {
1693 "name": "width",
1694 "value": "auto"
1695 },
1696 {
1697 "name": "display",
1698 "value": "block"
1699 },
1700 {
1701 "name": "outline-color",
1702 "value": "rgb(0, 0, 0)"
1703 },
1704 {
1705 "name": "color",
1706 "value": "rgb(0, 0, 0)"
1707 }
1708 ]
1709 },
1710 {
1711 "properties": [
1712 {
1713 "name": "transform",
1714 "value": "none"
1715 },
1716 {
1717 "name": "transform-origin",
1718 "value": "202px 102px"
1719 },
1720 {
1721 "name": "height",
1722 "value": "200px"
1723 },
1724 {
1725 "name": "width",
1726 "value": "400px"
1727 },
1728 {
1729 "name": "display",
1730 "value": "inline"
1731 },
1732 {
1733 "name": "outline-color",
1734 "value": "rgb(0, 0, 0)"
1735 },
1736 {
1737 "name": "color",
1738 "value": "rgb(0, 0, 0)"
1739 }
1740 ]
1741 },
1742 {
1743 "properties": [
1744 {
1745 "name": "transform",
1746 "value": "none"
1747 },
1748 {
1749 "name": "transform-origin",
1750 "value": "200px 100px"
1751 },
1752 {
1753 "name": "height",
1754 "value": "200px"
1755 },
1756 {
1757 "name": "width",
1758 "value": "400px"
1759 },
1760 {
1761 "name": "display",
1762 "value": "block"
1763 },
1764 {
1765 "name": "outline-color",
1766 "value": "rgb(0, 0, 0)"
1767 },
1768 {
1769 "name": "color",
1770 "value": "rgb(0, 0, 0)"
1771 }
1772 ]
1773 },
1774 {
1775 "properties": [
1776 {
1777 "name": "transform",
1778 "value": "none"
1779 },
1780 {
1781 "name": "transform-origin",
1782 "value": "192px 92px"
1783 },
1784 {
1785 "name": "height",
1786 "value": "184px"
1787 },
1788 {
1789 "name": "width",
1790 "value": "384px"
1791 },
1792 {
1793 "name": "display",
1794 "value": "block"
1795 },
1796 {
1797 "name": "outline-color",
1798 "value": "rgb(0, 0, 0)"
1799 },
1800 {
1801 "name": "color",
1802 "value": "rgb(0, 0, 0)"
1803 }
1804 ]
1805 },
1806 {
1807 "properties": [
1808 {
1809 "name": "transform",
1810 "value": "none"
1811 },
1812 {
1813 "name": "transform-origin",
1814 "value": "192px 8px"
1815 },
1816 {
1817 "name": "height",
1818 "value": "16px"
1819 },
1820 {
1821 "name": "width",
1822 "value": "384px"
1823 },
1824 {
1825 "name": "display",
1826 "value": "block"
1827 },
1828 {
1829 "name": "outline-color",
1830 "value": "rgb(0, 0, 0)"
1831 },
1832 {
1833 "name": "color",
1834 "value": "rgb(0, 0, 0)"
1835 }
1836 ]
1837 },
1838 {
1839 "properties": [
1840 {
1841 "name": "transform",
1842 "value": "none"
1843 },
1844 {
1845 "name": "transform-origin",
1846 "value": "384.5px 16px"
1847 },
1848 {
1849 "name": "height",
1850 "value": "32px"
1851 },
1852 {
1853 "name": "width",
1854 "value": "769px"
1855 },
1856 {
1857 "name": "display",
1858 "value": "block"
1859 },
1860 {
1861 "name": "outline-color",
1862 "value": "rgb(255, 0, 0)"
1863 },
1864 {
1865 "name": "color",
1866 "value": "rgb(255, 0, 0)"
1867 }
1868 ]
1869 },
1870 {
1871 "properties": [
1872 {
1873 "name": "transform",
1874 "value": "none"
1875 },
1876 {
1877 "name": "transform-origin",
1878 "value": "0px 0px"
1879 },
1880 {
1881 "name": "height",
1882 "value": "auto"
1883 },
1884 {
1885 "name": "width",
1886 "value": "auto"
1887 },
1888 {
1889 "name": "display",
1890 "value": "block"
1891 },
1892 {
1893 "name": "outline-color",
1894 "value": "rgb(255, 0, 0)"
1895 },
1896 {
1897 "name": "color",
1898 "value": "rgb(255, 0, 0)"
1899 }
1900 ]
1901 }
1902 ]
1903 }
1904
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698