@kumwe/studio-testkit 0.1.0-alpha.10

package/conformance/renderer-web/interactive-behaviors.json

@@ -0,0 +1,226 @@
+{
+  "id": "renderer-web/interactive-behaviors",
+  "coverage": {
+    "blockTypes": [
+      "studio.core/accordion",
+      "studio.core/accordion-item",
+      "studio.core/countdown",
+      "studio.core/dialog",
+      "studio.core/gallery",
+      "studio.core/navigation",
+      "studio.core/navigation-item",
+      "studio.core/notice",
+      "studio.core/popover",
+      "studio.core/tab",
+      "studio.core/tabs"
+    ],
+    "behaviors": [
+      "accordion-native",
+      "countdown",
+      "dialog",
+      "lightbox",
+      "navigation-disclosure",
+      "notice-dismiss",
+      "popover",
+      "slideshow",
+      "tabs"
+    ],
+    "presentation": [],
+    "security": []
+  },
+  "roots": [
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "behavior-accordion",
+      "properties": { "allow-multiple": false },
+      "slots": {
+        "items": [
+          {
+            "authoring": { "mode": "structural" },
+            "bindings": {},
+            "id": "behavior-accordion-item",
+            "properties": { "expanded": false },
+            "slots": { "content": [] },
+            "type": "studio.core/accordion-item",
+            "version": "1.0.0"
+          }
+        ]
+      },
+      "type": "studio.core/accordion",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "behavior-tabs",
+      "properties": { "activation": "automatic" },
+      "slots": {
+        "items": [
+          {
+            "authoring": { "mode": "structural" },
+            "bindings": {},
+            "id": "behavior-tab",
+            "properties": {},
+            "slots": { "content": [] },
+            "type": "studio.core/tab",
+            "version": "1.0.0"
+          }
+        ]
+      },
+      "type": "studio.core/tabs",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "behavior-dialog",
+      "properties": { "modal": true, "presentation": "offcanvas" },
+      "slots": { "content": [] },
+      "type": "studio.core/dialog",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "behavior-popover",
+      "properties": { "dismiss-on-blur": true, "placement": "top", "presentation": "tooltip" },
+      "slots": { "content": [] },
+      "type": "studio.core/popover",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "behavior-notice",
+      "properties": { "dismissible": true, "tone": "success" },
+      "slots": {},
+      "type": "studio.core/notice",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "behavior-gallery",
+      "properties": {
+        "autoplay": false,
+        "columns": 1,
+        "lightbox": true,
+        "presentation": "slideshow"
+      },
+      "slots": {},
+      "type": "studio.core/gallery",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "behavior-countdown",
+      "properties": { "display": "compact", "expired-behavior": "message" },
+      "slots": {},
+      "type": "studio.core/countdown",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "behavior-navigation",
+      "properties": { "presentation": "dropnav" },
+      "slots": {
+        "items": [
+          {
+            "authoring": { "mode": "structural" },
+            "bindings": {},
+            "id": "behavior-navigation-parent",
+            "properties": { "current": false, "href": "" },
+            "slots": {
+              "children": [
+                {
+                  "authoring": { "mode": "structural" },
+                  "bindings": {},
+                  "id": "behavior-navigation-child",
+                  "properties": { "current": false, "href": "/child" },
+                  "slots": { "children": [] },
+                  "type": "studio.core/navigation-item",
+                  "version": "1.0.0"
+                }
+              ]
+            },
+            "type": "studio.core/navigation-item",
+            "version": "1.0.0"
+          }
+        ]
+      },
+      "type": "studio.core/navigation",
+      "version": "1.0.0"
+    }
+  ],
+  "bindings": [
+    { "nodeId": "behavior-accordion-item", "port": "title", "value": "Question" },
+    { "nodeId": "behavior-tab", "port": "title", "value": "Tab" },
+    { "nodeId": "behavior-dialog", "port": "trigger-label", "value": "Open" },
+    { "nodeId": "behavior-dialog", "port": "title", "value": "Panel" },
+    { "nodeId": "behavior-popover", "port": "trigger-label", "value": "Hint" },
+    { "nodeId": "behavior-notice", "port": "title", "value": "Saved" },
+    {
+      "nodeId": "behavior-notice",
+      "port": "content",
+      "value": {
+        "type": "doc",
+        "content": [{ "type": "paragraph", "content": [{ "type": "text", "text": "Done" }] }]
+      }
+    },
+    {
+      "nodeId": "behavior-gallery",
+      "port": "items",
+      "value": [
+        {
+          "contractVersion": "0.1-draft",
+          "kind": "media-reference",
+          "assetId": "slide",
+          "usage": "studio.media/content",
+          "accessibility": { "mode": "informative", "altText": "Slide" }
+        }
+      ]
+    },
+    { "nodeId": "behavior-countdown", "port": "target", "value": "2099-01-01T00:00:00.000Z" },
+    { "nodeId": "behavior-countdown", "port": "completion-message", "value": "Complete" },
+    { "nodeId": "behavior-navigation", "port": "label", "value": "Main" },
+    { "nodeId": "behavior-navigation-parent", "port": "label", "value": "Parent" },
+    { "nodeId": "behavior-navigation-child", "port": "label", "value": "Child" }
+  ],
+  "media": [
+    {
+      "assetId": "slide",
+      "src": "https://cdn.example.test/slide.jpg",
+      "altText": "Slide",
+      "mediaType": "image/jpeg"
+    }
+  ],
+  "expect": {
+    "htmlContains": [
+      "<details>",
+      "data-studio-tabs",
+      "data-studio-dialog-presentation=\"offcanvas\"",
+      "role=\"tooltip\"",
+      "data-studio-notice-dismiss",
+      "data-studio-lightbox-open",
+      "data-studio-countdown",
+      "data-studio-navigation-toggle",
+      "<ul><li data-studio-navigation-item data-studio-block=\"navigation-item\" data-studio-node=\"behavior-navigation-parent\"",
+      "<ul data-studio-navigation-children><li data-studio-navigation-item data-studio-block=\"navigation-item\" data-studio-node=\"behavior-navigation-child\""
+    ],
+    "htmlExcludes": ["<script", "onclick=", "javascript:"],
+    "cssContains": ["data-studio-dialog-presentation", "data-studio-lightbox-dialog"],
+    "enhancements": [
+      "tabs",
+      "dialog",
+      "popover",
+      "notice",
+      "slideshow",
+      "lightbox",
+      "countdown",
+      "navigation"
+    ]
+  }
+}

package/conformance/renderer-web/presentation-capabilities.json

@@ -0,0 +1,76 @@
+{
+  "id": "renderer-web/presentation-capabilities",
+  "coverage": {
+    "blockTypes": ["studio.core/heading"],
+    "behaviors": [],
+    "presentation": [
+      "alignment",
+      "inverse",
+      "markers",
+      "motion",
+      "position",
+      "print",
+      "responsive-visibility",
+      "scrolling",
+      "sizing",
+      "spacing"
+    ],
+    "security": []
+  },
+  "roots": [
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "presentation",
+      "properties": {
+        "level": 2,
+        "design": {
+          "align": "center",
+          "animation": "slide",
+          "height": "viewport",
+          "inverse": true,
+          "margin": "comfortable",
+          "marker": "check",
+          "padding": "spacious",
+          "position": "sticky",
+          "print": "hide",
+          "scrolling": "snap",
+          "visibility": { "compact": "hidden", "medium": "visible", "expanded": "hidden" },
+          "width": "full"
+        }
+      },
+      "slots": {},
+      "type": "studio.core/heading",
+      "version": "1.0.0"
+    }
+  ],
+  "bindings": [{ "nodeId": "presentation", "port": "text", "value": "Presentation" }],
+  "media": [],
+  "expect": {
+    "htmlContains": [
+      "data-studio-align=\"center\"",
+      "data-studio-animation=\"slide\"",
+      "data-studio-height=\"viewport\"",
+      "data-studio-inverse=\"true\"",
+      "data-studio-margin=\"comfortable\"",
+      "data-studio-marker=\"check\"",
+      "data-studio-padding=\"spacious\"",
+      "data-studio-position=\"sticky\"",
+      "data-studio-print=\"hide\"",
+      "data-studio-scroll=\"snap\"",
+      "data-studio-visible-compact=\"hidden\"",
+      "data-studio-visible-medium=\"visible\"",
+      "data-studio-visible-expanded=\"hidden\"",
+      "data-studio-width=\"full\""
+    ],
+    "htmlExcludes": ["style=", "<script"],
+    "cssContains": [
+      "data-studio-position=\"sticky\"",
+      "data-studio-motion",
+      "@media print",
+      "min-width:48rem",
+      "min-width:75rem"
+    ],
+    "enhancements": ["motion"]
+  }
+}

package/conformance/renderer-web/responsive-grid.json

@@ -0,0 +1,33 @@
+{
+  "id": "renderer-web/responsive-grid",
+  "coverage": {
+    "blockTypes": ["studio.core/grid"],
+    "behaviors": [],
+    "presentation": ["sizing"],
+    "security": []
+  },
+  "roots": [
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "grid",
+      "properties": { "collapse": "stack", "columns": 1 },
+      "responsive": { "columns": { "medium": 2, "expanded": 4 } },
+      "slots": { "items": [] },
+      "type": "studio.core/grid",
+      "version": "1.0.0"
+    }
+  ],
+  "bindings": [],
+  "media": [],
+  "expect": {
+    "htmlContains": ["data-studio-layout=\"grid\""],
+    "htmlExcludes": ["<script"],
+    "cssContains": [
+      "--studio-columns-compact:1",
+      "--studio-columns-medium:2",
+      "--studio-columns-expanded:4"
+    ],
+    "enhancements": []
+  }
+}

package/conformance/renderer-web/security-fallbacks.json

@@ -0,0 +1,169 @@
+{
+  "id": "renderer-web/security-fallbacks",
+  "coverage": {
+    "blockTypes": [
+      "studio.core/call-to-action",
+      "studio.core/chart",
+      "studio.core/heading",
+      "studio.core/image",
+      "studio.core/table"
+    ],
+    "behaviors": [],
+    "presentation": [],
+    "security": ["active-media-deny", "escaped-text", "safe-url-deny", "typed-data-fallback"]
+  },
+  "context": { "allowBlobMedia": true },
+  "roots": [
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "security-heading",
+      "properties": { "level": 2 },
+      "slots": {},
+      "type": "studio.core/heading",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "security-action",
+      "properties": { "appearance": "primary", "href": "javascript:alert(1)" },
+      "slots": {},
+      "type": "studio.core/call-to-action",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "security-blob-image",
+      "properties": { "fit": "cover", "loading": "lazy" },
+      "slots": {},
+      "type": "studio.core/image",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "security-svg-image",
+      "properties": { "fit": "cover", "loading": "lazy" },
+      "slots": {},
+      "type": "studio.core/image",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "security-data-image",
+      "properties": { "fit": "cover", "loading": "lazy" },
+      "slots": {},
+      "type": "studio.core/image",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "security-chart",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/chart",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "security-table",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/table",
+      "version": "1.0.0"
+    }
+  ],
+  "bindings": [
+    { "nodeId": "security-heading", "port": "text", "value": "<script>alert(1)</script>" },
+    { "nodeId": "security-action", "port": "label", "value": "Unsafe" },
+    {
+      "nodeId": "security-blob-image",
+      "port": "asset",
+      "value": {
+        "contractVersion": "0.1-draft",
+        "kind": "media-reference",
+        "assetId": "safe-blob",
+        "usage": "studio.media/content",
+        "accessibility": { "mode": "informative", "altText": "Local" }
+      }
+    },
+    {
+      "nodeId": "security-svg-image",
+      "port": "asset",
+      "value": {
+        "contractVersion": "0.1-draft",
+        "kind": "media-reference",
+        "assetId": "active-svg",
+        "usage": "studio.media/content",
+        "accessibility": { "mode": "informative", "altText": "SVG" }
+      }
+    },
+    {
+      "nodeId": "security-data-image",
+      "port": "asset",
+      "value": {
+        "contractVersion": "0.1-draft",
+        "kind": "media-reference",
+        "assetId": "data-image",
+        "usage": "studio.media/content",
+        "accessibility": { "mode": "informative", "altText": "Data" }
+      }
+    },
+    {
+      "nodeId": "security-chart",
+      "port": "chart",
+      "value": {
+        "type": "bar",
+        "labels": ["A"],
+        "datasets": [{ "label": "Bad", "values": [1, 2] }]
+      }
+    },
+    {
+      "nodeId": "security-table",
+      "port": "table",
+      "value": { "columns": ["A", "B"], "rows": [["one"]] }
+    }
+  ],
+  "media": [
+    {
+      "assetId": "safe-blob",
+      "src": "blob:https://studio.example.test/123e4567-e89b-12d3-a456-426614174000",
+      "altText": "Local",
+      "mediaType": "image/png"
+    },
+    {
+      "assetId": "active-svg",
+      "src": "blob:https://studio.example.test/223e4567-e89b-12d3-a456-426614174000",
+      "altText": "SVG",
+      "mediaType": "image/svg+xml"
+    },
+    {
+      "assetId": "data-image",
+      "src": "data:image/png;base64,AAAA",
+      "altText": "Data",
+      "mediaType": "image/png"
+    }
+  ],
+  "expect": {
+    "htmlContains": [
+      "&lt;script&gt;alert(1)&lt;/script&gt;",
+      "blob:https://studio.example.test/123e4567-e89b-12d3-a456-426614174000",
+      "Chart data unavailable",
+      "Table data unavailable",
+      "Image unavailable"
+    ],
+    "htmlExcludes": [
+      "<script",
+      "javascript:",
+      "data:image",
+      "223e4567-e89b-12d3-a456-426614174000"
+    ],
+    "cssContains": ["prefers-reduced-motion"],
+    "enhancements": []
+  }
+}

package/conformance/rich-text/advanced.first-party.json

@@ -0,0 +1,67 @@
+{
+  "description": "First-party callout, checklist, table and inert-code nodes project through their canonical semantic leaves without carrying Editor.js state.",
+  "document": {
+    "type": "doc",
+    "content": [
+      {
+        "type": "callout",
+        "attrs": { "tone": "warning" },
+        "content": [
+          {
+            "type": "paragraph",
+            "content": [
+              {
+                "type": "text",
+                "text": "Mind the gap",
+                "marks": [{ "type": "highlight", "attrs": { "tone": "accent" } }]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "checklist",
+        "content": [
+          {
+            "type": "checklistItem",
+            "attrs": { "checked": true, "level": 0 },
+            "content": [{ "type": "text", "text": "Done" }]
+          },
+          {
+            "type": "checklistItem",
+            "attrs": { "checked": false, "level": 1 },
+            "content": [{ "type": "text", "text": "Nested" }]
+          }
+        ]
+      },
+      {
+        "type": "table",
+        "attrs": { "header": true },
+        "content": [
+          {
+            "type": "tableRow",
+            "content": [
+              {
+                "type": "tableCell",
+                "content": [{ "type": "text", "text": "Name" }]
+              }
+            ]
+          }
+        ]
+      },
+      { "type": "codeBlock", "attrs": { "language": "typescript" }, "text": "const n = 42;" }
+    ]
+  },
+  "projection": [
+    {
+      "type": "paragraph",
+      "text": "Mind the gap",
+      "spans": [{ "start": 0, "end": 12, "marks": ["highlight"] }],
+      "embeds": []
+    },
+    { "type": "checklistItem", "text": "Done", "spans": [], "embeds": [] },
+    { "type": "checklistItem", "text": "Nested", "spans": [], "embeds": [] },
+    { "type": "tableCell", "text": "Name", "spans": [], "embeds": [] },
+    { "type": "codeBlock", "text": "const n = 42;", "spans": [], "embeds": [] }
+  ]
+}

package/conformance/rich-text/blocks.structural.json

@@ -0,0 +1,57 @@
+{
+  "description": "Blockquotes and ordered lists flatten to their leaf blocks, a horizontal rule projects as an empty leaf block, and adjacent text nodes with an identical mark set merge into one span.",
+  "document": {
+    "type": "doc",
+    "content": [
+      {
+        "type": "blockquote",
+        "content": [
+          {
+            "type": "paragraph",
+            "content": [
+              { "type": "text", "text": "Quoted " },
+              { "type": "text", "text": "wis", "marks": [{ "type": "bold" }] },
+              { "type": "text", "text": "dom", "marks": [{ "type": "bold" }] }
+            ]
+          }
+        ]
+      },
+      { "type": "horizontalRule" },
+      {
+        "type": "orderedList",
+        "attrs": { "start": 3 },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [{ "type": "text", "text": "Third step first." }]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "projection": [
+    {
+      "type": "paragraph",
+      "text": "Quoted wisdom",
+      "spans": [{ "start": 7, "end": 13, "marks": ["bold"] }],
+      "embeds": []
+    },
+    {
+      "type": "horizontalRule",
+      "text": "",
+      "spans": [],
+      "embeds": []
+    },
+    {
+      "type": "paragraph",
+      "text": "Third step first.",
+      "spans": [],
+      "embeds": []
+    }
+  ]
+}