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

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

Powered by Google App Engine
This is Rietveld 408576698