@kumwe/studio-testkit 0.1.0-alpha.8 → 0.1.0-rc.1

package/conformance/renderer-web/complete-catalog.json

@@ -0,0 +1,634 @@
+{
+  "id": "renderer-web/complete-catalog",
+  "coverage": {
+    "blockTypes": [
+      "studio.core/accordion",
+      "studio.core/accordion-item",
+      "studio.core/article",
+      "studio.core/attachment",
+      "studio.core/audio",
+      "studio.core/badge",
+      "studio.core/call-to-action",
+      "studio.core/callout",
+      "studio.core/card",
+      "studio.core/chart",
+      "studio.core/code",
+      "studio.core/columns",
+      "studio.core/content-collection",
+      "studio.core/content-reference",
+      "studio.core/countdown",
+      "studio.core/cover",
+      "studio.core/description-item",
+      "studio.core/description-list",
+      "studio.core/diagram",
+      "studio.core/dialog",
+      "studio.core/divider",
+      "studio.core/drawing",
+      "studio.core/embed",
+      "studio.core/gallery",
+      "studio.core/grid",
+      "studio.core/heading",
+      "studio.core/icon",
+      "studio.core/image",
+      "studio.core/label",
+      "studio.core/math",
+      "studio.core/money",
+      "studio.core/navigation",
+      "studio.core/navigation-item",
+      "studio.core/notice",
+      "studio.core/popover",
+      "studio.core/progress",
+      "studio.core/rich-text",
+      "studio.core/search",
+      "studio.core/section",
+      "studio.core/spinner",
+      "studio.core/stack",
+      "studio.core/tab",
+      "studio.core/table",
+      "studio.core/tabs",
+      "studio.core/video"
+    ],
+    "behaviors": [],
+    "presentation": [],
+    "security": ["typed-data-fallback"]
+  },
+  "roots": [
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "section",
+      "properties": {},
+      "slots": { "content": [] },
+      "type": "studio.core/section",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "stack",
+      "properties": { "direction": "block" },
+      "slots": { "items": [] },
+      "type": "studio.core/stack",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "grid",
+      "properties": { "collapse": "stack", "columns": 1 },
+      "slots": { "items": [] },
+      "type": "studio.core/grid",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "columns",
+      "properties": { "collapse": "stack", "columns": 1 },
+      "slots": { "items": [] },
+      "type": "studio.core/columns",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "accordion",
+      "properties": { "allow-multiple": false },
+      "slots": { "items": [] },
+      "type": "studio.core/accordion",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "accordion-item",
+      "properties": { "expanded": false },
+      "slots": { "content": [] },
+      "type": "studio.core/accordion-item",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "article",
+      "properties": {},
+      "slots": { "content": [] },
+      "type": "studio.core/article",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "attachment",
+      "properties": { "download": true },
+      "slots": {},
+      "type": "studio.core/attachment",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "audio",
+      "properties": { "autoplay": false, "controls": true },
+      "slots": {},
+      "type": "studio.core/audio",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "badge",
+      "properties": { "appearance": "solid", "tone": "neutral" },
+      "slots": {},
+      "type": "studio.core/badge",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "call-to-action",
+      "properties": { "appearance": "primary", "href": "" },
+      "slots": {},
+      "type": "studio.core/call-to-action",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "callout",
+      "properties": { "tone": "information" },
+      "slots": {},
+      "type": "studio.core/callout",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "card",
+      "properties": { "appearance": "plain" },
+      "slots": { "actions": [] },
+      "type": "studio.core/card",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "chart",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/chart",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "code",
+      "properties": { "language": "text", "show-line-numbers": false },
+      "slots": {},
+      "type": "studio.core/code",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "content-collection",
+      "properties": { "limit": 12, "presentation": "cards" },
+      "slots": {},
+      "type": "studio.core/content-collection",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "content-reference",
+      "properties": { "presentation": "summary" },
+      "slots": {},
+      "type": "studio.core/content-reference",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "countdown",
+      "properties": { "display": "compact", "expired-behavior": "zero" },
+      "slots": {},
+      "type": "studio.core/countdown",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "cover",
+      "properties": { "alignment": "center", "overlay": "medium" },
+      "slots": { "content": [] },
+      "type": "studio.core/cover",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "description-item",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/description-item",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "description-list",
+      "properties": {},
+      "slots": {
+        "items": [
+          {
+            "authoring": { "mode": "content" },
+            "bindings": {},
+            "id": "description-list-item",
+            "properties": {},
+            "slots": {},
+            "type": "studio.core/description-item",
+            "version": "1.0.0"
+          }
+        ]
+      },
+      "type": "studio.core/description-list",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "diagram",
+      "properties": { "theme": "neutral" },
+      "slots": {},
+      "type": "studio.core/diagram",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "dialog",
+      "properties": { "modal": true, "presentation": "modal" },
+      "slots": { "content": [] },
+      "type": "studio.core/dialog",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "divider",
+      "properties": { "style": "solid" },
+      "slots": {},
+      "type": "studio.core/divider",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "drawing",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/drawing",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "embed",
+      "properties": { "aspect-ratio": "16:9" },
+      "slots": {},
+      "type": "studio.core/embed",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "gallery",
+      "properties": { "autoplay": false, "columns": 4, "lightbox": false, "presentation": "grid" },
+      "slots": {},
+      "type": "studio.core/gallery",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "heading",
+      "properties": { "level": 2 },
+      "slots": {},
+      "type": "studio.core/heading",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "icon",
+      "properties": { "decorative": true, "name": "symbol" },
+      "slots": {},
+      "type": "studio.core/icon",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "image",
+      "properties": { "fit": "cover", "loading": "lazy" },
+      "slots": {},
+      "type": "studio.core/image",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "label",
+      "properties": { "tone": "neutral" },
+      "slots": {},
+      "type": "studio.core/label",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "math",
+      "properties": { "display-mode": true },
+      "slots": {},
+      "type": "studio.core/math",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "money",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/money",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "navigation",
+      "properties": { "presentation": "nav" },
+      "slots": { "items": [] },
+      "type": "studio.core/navigation",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "navigation-item",
+      "properties": { "current": false, "href": "" },
+      "slots": { "children": [] },
+      "type": "studio.core/navigation-item",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "notice",
+      "properties": { "dismissible": false, "tone": "information" },
+      "slots": {},
+      "type": "studio.core/notice",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "popover",
+      "properties": { "dismiss-on-blur": true, "placement": "auto", "presentation": "popover" },
+      "slots": { "content": [] },
+      "type": "studio.core/popover",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "progress",
+      "properties": { "maximum": 100 },
+      "slots": {},
+      "type": "studio.core/progress",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "rich-text",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/rich-text",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "search",
+      "properties": { "action": "", "query-parameter": "q" },
+      "slots": {},
+      "type": "studio.core/search",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "spinner",
+      "properties": { "active": true, "size": "medium" },
+      "slots": {},
+      "type": "studio.core/spinner",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "tab",
+      "properties": {},
+      "slots": { "content": [] },
+      "type": "studio.core/tab",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "table",
+      "properties": {},
+      "slots": {},
+      "type": "studio.core/table",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "structural" },
+      "bindings": {},
+      "id": "tabs",
+      "properties": { "activation": "automatic" },
+      "slots": { "items": [] },
+      "type": "studio.core/tabs",
+      "version": "1.0.0"
+    },
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "video",
+      "properties": { "autoplay": false, "controls": true, "muted": false },
+      "slots": {},
+      "type": "studio.core/video",
+      "version": "1.0.0"
+    }
+  ],
+  "bindings": [
+    {
+      "nodeId": "chart",
+      "port": "chart",
+      "value": {
+        "type": "bar",
+        "labels": ["A"],
+        "datasets": [{ "label": "Series", "values": [1] }]
+      }
+    },
+    { "nodeId": "countdown", "port": "target", "value": "2099-01-01T00:00:00.000Z" },
+    {
+      "nodeId": "drawing",
+      "port": "drawing",
+      "value": {
+        "alt": "Line",
+        "height": 10,
+        "strokes": [
+          {
+            "color": "#112233",
+            "points": [
+              { "x": 0, "y": 0 },
+              { "x": 10, "y": 10 }
+            ],
+            "width": 1
+          }
+        ],
+        "width": 10
+      }
+    },
+    { "nodeId": "money", "port": "amount", "value": { "amount": "10.00", "currency": "NAD" } },
+    { "nodeId": "progress", "port": "value", "value": 50 },
+    {
+      "nodeId": "rich-text",
+      "port": "content",
+      "value": {
+        "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": 1 },
+                "content": [{ "type": "text", "text": "Done" }]
+              }
+            ]
+          },
+          {
+            "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;" }
+        ]
+      }
+    },
+    { "nodeId": "table", "port": "table", "value": { "columns": ["Column"], "rows": [["Cell"]] } }
+  ],
+  "media": [],
+  "expect": {
+    "htmlContains": [
+      "data-studio-block=\"section\"",
+      "data-studio-block=\"stack\"",
+      "data-studio-block=\"grid\"",
+      "data-studio-block=\"columns\"",
+      "data-studio-block=\"accordion\"",
+      "data-studio-block=\"accordion-item\"",
+      "data-studio-block=\"article\"",
+      "data-studio-block=\"attachment\"",
+      "data-studio-block=\"audio\"",
+      "data-studio-block=\"badge\"",
+      "data-studio-block=\"call-to-action\"",
+      "data-studio-block=\"callout\"",
+      "data-studio-block=\"card\"",
+      "data-studio-block=\"chart\"",
+      "data-studio-block=\"code\"",
+      "data-studio-block=\"content-collection\"",
+      "data-studio-block=\"content-reference\"",
+      "data-studio-block=\"countdown\"",
+      "data-studio-block=\"cover\"",
+      "data-studio-block=\"description-item\"",
+      "data-studio-block=\"description-list\"",
+      "data-studio-block=\"diagram\"",
+      "data-studio-block=\"dialog\"",
+      "data-studio-block=\"divider\"",
+      "data-studio-block=\"drawing\"",
+      "data-studio-block=\"embed\"",
+      "data-studio-block=\"gallery\"",
+      "data-studio-block=\"heading\"",
+      "data-studio-block=\"icon\"",
+      "data-studio-block=\"image\"",
+      "data-studio-block=\"label\"",
+      "data-studio-block=\"math\"",
+      "data-studio-block=\"money\"",
+      "data-studio-block=\"navigation\"",
+      "data-studio-block=\"navigation-item\"",
+      "data-studio-block=\"notice\"",
+      "data-studio-block=\"popover\"",
+      "data-studio-block=\"progress\"",
+      "data-studio-block=\"rich-text\"",
+      "data-studio-block=\"search\"",
+      "data-studio-block=\"spinner\"",
+      "data-studio-block=\"tab\"",
+      "data-studio-block=\"table\"",
+      "data-studio-block=\"tabs\"",
+      "data-studio-block=\"video\"",
+      "<article>",
+      "<dl><div data-studio-description-item data-studio-block=\"description-item\" data-studio-node=\"description-list-item\"",
+      "<hr",
+      "data-studio-icon=\"symbol\"",
+      "<nav data-studio-navigation=\"nav\"",
+      "<progress",
+      "<form role=\"search\"",
+      "data-studio-spinner",
+      "<table data-studio-table>",
+      "data-studio-rich-text-callout data-studio-tone=\"warning\"",
+      "<mark data-studio-tone=\"accent\">Mind the gap</mark>",
+      "data-studio-rich-text-checklist-item data-studio-checked=\"true\" data-studio-level=\"1\"",
+      "data-studio-level=\"1\" aria-level=\"2\"",
+      "data-studio-rich-text-checklist-level=\"1\"",
+      "<label><input type=\"checkbox\" disabled checked><span data-studio-rich-text-checklist-content>Done</span></label>",
+      "<table data-studio-rich-text-table><thead>",
+      "<pre><code data-language=\"typescript\">const n = 42;</code></pre>"
+    ],
+    "htmlExcludes": ["Unsupported Studio block", "<script", "onerror=", "javascript:"],
+    "cssContains": [
+      "data-studio-cover",
+      "data-studio-navigation",
+      "data-studio-spinner",
+      "prefers-reduced-motion"
+    ],
+    "enhancements": ["chart", "countdown", "diagram", "dialog", "math", "popover", "tabs"]
+  }
+}

package/conformance/renderer-web/escaped-heading.json

@@ -0,0 +1,28 @@
+{
+  "id": "renderer-web/escaped-heading",
+  "coverage": {
+    "blockTypes": ["studio.core/heading"],
+    "behaviors": [],
+    "presentation": [],
+    "security": ["escaped-text"]
+  },
+  "roots": [
+    {
+      "authoring": { "mode": "content" },
+      "bindings": {},
+      "id": "heading",
+      "properties": { "level": 2 },
+      "slots": {},
+      "type": "studio.core/heading",
+      "version": "1.0.0"
+    }
+  ],
+  "bindings": [{ "nodeId": "heading", "port": "text", "value": "<script>alert(1)</script>" }],
+  "media": [],
+  "expect": {
+    "htmlContains": ["&lt;script&gt;alert(1)&lt;/script&gt;"],
+    "htmlExcludes": ["<script"],
+    "cssContains": ["prefers-reduced-motion"],
+    "enhancements": []
+  }
+}