@roku-sdk/components 0.0.0-stage → 2.18.0

package/src/sg-nodes/__tests__/__snapshots__/prop-forwarding.test.tsx.snap

@@ -0,0 +1,4409 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API AnimatedImage forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "audioGuideText": {
+    "kind": "string",
+    "value": "Animated image",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "control": {
+    "kind": "string",
+    "value": "loop",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "error": {
+    "kind": "eventHandler",
+  },
+  "failedBitmapOpacity": {
+    "kind": "int",
+    "value": 1,
+  },
+  "failedBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/failed.png",
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "height": {
+    "kind": "int",
+    "value": 300,
+  },
+  "id": {
+    "kind": "string",
+    "value": "animated-image",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "loadDisplayMode": {
+    "kind": "string",
+    "value": "scaleToFit",
+  },
+  "loadHeight": {
+    "kind": "int",
+    "value": 300,
+  },
+  "loadWidth": {
+    "kind": "int",
+    "value": 200,
+  },
+  "loadingBitmapOpacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "loadingBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/loading.png",
+  },
+  "mediaHeight": {
+    "kind": "eventHandler",
+  },
+  "mediaWidth": {
+    "kind": "eventHandler",
+  },
+  "mimeType": {
+    "kind": "string",
+    "value": "video/mp4",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "state": {
+    "kind": "eventHandler",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "uri": {
+    "kind": "object",
+    "value": {
+      "fhd": "pkg:/a-fhd.png",
+      "hd": "pkg:/a-hd.png",
+    },
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 200,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Animation forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "control": {
+    "kind": "string",
+    "value": "start",
+  },
+  "delay": {
+    "kind": "float",
+    "value": 0.1,
+  },
+  "duration": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "easeFunction": {
+    "kind": "string",
+    "value": "linear",
+  },
+  "id": {
+    "kind": "string",
+    "value": "anim",
+  },
+  "optional": {
+    "kind": "bool",
+    "value": false,
+  },
+  "repeat": {
+    "kind": "bool",
+    "value": true,
+  },
+  "state": {
+    "kind": "eventHandler",
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Audio forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "audioFormat": {
+    "kind": "eventHandler",
+  },
+  "bufferingStatus": {
+    "kind": "eventHandler",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "contentIsPlaylist": {
+    "kind": "bool",
+    "value": false,
+  },
+  "control": {
+    "kind": "string",
+    "value": "play",
+  },
+  "duration": {
+    "kind": "eventHandler",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "errorCode": {
+    "kind": "eventHandler",
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "audio",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "loop": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "notificationInterval": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "position": {
+    "kind": "eventHandler",
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "seek": {
+    "kind": "float",
+    "value": 5.5,
+  },
+  "state": {
+    "kind": "eventHandler",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API BifDisplay forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "height": {
+    "kind": "int",
+    "value": 135,
+  },
+  "id": {
+    "kind": "string",
+    "value": "bif",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 240,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API BusySpinner forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "clockwise": {
+    "kind": "bool",
+    "value": true,
+  },
+  "control": {
+    "kind": "string",
+    "value": "start",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "spinner",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "spinInterval": {
+    "kind": "int",
+    "value": 1,
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "uri": {
+    "kind": "string",
+    "value": "pkg:/images/spinner.png",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Button forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "buttonSelected": {
+    "kind": "eventHandler",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/images/focus.9.png",
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "focusedTextColor": {
+    "kind": "string",
+    "value": "#000000FF",
+  },
+  "iconUri": {
+    "kind": "string",
+    "value": "pkg:/images/icon.png",
+  },
+  "id": {
+    "kind": "string",
+    "value": "btn",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "text": {
+    "kind": "string",
+    "value": "Click me",
+  },
+  "textColor": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API ButtonGroup forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "buttonSelected": {
+    "kind": "eventHandler",
+  },
+  "buttons": {
+    "kind": "array",
+    "value": [
+      "One",
+      "Two",
+      "Three",
+    ],
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusButton": {
+    "kind": "int",
+    "value": 1,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "focusedTextColor": {
+    "kind": "string",
+    "value": "#000000FF",
+  },
+  "height": {
+    "kind": "int",
+    "value": 64,
+  },
+  "horizAlignment": {
+    "kind": "string",
+    "value": "left",
+  },
+  "iconUri": {
+    "kind": "string",
+    "value": "pkg:/icons/a.png",
+  },
+  "id": {
+    "kind": "string",
+    "value": "btn-group",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemSpacings": {
+    "kind": "array",
+    "value": [
+      8,
+      8,
+    ],
+  },
+  "layoutDirection": {
+    "kind": "string",
+    "value": "vert",
+  },
+  "maxWidth": {
+    "kind": "int",
+    "value": 600,
+  },
+  "minWidth": {
+    "kind": "int",
+    "value": 200,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "textColor": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "vertAlignment": {
+    "kind": "string",
+    "value": "top",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API CheckList forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "checkOnSelect": {
+    "kind": "bool",
+    "value": true,
+  },
+  "checkedFocusIconUri": {
+    "kind": "string",
+    "value": "pkg:/check-focus.png",
+  },
+  "checkedIconUri": {
+    "kind": "string",
+    "value": "pkg:/check.png",
+  },
+  "checkedState": {
+    "kind": "array",
+    "value": [
+      true,
+      false,
+      true,
+    ],
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "checklist",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "uncheckedFocusIconUri": {
+    "kind": "string",
+    "value": "pkg:/uncheck-focus.png",
+  },
+  "uncheckedIconUri": {
+    "kind": "string",
+    "value": "pkg:/uncheck.png",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API ColorFieldInterpolator forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "fieldToInterp": {
+    "kind": "string",
+    "value": "color",
+  },
+  "id": {
+    "kind": "string",
+    "value": "color-interp",
+  },
+  "key": {
+    "kind": "array",
+    "value": [
+      0,
+      1,
+    ],
+  },
+  "keyValue": {
+    "kind": "array",
+    "value": [
+      "#FF0000FF",
+      "#00FF00FF",
+    ],
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API ContentNode forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "actors": {
+    "kind": "array",
+    "value": [
+      "Alice",
+      "Bob",
+    ],
+  },
+  "categories": {
+    "kind": "array",
+    "value": [
+      "drama",
+      "sci-fi",
+    ],
+  },
+  "contentType": {
+    "kind": "string",
+    "value": "episode",
+  },
+  "description": {
+    "kind": "string",
+    "value": "Description text",
+  },
+  "hdPosterUrl": {
+    "kind": "string",
+    "value": "pkg:/poster-hd.jpg",
+  },
+  "id": {
+    "kind": "string",
+    "value": "content",
+  },
+  "length": {
+    "kind": "int",
+    "value": 3600,
+  },
+  "live": {
+    "kind": "bool",
+    "value": false,
+  },
+  "starRating": {
+    "kind": "int",
+    "value": 80,
+  },
+  "streamBitrates": {
+    "kind": "array",
+    "value": [
+      500,
+      1500,
+      3000,
+    ],
+  },
+  "title": {
+    "kind": "string",
+    "value": "My Title",
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API FloatFieldInterpolator forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "fieldToInterp": {
+    "kind": "string",
+    "value": "opacity",
+  },
+  "id": {
+    "kind": "string",
+    "value": "float-interp",
+  },
+  "key": {
+    "kind": "array",
+    "value": [
+      0,
+      1,
+    ],
+  },
+  "keyValue": {
+    "kind": "array",
+    "value": [
+      0,
+      1,
+    ],
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Font forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "fallbackGlyph": {
+    "kind": "string",
+    "value": "?",
+  },
+  "id": {
+    "kind": "string",
+    "value": "font",
+  },
+  "size": {
+    "kind": "int",
+    "value": 28,
+  },
+  "uri": {
+    "kind": "string",
+    "value": "pkg:/fonts/Roboto-Bold.ttf",
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Group (ResType values) forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "object",
+    "value": {
+      "fhd": [
+        10,
+        10,
+        50,
+        50,
+      ],
+      "hd": [
+        0,
+        0,
+        100,
+        200,
+      ],
+    },
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "res",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "object",
+    "value": {
+      "fhd": [
+        30,
+        40,
+      ],
+      "hd": [
+        10,
+        20,
+      ],
+    },
+  },
+  "translation": {
+    "kind": "object",
+    "value": {
+      "fhd": [
+        30,
+        40,
+      ],
+      "hd": [
+        10,
+        20,
+      ],
+    },
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Group forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "node-id",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Label forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "displayPartialLines": {
+    "kind": "bool",
+    "value": false,
+  },
+  "ellipsisText": {
+    "kind": "string",
+    "value": "…",
+  },
+  "ellipsizeOnBoundary": {
+    "kind": "bool",
+    "value": true,
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "font": {
+    "kind": "string",
+    "value": "font:MediumSystemFont",
+  },
+  "height": {
+    "kind": "int",
+    "value": 80,
+  },
+  "horizAlign": {
+    "kind": "string",
+    "value": "center",
+  },
+  "id": {
+    "kind": "string",
+    "value": "label",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "isTextEllipsized": {
+    "kind": "eventHandler",
+  },
+  "leadingEllipsis": {
+    "kind": "bool",
+    "value": false,
+  },
+  "lineSpacing": {
+    "kind": "int",
+    "value": 4,
+  },
+  "maxLines": {
+    "kind": "int",
+    "value": 3,
+  },
+  "monospacedDigits": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "numLines": {
+    "kind": "int",
+    "value": 1,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "text": {
+    "kind": "string",
+    "value": "Hello",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "truncateOnDelimiter": {
+    "kind": "string",
+    "value": ",",
+  },
+  "vertAlign": {
+    "kind": "string",
+    "value": "center",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 300,
+  },
+  "wordBreakChars": {
+    "kind": "string",
+    "value": "-",
+  },
+  "wrap": {
+    "kind": "bool",
+    "value": true,
+  },
+  "wrappedLines": {
+    "kind": "eventHandler",
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API LabelList (gainFocus) forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "gainFocus": {
+    "kind": "focus",
+    "value": true,
+  },
+  "id": {
+    "kind": "string",
+    "value": "ll-focus",
+  },
+  "itemSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API LabelList forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#CCCCCCFF",
+  },
+  "drawFocusFeedback": {
+    "kind": "bool",
+    "value": true,
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "focusedColor": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "focusedFont": {
+    "kind": "nodeRef",
+    "value": "<ref:font>",
+  },
+  "font": {
+    "kind": "nodeRef",
+    "value": "<ref:font>",
+  },
+  "id": {
+    "kind": "string",
+    "value": "ll",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemFocused": {
+    "kind": "eventHandler",
+  },
+  "itemSelected": {
+    "kind": "eventHandler",
+  },
+  "itemSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "numRows": {
+    "kind": "int",
+    "value": 8,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "textHorizAlign": {
+    "kind": "string",
+    "value": "left",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API LayoutGroup forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "addItemSpacingAfterChild": {
+    "kind": "bool",
+    "value": true,
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "horizAlignment": {
+    "kind": "string",
+    "value": "center",
+  },
+  "id": {
+    "kind": "string",
+    "value": "layout",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemSpacings": {
+    "kind": "array",
+    "value": [
+      8,
+      16,
+    ],
+  },
+  "layoutDirection": {
+    "kind": "string",
+    "value": "horiz",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "vertAlignment": {
+    "kind": "string",
+    "value": "top",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API MarkupGrid forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "markup-grid",
+  },
+  "imageWellBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/well.png",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemComponentName": {
+    "kind": "string",
+    "value": "MyItem",
+  },
+  "itemSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "numColumns": {
+    "kind": "int",
+    "value": 4,
+  },
+  "numRows": {
+    "kind": "int",
+    "value": 3,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API MarkupList forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "markup-list",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemComponentName": {
+    "kind": "string",
+    "value": "MyItem",
+  },
+  "itemSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API MaskGroup forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "mask",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "maskBitmapHeight": {
+    "kind": "eventHandler",
+  },
+  "maskBitmapWidth": {
+    "kind": "eventHandler",
+  },
+  "maskOffset": {
+    "kind": "array",
+    "value": [
+      30,
+      40,
+    ],
+  },
+  "maskSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "maskUri": {
+    "kind": "string",
+    "value": "pkg:/mask.png",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API MultiStyleLabel forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "drawingStyles": {
+    "kind": "object",
+    "value": {
+      "bold": {
+        "color": "#FFFFFFFF",
+        "fontSize": 24,
+        "fontUri": "font:MediumBoldSystemFont",
+      },
+    },
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "msl",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "text": {
+    "kind": "string",
+    "value": "Hello <b>world</b>",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 400,
+  },
+  "wrap": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Overhang forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "backgroundUri": {
+    "kind": "string",
+    "value": "pkg:/bg.png",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#00FF00FF",
+  },
+  "dividerBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/div.png",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "overhang",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "logoUri": {
+    "kind": "string",
+    "value": "pkg:/logo.png",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "optionsAvailable": {
+    "kind": "bool",
+    "value": false,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "showClock": {
+    "kind": "bool",
+    "value": true,
+  },
+  "title": {
+    "kind": "string",
+    "value": "App Title",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Panel forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "goBackCount": {
+    "kind": "int",
+    "value": 1,
+  },
+  "hasNextPanel": {
+    "kind": "bool",
+    "value": true,
+  },
+  "height": {
+    "kind": "int",
+    "value": 1080,
+  },
+  "id": {
+    "kind": "string",
+    "value": "panel",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "isFullScreen": {
+    "kind": "bool",
+    "value": false,
+  },
+  "isOffscreenLeft": {
+    "kind": "eventHandler",
+  },
+  "leftOnly": {
+    "kind": "bool",
+    "value": false,
+  },
+  "leftPosition": {
+    "kind": "int",
+    "value": 0,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "overhangTitle": {
+    "kind": "string",
+    "value": "Title",
+  },
+  "panelSize": {
+    "kind": "string",
+    "value": "full",
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 1920,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API PanelSet forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "height": {
+    "kind": "int",
+    "value": 1080,
+  },
+  "id": {
+    "kind": "string",
+    "value": "panel-set",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "isGoingBack": {
+    "kind": "eventHandler",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "numPanels": {
+    "kind": "eventHandler",
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "slideDuration": {
+    "kind": "float",
+    "value": 0.25,
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 1920,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Poster forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "audioGuideText": {
+    "kind": "string",
+    "value": "Poster image",
+  },
+  "bitmapHeight": {
+    "kind": "eventHandler",
+  },
+  "bitmapMargins": {
+    "kind": "eventHandler",
+  },
+  "bitmapWidth": {
+    "kind": "eventHandler",
+  },
+  "blendColor": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "failedBitmapOpacity": {
+    "kind": "int",
+    "value": 1,
+  },
+  "failedBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/failed.png",
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "height": {
+    "kind": "int",
+    "value": 300,
+  },
+  "id": {
+    "kind": "string",
+    "value": "poster",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "loadDisplayMode": {
+    "kind": "string",
+    "value": "scaleToFit",
+  },
+  "loadHeight": {
+    "kind": "int",
+    "value": 300,
+  },
+  "loadStatus": {
+    "kind": "eventHandler",
+  },
+  "loadSync": {
+    "kind": "bool",
+    "value": false,
+  },
+  "loadWidth": {
+    "kind": "int",
+    "value": 200,
+  },
+  "loadingBitmapOpacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "loadingBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/loading.png",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "uri": {
+    "kind": "object",
+    "value": {
+      "fhd": "pkg:/a-fhd.png",
+      "hd": "pkg:/a-hd.png",
+    },
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 200,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API PosterGrid forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "basePosterSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "caption1NumLines": {
+    "kind": "int",
+    "value": 1,
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "failedBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/failed.png",
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "poster-grid",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "loadingBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/loading.png",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "posterDisplayMode": {
+    "kind": "string",
+    "value": "scaleToFit",
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "useAtlas": {
+    "kind": "bool",
+    "value": false,
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API ProgressBar forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "height": {
+    "kind": "int",
+    "value": 8,
+  },
+  "id": {
+    "kind": "string",
+    "value": "progress-bar",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "percentage": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 800,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API RadioButtonList forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "checkOnSelect": {
+    "kind": "bool",
+    "value": true,
+  },
+  "checkedFocusIconUri": {
+    "kind": "string",
+    "value": "pkg:/r-check-focus.png",
+  },
+  "checkedIconUri": {
+    "kind": "string",
+    "value": "pkg:/r-check.png",
+  },
+  "checkedItem": {
+    "kind": "int",
+    "value": 0,
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "radio",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemSize": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "uncheckedFocusIconUri": {
+    "kind": "string",
+    "value": "pkg:/r-uncheck-focus.png",
+  },
+  "uncheckedIconUri": {
+    "kind": "string",
+    "value": "pkg:/r-uncheck.png",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Rectangle forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "blendingEnabled": {
+    "kind": "bool",
+    "value": true,
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#FF0000FF",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "height": {
+    "kind": "int",
+    "value": 50,
+  },
+  "id": {
+    "kind": "string",
+    "value": "rect",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 100,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API RowList forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusXOffset": {
+    "kind": "array",
+    "value": [
+      0,
+      10,
+    ],
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "row-list",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemComponentName": {
+    "kind": "string",
+    "value": "Item",
+  },
+  "jumpToRowItem": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+    ],
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "rowItemSize": {
+    "kind": "array",
+    "value": [
+      [
+        10,
+        20,
+      ],
+      [
+        30,
+        40,
+      ],
+    ],
+  },
+  "rowItemSpacing": {
+    "kind": "array",
+    "value": [
+      [
+        10,
+        20,
+      ],
+      [
+        30,
+        40,
+      ],
+    ],
+  },
+  "rowTitleComponentName": {
+    "kind": "string",
+    "value": "Title",
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "showRowLabel": {
+    "kind": "array",
+    "value": [
+      true,
+      false,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Scene forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "backExitsScene": {
+    "kind": "bool",
+    "value": false,
+  },
+  "backgroundColor": {
+    "kind": "string",
+    "value": "#000000FF",
+  },
+  "backgroundURI": {
+    "kind": "string",
+    "value": "pkg:/bg.jpg",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "currentDesignResolution": {
+    "kind": "eventHandler",
+  },
+  "dialog": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "scene",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "palette": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API ScrollableText forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "font": {
+    "kind": "string",
+    "value": "font:SmallSystemFont",
+  },
+  "height": {
+    "kind": "int",
+    "value": 200,
+  },
+  "horizAlign": {
+    "kind": "string",
+    "value": "left",
+  },
+  "id": {
+    "kind": "string",
+    "value": "scrollable",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "lineSpacing": {
+    "kind": "int",
+    "value": 4,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scrollbarThumbBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/thumb.png",
+  },
+  "scrollbarTrackBitmapUri": {
+    "kind": "string",
+    "value": "pkg:/track.png",
+  },
+  "text": {
+    "kind": "string",
+    "value": "Long text",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "vertAlign": {
+    "kind": "string",
+    "value": "top",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 400,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API ScrollingLabel forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "font": {
+    "kind": "string",
+    "value": "font:MediumSystemFont",
+  },
+  "height": {
+    "kind": "int",
+    "value": 32,
+  },
+  "horizAlign": {
+    "kind": "string",
+    "value": "left",
+  },
+  "id": {
+    "kind": "string",
+    "value": "scrolling",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "maxWidth": {
+    "kind": "int",
+    "value": 400,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "repeatCount": {
+    "kind": "int",
+    "value": 3,
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scrollSpeed": {
+    "kind": "int",
+    "value": 1,
+  },
+  "text": {
+    "kind": "string",
+    "value": "Ticker",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "vertAlign": {
+    "kind": "string",
+    "value": "center",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API SequentialAnimation forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "control": {
+    "kind": "string",
+    "value": "start",
+  },
+  "delay": {
+    "kind": "float",
+    "value": 0.2,
+  },
+  "id": {
+    "kind": "string",
+    "value": "seq",
+  },
+  "optional": {
+    "kind": "bool",
+    "value": false,
+  },
+  "repeat": {
+    "kind": "bool",
+    "value": false,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API SimpleLabel forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "color": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "fontSize": {
+    "kind": "int",
+    "value": 24,
+  },
+  "fontUri": {
+    "kind": "string",
+    "value": "font:MediumSystemFont",
+  },
+  "horizOrigin": {
+    "kind": "string",
+    "value": "left",
+  },
+  "id": {
+    "kind": "string",
+    "value": "simple",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "text": {
+    "kind": "string",
+    "value": "Hi",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "vertOrigin": {
+    "kind": "string",
+    "value": "center",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API SoundEffect forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "control": {
+    "kind": "string",
+    "value": "play",
+  },
+  "id": {
+    "kind": "string",
+    "value": "sfx",
+  },
+  "loadStatus": {
+    "kind": "eventHandler",
+  },
+  "state": {
+    "kind": "eventHandler",
+  },
+  "uri": {
+    "kind": "string",
+    "value": "pkg:/sfx/select.wav",
+  },
+  "volume": {
+    "kind": "float",
+    "value": 0.75,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API TargetGroup forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "animateToItem": {
+    "kind": "int",
+    "value": 0,
+  },
+  "animateToTargetSet": {
+    "kind": "int",
+    "value": 0,
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "defaultTargetSetFocusIndex": {
+    "kind": "int",
+    "value": 0,
+  },
+  "duration": {
+    "kind": "float",
+    "value": 0.25,
+  },
+  "easeFunction": {
+    "kind": "string",
+    "value": "outQuad",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "tg",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemComponentName": {
+    "kind": "string",
+    "value": "MyItem",
+  },
+  "jumpToItem": {
+    "kind": "int",
+    "value": 0,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "showTargetRects": {
+    "kind": "bool",
+    "value": false,
+  },
+  "targetSet": {
+    "kind": "nodeRef",
+    "value": "<ref:targetSet>",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "wrap": {
+    "kind": "bool",
+    "value": false,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API TargetList forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "advanceKey": {
+    "kind": "string",
+    "value": "right",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "tl",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemComponentName": {
+    "kind": "string",
+    "value": "MyItem",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "reverseKey": {
+    "kind": "string",
+    "value": "left",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "unfocusedTargetSet": {
+    "kind": "nodeRef",
+    "value": "<ref:targetSet>",
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API TargetSet forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "color": {
+    "kind": "string",
+    "value": "#FF0000FF",
+  },
+  "focusIndex": {
+    "kind": "int",
+    "value": 1,
+  },
+  "id": {
+    "kind": "string",
+    "value": "ts",
+  },
+  "targetRects": {
+    "kind": "array",
+    "value": [
+      [
+        0,
+        0,
+        100,
+        200,
+      ],
+      [
+        10,
+        10,
+        50,
+        50,
+      ],
+    ],
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API TimeGrid forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "channelInfoComponentName": {
+    "kind": "string",
+    "value": "ChannelInfo",
+  },
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "contentStartTime": {
+    "kind": "int",
+    "value": 1700000000,
+  },
+  "duration": {
+    "kind": "int",
+    "value": 7200,
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "timegrid",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemComponentName": {
+    "kind": "string",
+    "value": "Program",
+  },
+  "leftEdgeTargetTime": {
+    "kind": "int",
+    "value": 1700000000,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "numRows": {
+    "kind": "int",
+    "value": 6,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "rowHeight": {
+    "kind": "int",
+    "value": 96,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API TrickPlayBar forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "filledBarBlendColor": {
+    "kind": "string",
+    "value": "#00FF00FF",
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "trickplay",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "thumbBlendColor": {
+    "kind": "string",
+    "value": "#FF0000FF",
+  },
+  "trackBlendColor": {
+    "kind": "string",
+    "value": "#FFFFFFFF",
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Vector2DFieldInterpolator forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "fieldToInterp": {
+    "kind": "string",
+    "value": "translation",
+  },
+  "id": {
+    "kind": "string",
+    "value": "v2-interp",
+  },
+  "key": {
+    "kind": "array",
+    "value": [
+      0,
+      1,
+    ],
+  },
+  "keyValue": {
+    "kind": "array",
+    "value": [
+      [
+        10,
+        20,
+      ],
+      [
+        30,
+        40,
+      ],
+    ],
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API Video forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "control": {
+    "kind": "string",
+    "value": "play",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "enableUI": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "globalCaptionMode": {
+    "kind": "string",
+    "value": "On",
+  },
+  "height": {
+    "kind": "int",
+    "value": 1080,
+  },
+  "id": {
+    "kind": "string",
+    "value": "video",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "loop": {
+    "kind": "bool",
+    "value": false,
+  },
+  "mute": {
+    "kind": "bool",
+    "value": false,
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "seek": {
+    "kind": "int",
+    "value": 0,
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+  "width": {
+    "kind": "int",
+    "value": 1920,
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API VideoContentNode forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "id": {
+    "kind": "string",
+    "value": "video-content",
+  },
+  "live": {
+    "kind": "bool",
+    "value": false,
+  },
+  "streamFormat": {
+    "kind": "string",
+    "value": "mp4",
+  },
+  "title": {
+    "kind": "string",
+    "value": "Movie",
+  },
+  "url": {
+    "kind": "string",
+    "value": "http://example.com/movie.mp4",
+  },
+}
+`;
+
+exports[`sg-nodes thin wrappers forward every prop to the TM API ZoomRowList forwards props to TreeManipulationApi (snapshot) 1`] = `
+{
+  "childRenderOrder": {
+    "kind": "string",
+    "value": "renderLast",
+  },
+  "clippingRect": {
+    "kind": "array",
+    "value": [
+      0,
+      0,
+      100,
+      200,
+    ],
+  },
+  "content": {
+    "kind": "nodeRef",
+    "value": "<ref:contentNode>",
+  },
+  "enableRenderTracking": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusable": {
+    "kind": "bool",
+    "value": true,
+  },
+  "focusedChild": {
+    "kind": "eventHandler",
+  },
+  "id": {
+    "kind": "string",
+    "value": "zoom-row",
+  },
+  "inheritParentOpacity": {
+    "kind": "bool",
+    "value": true,
+  },
+  "inheritParentTransform": {
+    "kind": "bool",
+    "value": true,
+  },
+  "itemComponentName": {
+    "kind": "string",
+    "value": "Item",
+  },
+  "muteAudioGuide": {
+    "kind": "bool",
+    "value": false,
+  },
+  "opacity": {
+    "kind": "float",
+    "value": 0.5,
+  },
+  "renderPass": {
+    "kind": "int",
+    "value": 1,
+  },
+  "renderTracking": {
+    "kind": "eventHandler",
+  },
+  "rotation": {
+    "kind": "float",
+    "value": 1.57,
+  },
+  "rowDecorationComponentName": {
+    "kind": "string",
+    "value": "Deco",
+  },
+  "rowHeight": {
+    "kind": "int",
+    "value": 180,
+  },
+  "rowItemAspectRatio": {
+    "kind": "float",
+    "value": 1.78,
+  },
+  "rowWidth": {
+    "kind": "int",
+    "value": 1600,
+  },
+  "rowZoomHeight": {
+    "kind": "int",
+    "value": 240,
+  },
+  "scale": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "scaleRotateCenter": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "translation": {
+    "kind": "array",
+    "value": [
+      10,
+      20,
+    ],
+  },
+  "visible": {
+    "kind": "bool",
+    "value": true,
+  },
+}
+`;