third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt - Issue 2942573003: [DevTools] New harness for inspector-protocol layout tests

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

Issue 2942573003: [DevTools] New harness for inspector-protocol layout tests (Closed)

Patch Set: Protocol -> dp 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 side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot.js ('k') | third_party/WebKit/LayoutTests/inspector-protocol/dom/dom-childNodeCount.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt

diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt b/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt

index 580e7446e70eda7f3d914d8a0c014a400bf8de3f..3afc00bfe543b7f3de00bf46a0bfeb66942d47bd 100644

--- a/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt

+++ b/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt

@@ -1,17 +1,11 @@

-Some Text

-And More Text

-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra.

-Lets have a span

-Rotated text!

+Tests DOMSnapshot.getSnapshot method.

{

"domNodes": [

{

"nodeType": 9,

"nodeName": "#document",

"nodeValue": "",

- "backendNodeId": 2,

+ "backendNodeId": 3,

"childNodeIndexes": [

@@ -23,11 +17,10 @@ Rotated text!

"nodeType": 1,

"nodeName": "HTML",

"nodeValue": "",

- "backendNodeId": 3,

+ "backendNodeId": 4,

"childNodeIndexes": [

- 13,

- 14

+ 3

"layoutNodeIndex": 1,

"frameId": "<string>"

@@ -36,143 +29,73 @@ Rotated text!

"nodeType": 1,

"nodeName": "HEAD",

"nodeValue": "",

- "backendNodeId": 4,

- "childNodeIndexes": [

- 3,

- 4,

- 6,

- 7,

- 8,

- 9,

- 11,

- 12

- ]

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

"backendNodeId": 5

{

"nodeType": 1,

- "nodeName": "STYLE",

+ "nodeName": "BODY",

"nodeValue": "",

"backendNodeId": 6,

"childNodeIndexes": [

- 5

- ]

+ 4,

+ 5,

+ 7,

+ 8,

+ 9,

+ 44

+ ],

+ "layoutNodeIndex": 2

{

"nodeType": 3,

"nodeName": "#text",

- "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../resources/Ahem.ttf);\n}\n",

+ "nodeValue": "\n\n\n",

"backendNodeId": 7

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 8

- },

{

"nodeType": 1,

- "nodeName": "SCRIPT",

- "nodeValue": "",

- "backendNodeId": 9,

- "attributes": [

- {

- "name": "type",

- "value": "text/javascript"

- },

- {

- "name": "src",

- "value": "../../http/tests/inspector-protocol/inspector-protocol-test.js"

- }

- ]

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 10

- },

- {

- "nodeType": 1,

- "nodeName": "SCRIPT",

+ "nodeName": "STYLE",

"nodeValue": "",

- "backendNodeId": 11,

+ "backendNodeId": 8,

"childNodeIndexes": [

- 10

+ 6

]

{

"nodeType": 3,

"nodeName": "#text",

- "nodeValue": "\n\nasync function test() {\n function stabilize(key, value) {\n var unstableKeys = [\"documentURL\", \"baseURL\", \"frameId\"];\n if (unstableKeys.indexOf(key) !== -1)\n return \"<\" + typeof(value) + \">\";\n return value;\n }\n \n var whitelist = [\"transform\", \"transform-origin\", \"height\", \"width\", \"display\", \"outline-color\", \"color\"];\n var response = await InspectorTest.sendCommandOrDie(\"DOMSnapshot.getSnapshot\", {\"computedStyleWhitelist\": whitelist});\n InspectorTest.log(JSON.stringify(response, stabilize, 2));\n InspectorTest.completeTest();\n}\n\n",

- "backendNodeId": 12

+ "nodeValue": "<value>",

+ "backendNodeId": 9

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n",

- "backendNodeId": 13

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 14

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 15

- },

- {

- "nodeType": 1,

- "nodeName": "BODY",

- "nodeValue": "",

- "backendNodeId": 16,

- "childNodeIndexes": [

- 15,

- 16,

- 66

- ],

- "attributes": [

- {

- "name": "class",

- "value": "body-class"

- }

- ],

- "layoutNodeIndex": 2

+ "backendNodeId": 10

{

"nodeType": 3,

"nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 17

+ "nodeValue": "\n\n\n",

+ "backendNodeId": 11

{

"nodeType": 1,

"nodeName": "DIV",

"nodeValue": "",

- "backendNodeId": 18,

+ "backendNodeId": 12,

"childNodeIndexes": [

- 17,

- 18,

- 20,

- 21,

+ 10,

+ 11,

+ 13,

+ 14,

+ 27,

+ 28,

+ 30,

+ 31,

+ 33,

34,

- 35,

- 37,

- 38,

- 52,

- 53,

- 62,

- 63,

- 65

+ 43

"attributes": [

{

@@ -186,15 +109,15 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 19

+ "backendNodeId": 13

{

"nodeType": 1,

"nodeName": "DIV",

"nodeValue": "",

- "backendNodeId": 20,

+ "backendNodeId": 14,

"childNodeIndexes": [

- 19

+ 12

"attributes": [

{

@@ -208,27 +131,27 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "Some Text",

- "backendNodeId": 21,

+ "backendNodeId": 15,

"layoutNodeIndex": 5

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": " And More Text\n ",

- "backendNodeId": 22,

+ "backendNodeId": 16,

"layoutNodeIndex": 6

{

"nodeType": 1,

"nodeName": "DIV",

"nodeValue": "",

- "backendNodeId": 23,

+ "backendNodeId": 17,

"childNodeIndexes": [

- 22,

- 23,

- 25,

- 26,

- 33

+ 15,

+ 16,

+ 18,

+ 19,

+ 26

"attributes": [

{

@@ -242,15 +165,15 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 24

+ "backendNodeId": 18

{

"nodeType": 1,

"nodeName": "P",

"nodeValue": "",

- "backendNodeId": 25,

+ "backendNodeId": 19,

"childNodeIndexes": [

- 24

+ 17

"layoutNodeIndex": 8

@@ -258,26 +181,26 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"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 sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n hendrerit efficitur est. Quisque gravida facilisis viverra.\n ",

- "backendNodeId": 26,

+ "backendNodeId": 20,

"layoutNodeIndex": 9

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 27

+ "backendNodeId": 21

{

"nodeType": 1,

"nodeName": "UL",

"nodeValue": "",

- "backendNodeId": 28,

+ "backendNodeId": 22,

"childNodeIndexes": [

- 27,

- 28,

- 29,

- 30,

- 32

+ 20,

+ 21,

+ 22,

+ 23,

+ 25

"attributes": [

{

@@ -291,13 +214,13 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 29

+ "backendNodeId": 23

{

"nodeType": 1,

"nodeName": "LI",

"nodeValue": "",

- "backendNodeId": 30,

+ "backendNodeId": 24,

"attributes": [

{

"name": "class",

@@ -310,15 +233,15 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 31

+ "backendNodeId": 25

{

"nodeType": 1,

"nodeName": "SPAN",

"nodeValue": "",

- "backendNodeId": 32,

+ "backendNodeId": 26,

"childNodeIndexes": [

- 31

+ 24

"layoutNodeIndex": 12

@@ -326,36 +249,36 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "Lets have a span",

- "backendNodeId": 33,

+ "backendNodeId": 27,

"layoutNodeIndex": 13

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 34,

+ "backendNodeId": 28,

"layoutNodeIndex": 14

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 35

+ "backendNodeId": 29

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 36,

+ "backendNodeId": 30,

"layoutNodeIndex": 15

{

"nodeType": 1,

"nodeName": "DIV",

"nodeValue": "",

- "backendNodeId": 37,

+ "backendNodeId": 31,

"childNodeIndexes": [

- 36

+ 29

"attributes": [

{

@@ -369,24 +292,24 @@ Rotated text!

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "Rotated text!",

- "backendNodeId": 38,

+ "backendNodeId": 32,

"layoutNodeIndex": 17

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 39

+ "backendNodeId": 33

{

"nodeType": 1,

"nodeName": "IFRAME",

"nodeValue": "",

- "backendNodeId": 40,

+ "backendNodeId": 34,

"attributes": [

{

"name": "src",

- "value": "../dom/resources/simple-iframe.html"

+ "value": "<value>"

{

"name": "width",

@@ -399,142 +322,35 @@ Rotated text!

"layoutNodeIndex": 18,

"frameId": "<string>",

- "contentDocumentIndex": 39

+ "contentDocumentIndex": 32

{

"nodeType": 9,

"nodeName": "#document",

"nodeValue": "",

- "backendNodeId": 41,

- "childNodeIndexes": [

- 40

- ],

+ "backendNodeId": 35,

"layoutNodeIndex": 19,

"documentURL": "<string>",

"baseURL": "<string>"

- {

- "nodeType": 1,

- "nodeName": "HTML",

- "nodeValue": "",

- "backendNodeId": 42,

- "childNodeIndexes": [

- 41,

- 46,

- 47

- ],

- "layoutNodeIndex": 20,

- "frameId": "<string>"

- },

- {

- "nodeType": 1,

- "nodeName": "HEAD",

- "nodeValue": "",

- "backendNodeId": 43,

- "childNodeIndexes": [

- 42,

- 43,

- 45

- ]

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 44

- },

- {

- "nodeType": 1,

- "nodeName": "STYLE",

- "nodeValue": "",

- "backendNodeId": 45,

- "childNodeIndexes": [

- 44

- ]

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../../resources/Ahem.ttf);\n}\n",

- "backendNodeId": 46

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 47

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 48

- },

- {

- "nodeType": 1,

- "nodeName": "BODY",

- "nodeValue": "",

- "backendNodeId": 49,

- "childNodeIndexes": [

- 48,

- 49,

- 51

- ],

- "layoutNodeIndex": 21

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n",

- "backendNodeId": 50

- },

- {

- "nodeType": 1,

- "nodeName": "DIV",

- "nodeValue": "",

- "backendNodeId": 51,

- "childNodeIndexes": [

- 50

- ],

- "attributes": [

- {

- "name": "style",

- "value": "font-family: ahem;"

- }

- ],

- "layoutNodeIndex": 22

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\nHello from the iframe.\n",

- "backendNodeId": 52,

- "layoutNodeIndex": 23

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n\n\n",

- "backendNodeId": 53

- },

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n ",

- "backendNodeId": 54,

- "layoutNodeIndex": 24

+ "backendNodeId": 36,

+ "layoutNodeIndex": 20

{

"nodeType": 1,

"nodeName": "DIV",

"nodeValue": "",

- "backendNodeId": 55,

+ "backendNodeId": 37,

"childNodeIndexes": [

- 54,

- 55,

- 57,

- 58,

- 61

+ 35,

+ 36,

+ 38,

+ 39,

+ 42

"attributes": [

{

@@ -542,42 +358,42 @@ Rotated text!

"value": "shadow-host"

}

- "layoutNodeIndex": 25

+ "layoutNodeIndex": 21

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n",

- "backendNodeId": 56

+ "backendNodeId": 38

{

"nodeType": 1,

"nodeName": "STYLE",

"nodeValue": "",

- "backendNodeId": 57,

+ "backendNodeId": 39,

"childNodeIndexes": [

- 56

+ 37

]

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n:host {\n color: red;\n}\n",

- "backendNodeId": 58

+ "backendNodeId": 40

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n",

- "backendNodeId": 59

+ "backendNodeId": 41

{

"nodeType": 1,

"nodeName": "DIV",

"nodeValue": "",

- "backendNodeId": 60,

+ "backendNodeId": 42,

"childNodeIndexes": [

- 59

+ 40

"attributes": [

{

@@ -585,69 +401,42 @@ Rotated text!

"value": "font-family: ahem;"

}

- "layoutNodeIndex": 26

+ "layoutNodeIndex": 22

{

"nodeType": 1,

"nodeName": "H1",

"nodeValue": "",

- "backendNodeId": 61,

+ "backendNodeId": 43,

"childNodeIndexes": [

- 60

+ 41

- "layoutNodeIndex": 27

+ "layoutNodeIndex": 23

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "Hi!",

- "backendNodeId": 62,

- "layoutNodeIndex": 28

+ "backendNodeId": 44,

+ "layoutNodeIndex": 24

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n",

- "backendNodeId": 63

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n ",

- "backendNodeId": 64

- },

- {

- "nodeType": 1,

- "nodeName": "SCRIPT",

- "nodeValue": "",

- "backendNodeId": 65,

- "childNodeIndexes": [

- 64

- ],

- "attributes": [

- {

- "name": "type",

- "value": "text/javascript"

- }

- ]

- },

- {

- "nodeType": 3,

- "nodeName": "#text",

- "nodeValue": "\n var host = document.querySelector(\"#shadow-host\").createShadowRoot();\n var template = document.querySelector(\"#shadow-template\");\n host.appendChild(template.content);\n template.remove();\n window.onload = runTest;\n ",

- "backendNodeId": 66

+ "backendNodeId": 45

{

"nodeType": 3,

"nodeName": "#text",

"nodeValue": "\n",

- "backendNodeId": 67

+ "backendNodeId": 46

{

"nodeType": 3,

"nodeName": "#text",

- "nodeValue": "\n\n\n",

- "backendNodeId": 68

+ "nodeValue": "\n\n\n ",

+ "backendNodeId": 47

}

"layoutTreeNodes": [

@@ -671,7 +460,7 @@ Rotated text!

"styleIndex": 0

{

- "domNodeIndex": 14,

+ "domNodeIndex": 3,

"boundingBox": {

"x": 8,

"y": 8,

@@ -681,7 +470,7 @@ Rotated text!

"styleIndex": 1

{

- "domNodeIndex": 16,

+ "domNodeIndex": 9,

"boundingBox": {

"x": 8,

"y": 8,

@@ -691,7 +480,7 @@ Rotated text!

"styleIndex": 1

{

- "domNodeIndex": 18,

+ "domNodeIndex": 11,

"boundingBox": {

"x": 8,

"y": 8,

@@ -701,7 +490,7 @@ Rotated text!

"styleIndex": 2

{

- "domNodeIndex": 19,

+ "domNodeIndex": 12,

"boundingBox": {

"x": 8,

"y": 8,

@@ -724,7 +513,7 @@ Rotated text!

"styleIndex": 3

{

- "domNodeIndex": 20,

+ "domNodeIndex": 13,

"boundingBox": {

"x": 8,

"y": 568,

@@ -747,7 +536,7 @@ Rotated text!

"styleIndex": 3

{

- "domNodeIndex": 21,

+ "domNodeIndex": 14,

"boundingBox": {

"x": 232,

"y": 24,

@@ -757,7 +546,7 @@ Rotated text!

"styleIndex": 4

{

- "domNodeIndex": 23,

+ "domNodeIndex": 16,

"boundingBox": {

"x": 232,

"y": 40,

@@ -767,7 +556,7 @@ Rotated text!

"styleIndex": 5

{

- "domNodeIndex": 24,

+ "domNodeIndex": 17,

"boundingBox": {

"x": 232,

"y": 40,

@@ -1090,7 +879,7 @@ Rotated text!

"styleIndex": 3

{

- "domNodeIndex": 26,

+ "domNodeIndex": 19,

"boundingBox": {

"x": 232,

"y": 536,

@@ -1100,7 +889,7 @@ Rotated text!

"styleIndex": 6

{

- "domNodeIndex": 28,

+ "domNodeIndex": 21,

"boundingBox": {

"x": 272,

"y": 536,

@@ -1110,7 +899,7 @@ Rotated text!

"styleIndex": 7

{

- "domNodeIndex": 30,

+ "domNodeIndex": 23,

"boundingBox": {

"x": 272,

"y": 552,

@@ -1120,7 +909,7 @@ Rotated text!

"styleIndex": 8

{

- "domNodeIndex": 31,

+ "domNodeIndex": 24,

"boundingBox": {

"x": 272,

"y": 552,

@@ -1153,7 +942,7 @@ Rotated text!

"styleIndex": 8

{

- "domNodeIndex": 32,

+ "domNodeIndex": 25,

"boundingBox": {

"x": 0,

"y": 0,

@@ -1164,7 +953,7 @@ Rotated text!

"styleIndex": 3

{

- "domNodeIndex": 34,

+ "domNodeIndex": 27,

"boundingBox": {

"x": 0,

"y": 0,

@@ -1175,7 +964,7 @@ Rotated text!

"styleIndex": 3

{

- "domNodeIndex": 35,

+ "domNodeIndex": 28,

"boundingBox": {

"x": 92,

"y": 516,

@@ -1185,7 +974,7 @@ Rotated text!

"styleIndex": 9

{

- "domNodeIndex": 36,

+ "domNodeIndex": 29,

"boundingBox": {

"x": 92,

"y": 516,

@@ -1218,7 +1007,7 @@ Rotated text!

"styleIndex": 10

{

- "domNodeIndex": 38,

+ "domNodeIndex": 31,

"boundingBox": {

"x": 8,

"y": 632,

@@ -1228,69 +1017,16 @@ Rotated text!

"styleIndex": 11

{

- "domNodeIndex": 39,

+ "domNodeIndex": 32,

"boundingBox": {

"x": 0,

"y": 0,

- "width": 400,

- "height": 200

+ "width": 0,

+ "height": 0

}

{

- "domNodeIndex": 40,

- "boundingBox": {

- "x": 10,

- "y": 634,

- "width": 400,

- "height": 200

- },

- "styleIndex": 12

- },

- {

- "domNodeIndex": 47,

- "boundingBox": {

- "x": 18,

- "y": 642,

- "width": 384,

- "height": 184

- },

- "styleIndex": 13

- },

- {

- "domNodeIndex": 49,

- "boundingBox": {

- "x": 18,

- "y": 642,

- "width": 384,

- "height": 16

- },

- "styleIndex": 14

- },

- {

- "domNodeIndex": 50,

- "boundingBox": {

- "x": 8,

- "y": 8,

- "width": 352,

- "height": 16

- },

- "layoutText": "\nHello from the iframe.\n",

- "inlineTextNodes": [

- {

- "boundingBox": {

- "x": 8,

- "y": 8,

- "width": 352,

- "height": 16

- },

- "startCharacterIndex": 1,

- "numCharacters": 22

- }

- ],

- "styleIndex": 3

- },

- {

- "domNodeIndex": 52,

+ "domNodeIndex": 33,

"boundingBox": {

"x": 0,

"y": 0,

@@ -1301,37 +1037,37 @@ Rotated text!

"styleIndex": 3

{

- "domNodeIndex": 53,

+ "domNodeIndex": 34,

"boundingBox": {

"x": 8,

"y": 857,

"width": 769,

"height": 33

- "styleIndex": 15

+ "styleIndex": 12

{

- "domNodeIndex": 58,

+ "domNodeIndex": 39,

"boundingBox": {

"x": 8,

"y": 857,

"width": 769,

"height": 33

- "styleIndex": 15

+ "styleIndex": 12

{

- "domNodeIndex": 59,

+ "domNodeIndex": 40,

"boundingBox": {

"x": 8,

"y": 857,

"width": 769,

"height": 33

- "styleIndex": 15

+ "styleIndex": 12

{

- "domNodeIndex": 60,

+ "domNodeIndex": 41,

"boundingBox": {

"x": 8,

"y": 857,

@@ -1351,7 +1087,7 @@ Rotated text!

"numCharacters": 3

}

- "styleIndex": 16

+ "styleIndex": 13

}

"computedStyles": [

@@ -1739,102 +1475,6 @@ Rotated text!

}

]

- {

- "properties": [

- {

- "name": "transform",

- "value": "none"

- },

- {

- "name": "transform-origin",

- "value": "200px 100px"

- },

- {

- "name": "height",

- "value": "200px"

- },

- {

- "name": "width",

- "value": "400px"

- },

- {

- "name": "display",

- "value": "block"

- },

- {

- "name": "outline-color",

- "value": "rgb(0, 0, 0)"

- },

- {

- "name": "color",

- "value": "rgb(0, 0, 0)"

- }

- ]

- },

- {

- "properties": [

- {

- "name": "transform",

- "value": "none"

- },

- {

- "name": "transform-origin",

- "value": "192px 92px"

- },

- {

- "name": "height",

- "value": "184px"

- },

- {

- "name": "width",

- "value": "384px"

- },

- {

- "name": "display",

- "value": "block"

- },

- {

- "name": "outline-color",

- "value": "rgb(0, 0, 0)"

- },

- {

- "name": "color",

- "value": "rgb(0, 0, 0)"

- }

- ]

- },

- {

- "properties": [

- {

- "name": "transform",

- "value": "none"

- },

- {

- "name": "transform-origin",

- "value": "192px 8px"

- },

- {

- "name": "height",

- "value": "16px"

- },

- {

- "name": "width",

- "value": "384px"

- },

- {

- "name": "display",

- "value": "block"

- },

- {

- "name": "outline-color",

- "value": "rgb(0, 0, 0)"

- },

- {

- "name": "color",

- "value": "rgb(0, 0, 0)"

- }

- ]

- },

{

"properties": [

{