@simai-studio/view 0.0.0-stage → 1.1.0

package/dist/smart/view-properties/examples.json

@@ -0,0 +1,841 @@
+{
+  "examples": [
+    {
+      "name": "reference",
+      "title": "Запись",
+      "settings": {
+        "aria-label": "Запись",
+        "record-id": "r-001",
+        "collection": "workbench.solutions",
+        "sections-as": "tabs"
+      },
+      "expect": {
+        "name": "Запись",
+        "values": {
+          "section": "main"
+        }
+      },
+      "x-port": "the reference host of ui-admin (src/ports/polygon-host.mjs)",
+      "port": {
+        "answers": {
+          "record.load": {
+            "answer": "applied",
+            "record": {
+              "record_id": "r-001",
+              "revision": "1",
+              "title": "Портал клиента",
+              "sections": [
+                {
+                  "key": "main",
+                  "label": "Основное",
+                  "groups": [
+                    {
+                      "key": "main",
+                      "label": "Карточка",
+                      "fields": [
+                        {
+                          "key": "title",
+                          "label": "Название",
+                          "propertyType": "string",
+                          "value": "Портал клиента"
+                        },
+                        {
+                          "key": "owner",
+                          "label": "Ответственный",
+                          "propertyType": "record",
+                          "value": {
+                            "value": "u-1",
+                            "label": "Анна Захарова",
+                            "href": "#u-1"
+                          }
+                        },
+                        {
+                          "key": "accent",
+                          "label": "Цвет",
+                          "propertyType": "color",
+                          "value": "#2f6feb"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "files",
+                      "label": "Документы",
+                      "fields": [
+                        {
+                          "key": "contract",
+                          "label": "Договор",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-1",
+                            "label": "договор.pdf",
+                            "mime": "application/pdf",
+                            "href": "#f-1"
+                          }
+                        },
+                        {
+                          "key": "scheme",
+                          "label": "Схема",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-2",
+                            "label": "схема.png",
+                            "mime": "image/png",
+                            "href": "#f-2"
+                          }
+                        },
+                        {
+                          "key": "note",
+                          "label": "Заметка",
+                          "propertyType": "string",
+                          "value": "Подписан в сентябре"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "dates",
+                      "label": "Сроки",
+                      "fields": [
+                        {
+                          "key": "start",
+                          "label": "Начало",
+                          "propertyType": "string",
+                          "value": "1 сентября"
+                        },
+                        {
+                          "key": "end",
+                          "label": "Окончание",
+                          "propertyType": "string",
+                          "value": "31 декабря"
+                        },
+                        {
+                          "key": "stage",
+                          "label": "Этап",
+                          "propertyType": "string",
+                          "value": "Внедрение"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "access",
+                  "label": "Доступ",
+                  "groups": [
+                    {
+                      "key": "roles",
+                      "label": "Роли",
+                      "fields": [
+                        {
+                          "key": "role",
+                          "label": "Роль",
+                          "propertyType": "string",
+                          "value": "Редактор"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "history",
+                  "label": "История",
+                  "groups": [
+                    {
+                      "key": "log",
+                      "label": "Журнал",
+                      "fields": [
+                        {
+                          "key": "changed",
+                          "label": "Изменено",
+                          "propertyType": "string",
+                          "value": "вчера"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          },
+          "*": {
+            "answer": "unavailable",
+            "reason": "unknown-intent"
+          }
+        },
+        "$comment": "A fake host (ui-source first-paint-lib.mjs portOf): gate 24 hands it over as phase 3. The record has the shape the skeleton stands for -- three sections, three groups of three fields -- so the gate measures the skeleton's geometry against real groups."
+      },
+      "parent": "<div class=\"flex flex-col\" style=\"block-size: 40rem\"></div>",
+      "x-first-paint": "The page's content region: the record fills it before and after the host answers, and its groups scroll inside."
+    },
+    {
+      "name": "panel",
+      "title": "Запись в панели",
+      "settings": {
+        "panel": true,
+        "panel-label": "Запись",
+        "record-id": "r-001"
+      },
+      "expect": {
+        "name": "Запись"
+      },
+      "port": {
+        "answers": {
+          "record.load": {
+            "answer": "applied",
+            "record": {
+              "record_id": "r-001",
+              "revision": "1",
+              "title": "Портал клиента",
+              "sections": [
+                {
+                  "key": "main",
+                  "label": "Основное",
+                  "groups": [
+                    {
+                      "key": "main",
+                      "label": "Карточка",
+                      "fields": [
+                        {
+                          "key": "title",
+                          "label": "Название",
+                          "propertyType": "string",
+                          "value": "Портал клиента"
+                        },
+                        {
+                          "key": "owner",
+                          "label": "Ответственный",
+                          "propertyType": "record",
+                          "value": {
+                            "value": "u-1",
+                            "label": "Анна Захарова",
+                            "href": "#u-1"
+                          }
+                        },
+                        {
+                          "key": "accent",
+                          "label": "Цвет",
+                          "propertyType": "color",
+                          "value": "#2f6feb"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "files",
+                      "label": "Документы",
+                      "fields": [
+                        {
+                          "key": "contract",
+                          "label": "Договор",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-1",
+                            "label": "договор.pdf",
+                            "mime": "application/pdf",
+                            "href": "#f-1"
+                          }
+                        },
+                        {
+                          "key": "scheme",
+                          "label": "Схема",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-2",
+                            "label": "схема.png",
+                            "mime": "image/png",
+                            "href": "#f-2"
+                          }
+                        },
+                        {
+                          "key": "note",
+                          "label": "Заметка",
+                          "propertyType": "string",
+                          "value": "Подписан в сентябре"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "dates",
+                      "label": "Сроки",
+                      "fields": [
+                        {
+                          "key": "start",
+                          "label": "Начало",
+                          "propertyType": "string",
+                          "value": "1 сентября"
+                        },
+                        {
+                          "key": "end",
+                          "label": "Окончание",
+                          "propertyType": "string",
+                          "value": "31 декабря"
+                        },
+                        {
+                          "key": "stage",
+                          "label": "Этап",
+                          "propertyType": "string",
+                          "value": "Внедрение"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "access",
+                  "label": "Доступ",
+                  "groups": [
+                    {
+                      "key": "roles",
+                      "label": "Роли",
+                      "fields": [
+                        {
+                          "key": "role",
+                          "label": "Роль",
+                          "propertyType": "string",
+                          "value": "Редактор"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "history",
+                  "label": "История",
+                  "groups": [
+                    {
+                      "key": "log",
+                      "label": "Журнал",
+                      "fields": [
+                        {
+                          "key": "changed",
+                          "label": "Изменено",
+                          "propertyType": "string",
+                          "value": "вчера"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          },
+          "*": {
+            "answer": "unavailable",
+            "reason": "unknown-intent"
+          }
+        },
+        "$comment": "A fake host (ui-source first-paint-lib.mjs portOf): gate 24 hands it over as phase 3. The record has the shape the skeleton stands for -- three sections, three groups of three fields -- so the gate measures the skeleton's geometry against real groups."
+      }
+    },
+    {
+      "name": "panel-closed",
+      "title": "Панель закрыта",
+      "settings": {
+        "panel": true,
+        "panel-label": "Запись",
+        "record-id": "r-001",
+        "open": false
+      },
+      "expect": {
+        "name": "Запись"
+      },
+      "port": {
+        "answers": {
+          "record.load": {
+            "answer": "applied",
+            "record": {
+              "record_id": "r-001",
+              "revision": "1",
+              "title": "Портал клиента",
+              "sections": [
+                {
+                  "key": "main",
+                  "label": "Основное",
+                  "groups": [
+                    {
+                      "key": "main",
+                      "label": "Карточка",
+                      "fields": [
+                        {
+                          "key": "title",
+                          "label": "Название",
+                          "propertyType": "string",
+                          "value": "Портал клиента"
+                        },
+                        {
+                          "key": "owner",
+                          "label": "Ответственный",
+                          "propertyType": "record",
+                          "value": {
+                            "value": "u-1",
+                            "label": "Анна Захарова",
+                            "href": "#u-1"
+                          }
+                        },
+                        {
+                          "key": "accent",
+                          "label": "Цвет",
+                          "propertyType": "color",
+                          "value": "#2f6feb"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "files",
+                      "label": "Документы",
+                      "fields": [
+                        {
+                          "key": "contract",
+                          "label": "Договор",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-1",
+                            "label": "договор.pdf",
+                            "mime": "application/pdf",
+                            "href": "#f-1"
+                          }
+                        },
+                        {
+                          "key": "scheme",
+                          "label": "Схема",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-2",
+                            "label": "схема.png",
+                            "mime": "image/png",
+                            "href": "#f-2"
+                          }
+                        },
+                        {
+                          "key": "note",
+                          "label": "Заметка",
+                          "propertyType": "string",
+                          "value": "Подписан в сентябре"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "dates",
+                      "label": "Сроки",
+                      "fields": [
+                        {
+                          "key": "start",
+                          "label": "Начало",
+                          "propertyType": "string",
+                          "value": "1 сентября"
+                        },
+                        {
+                          "key": "end",
+                          "label": "Окончание",
+                          "propertyType": "string",
+                          "value": "31 декабря"
+                        },
+                        {
+                          "key": "stage",
+                          "label": "Этап",
+                          "propertyType": "string",
+                          "value": "Внедрение"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "access",
+                  "label": "Доступ",
+                  "groups": [
+                    {
+                      "key": "roles",
+                      "label": "Роли",
+                      "fields": [
+                        {
+                          "key": "role",
+                          "label": "Роль",
+                          "propertyType": "string",
+                          "value": "Редактор"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "history",
+                  "label": "История",
+                  "groups": [
+                    {
+                      "key": "log",
+                      "label": "Журнал",
+                      "fields": [
+                        {
+                          "key": "changed",
+                          "label": "Изменено",
+                          "propertyType": "string",
+                          "value": "вчера"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          },
+          "*": {
+            "answer": "unavailable",
+            "reason": "unknown-intent"
+          }
+        },
+        "$comment": "A fake host (ui-source first-paint-lib.mjs portOf): gate 24 hands it over as phase 3. The record has the shape the skeleton stands for -- three sections, three groups of three fields -- so the gate measures the skeleton's geometry against real groups."
+      }
+    },
+    {
+      "name": "full",
+      "title": "Запись целиком",
+      "settings": {
+        "panel": true,
+        "full": true,
+        "panel-label": "Запись",
+        "record-id": "r-001"
+      },
+      "expect": {
+        "name": "Запись"
+      },
+      "port": {
+        "answers": {
+          "record.load": {
+            "answer": "applied",
+            "record": {
+              "record_id": "r-001",
+              "revision": "1",
+              "title": "Портал клиента",
+              "sections": [
+                {
+                  "key": "main",
+                  "label": "Основное",
+                  "groups": [
+                    {
+                      "key": "main",
+                      "label": "Карточка",
+                      "fields": [
+                        {
+                          "key": "title",
+                          "label": "Название",
+                          "propertyType": "string",
+                          "value": "Портал клиента"
+                        },
+                        {
+                          "key": "owner",
+                          "label": "Ответственный",
+                          "propertyType": "record",
+                          "value": {
+                            "value": "u-1",
+                            "label": "Анна Захарова",
+                            "href": "#u-1"
+                          }
+                        },
+                        {
+                          "key": "accent",
+                          "label": "Цвет",
+                          "propertyType": "color",
+                          "value": "#2f6feb"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "files",
+                      "label": "Документы",
+                      "fields": [
+                        {
+                          "key": "contract",
+                          "label": "Договор",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-1",
+                            "label": "договор.pdf",
+                            "mime": "application/pdf",
+                            "href": "#f-1"
+                          }
+                        },
+                        {
+                          "key": "scheme",
+                          "label": "Схема",
+                          "propertyType": "file",
+                          "value": {
+                            "value": "f-2",
+                            "label": "схема.png",
+                            "mime": "image/png",
+                            "href": "#f-2"
+                          }
+                        },
+                        {
+                          "key": "note",
+                          "label": "Заметка",
+                          "propertyType": "string",
+                          "value": "Подписан в сентябре"
+                        }
+                      ]
+                    },
+                    {
+                      "key": "dates",
+                      "label": "Сроки",
+                      "fields": [
+                        {
+                          "key": "start",
+                          "label": "Начало",
+                          "propertyType": "string",
+                          "value": "1 сентября"
+                        },
+                        {
+                          "key": "end",
+                          "label": "Окончание",
+                          "propertyType": "string",
+                          "value": "31 декабря"
+                        },
+                        {
+                          "key": "stage",
+                          "label": "Этап",
+                          "propertyType": "string",
+                          "value": "Внедрение"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "access",
+                  "label": "Доступ",
+                  "groups": [
+                    {
+                      "key": "roles",
+                      "label": "Роли",
+                      "fields": [
+                        {
+                          "key": "role",
+                          "label": "Роль",
+                          "propertyType": "string",
+                          "value": "Редактор"
+                        }
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "key": "history",
+                  "label": "История",
+                  "groups": [
+                    {
+                      "key": "log",
+                      "label": "Журнал",
+                      "fields": [
+                        {
+                          "key": "changed",
+                          "label": "Изменено",
+                          "propertyType": "string",
+                          "value": "вчера"
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          },
+          "*": {
+            "answer": "unavailable",
+            "reason": "unknown-intent"
+          }
+        },
+        "$comment": "A fake host (ui-source first-paint-lib.mjs portOf): gate 24 hands it over as phase 3. The record has the shape the skeleton stands for -- three sections, three groups of three fields -- so the gate measures the skeleton's geometry against real groups."
+      },
+      "parent": "<div class=\"flex flex-col\" style=\"block-size: 40rem\"></div>",
+      "x-first-paint": "The page's content region: the record fills it before and after the host answers, and its groups scroll inside."
+    }
+  ],
+  "pages": [
+    {
+      "name": "conformance",
+      "title": "sf-property-view against component.json (standard simai.smart-component 1.3.8 §12, gate 20; simai/ui-pro#3, #4)",
+      "format": "stands/15-scenarios (A4 modal: a page, probes in steps); the runner is the SIMAI Framework's tests/browser/manifest-probes.browser.mjs through tests/browser/package-manifest-probes.browser.mjs",
+      "page": {
+        "lang": "ru",
+        "body": [
+          "<main style=\"width: 1100px\">",
+          "  <sf-view-properties id=\"p\" record-id=\"r1\" collection=\"workbench.solutions\" sections-as=\"tabs\" aria-label=\"Запись\"></sf-view-properties>",
+          "  <sf-view-properties id=\"missing\" record-id=\"r-999\" aria-label=\"Запись\"></sf-view-properties>",
+          "  <sf-view-properties id=\"panel\" panel record-id=\"r1\" panel-label=\"Запись\"></sf-view-properties>",
+          "</main>"
+        ]
+      },
+      "checks": [
+        {
+          "id": "p1-saved",
+          "title": "an applied group save is the fact sf-property-view-saved {id, revision}, once",
+          "covers": "events.saved (simai/ui-pro#4 item 1), actions.edit-group, actions.save-group, values.revision",
+          "steps": [
+            {
+              "script": "(() => { window.__calls = []; let revision = 1; const record = (id) => ({record_id: id, collection: 'workbench.solutions', revision: String(revision), label: 'Портал клиента', editable: true, actions: ['record.edit'], address: '/admin/r1', sections: [{key: 'main', label: 'Основное', groups: [{key: 'g', label: 'Главное', columns: 1, fields: [{key: 'title', label: 'Название', propertyType: 'string', width: 'full', value: 'Портал клиента'}]}]}, {key: 'links', label: 'Связи', groups: [{key: 'l', label: 'Ссылки', columns: 1, fields: [{key: 'site', label: 'Сайт', propertyType: 'string', width: 'full', value: 'simai.io'}]}]}]}); const port = {id: 'simai.property-view-port', version: '1.14.0', capabilities: [], raise: async (intent, payload) => { window.__calls.push(intent); if (window.__never) return new Promise(() => {}); if (intent === 'record.load') return payload.record_id === 'r1' ? {answer: 'applied', record: record('r1')} : {answer: 'refused', reason: 'record-unknown', message: 'Запись не найдена'}; if (intent === 'group.save') { revision += 1; return {answer: 'applied', revision: String(revision), record: record('r1')}; } return {answer: 'unavailable', reason: 'capability-not-provided'}; } }; document.querySelectorAll('sf-view-properties').forEach((one) => one.setHostPort(port)); return true; })()",
+              "wait": 900,
+              "expect": {
+                "values": {
+                  "#p.revision": "1",
+                  "#p.section": "main"
+                }
+              }
+            },
+            {
+              "action": {
+                "name": "edit-group",
+                "with": {
+                  "section": "main",
+                  "group": "g"
+                }
+              },
+              "target": "#p",
+              "wait": 300
+            },
+            {
+              "script": "(() => { const el = document.getElementById('p'); const field = el.sections[0].groups[0].fields[0]; el.changeField(field, 'Портал клиента 2'); return true; })()",
+              "wait": 200
+            },
+            {
+              "action": {
+                "name": "save-group"
+              },
+              "target": "#p",
+              "wait": 600,
+              "expect": {
+                "returns": {
+                  "outcome": "applied"
+                },
+                "events": [
+                  {
+                    "name": "sf-view-properties-saved",
+                    "count": 1,
+                    "detail": {
+                      "id": "r1",
+                      "revision": "2"
+                    }
+                  }
+                ],
+                "values": {
+                  "#p.revision": "2"
+                }
+              }
+            }
+          ]
+        },
+        {
+          "id": "p2-failed",
+          "title": "a record the host does not know is the fact sf-property-view-failed {reason: record-unknown}",
+          "covers": "events.failed",
+          "steps": [
+            {
+              "script": "(() => { window.__failed = []; document.getElementById('missing').addEventListener('sf-view-properties-failed', (event) => window.__failed.push(event.detail)); return true; })()",
+              "wait": 10
+            },
+            {
+              "script": "(() => { window.__calls = []; let revision = 1; const record = (id) => ({record_id: id, collection: 'workbench.solutions', revision: String(revision), label: 'Портал клиента', editable: true, actions: ['record.edit'], address: '/admin/r1', sections: [{key: 'main', label: 'Основное', groups: [{key: 'g', label: 'Главное', columns: 1, fields: [{key: 'title', label: 'Название', propertyType: 'string', width: 'full', value: 'Портал клиента'}]}]}, {key: 'links', label: 'Связи', groups: [{key: 'l', label: 'Ссылки', columns: 1, fields: [{key: 'site', label: 'Сайт', propertyType: 'string', width: 'full', value: 'simai.io'}]}]}]}); const port = {id: 'simai.property-view-port', version: '1.14.0', capabilities: [], raise: async (intent, payload) => { window.__calls.push(intent); if (window.__never) return new Promise(() => {}); if (intent === 'record.load') return payload.record_id === 'r1' ? {answer: 'applied', record: record('r1')} : {answer: 'refused', reason: 'record-unknown', message: 'Запись не найдена'}; if (intent === 'group.save') { revision += 1; return {answer: 'applied', revision: String(revision), record: record('r1')}; } return {answer: 'unavailable', reason: 'capability-not-provided'}; } }; document.querySelectorAll('sf-view-properties').forEach((one) => one.setHostPort(port)); return true; })()",
+              "wait": 900,
+              "check": "window.__failed.length === 1 && window.__failed[0].reason === 'record-unknown' && window.__failed[0].message === 'Запись не найдена'"
+            }
+          ]
+        },
+        {
+          "id": "p3-panel-hidden",
+          "title": "a panel shows while it is not hidden: hidden closes its drawer, removing hidden opens it again (one element)",
+          "covers": "settings.open, hidden (simai/ui-pro#4 item 2, §7.2.2)",
+          "steps": [
+            {
+              "script": "(() => { window.__calls = []; let revision = 1; const record = (id) => ({record_id: id, collection: 'workbench.solutions', revision: String(revision), label: 'Портал клиента', editable: true, actions: ['record.edit'], address: '/admin/r1', sections: [{key: 'main', label: 'Основное', groups: [{key: 'g', label: 'Главное', columns: 1, fields: [{key: 'title', label: 'Название', propertyType: 'string', width: 'full', value: 'Портал клиента'}]}]}, {key: 'links', label: 'Связи', groups: [{key: 'l', label: 'Ссылки', columns: 1, fields: [{key: 'site', label: 'Сайт', propertyType: 'string', width: 'full', value: 'simai.io'}]}]}]}); const port = {id: 'simai.property-view-port', version: '1.14.0', capabilities: [], raise: async (intent, payload) => { window.__calls.push(intent); if (window.__never) return new Promise(() => {}); if (intent === 'record.load') return payload.record_id === 'r1' ? {answer: 'applied', record: record('r1')} : {answer: 'refused', reason: 'record-unknown', message: 'Запись не найдена'}; if (intent === 'group.save') { revision += 1; return {answer: 'applied', revision: String(revision), record: record('r1')}; } return {answer: 'unavailable', reason: 'capability-not-provided'}; } }; document.querySelectorAll('sf-view-properties').forEach((one) => one.setHostPort(port)); return true; })()",
+              "wait": 1000,
+              "check": "document.querySelector('#panel sf-drawer')?.hasAttribute('open') === true"
+            },
+            {
+              "script": "(document.getElementById('panel').hidden = true, true)",
+              "wait": 600,
+              "check": "document.querySelector('#panel sf-drawer')?.hasAttribute('open') === false"
+            },
+            {
+              "script": "(document.getElementById('panel').hidden = false, true)",
+              "wait": 600,
+              "check": "document.querySelector('#panel sf-drawer')?.hasAttribute('open') === true"
+            },
+            {
+              "script": "(document.getElementById('panel').setAttribute('open', 'false'), true)",
+              "wait": 600,
+              "check": "document.querySelector('#panel sf-drawer')?.hasAttribute('open') === false"
+            }
+          ]
+        },
+        {
+          "id": "p4-close-refused",
+          "title": "close is a cancelable request: a listener refuses it and close-panel answers refused",
+          "covers": "events.close cancelable (vocabulary §5 close, §19.3), actions.close-panel",
+          "steps": [
+            {
+              "script": "(() => { window.__calls = []; let revision = 1; const record = (id) => ({record_id: id, collection: 'workbench.solutions', revision: String(revision), label: 'Портал клиента', editable: true, actions: ['record.edit'], address: '/admin/r1', sections: [{key: 'main', label: 'Основное', groups: [{key: 'g', label: 'Главное', columns: 1, fields: [{key: 'title', label: 'Название', propertyType: 'string', width: 'full', value: 'Портал клиента'}]}]}, {key: 'links', label: 'Связи', groups: [{key: 'l', label: 'Ссылки', columns: 1, fields: [{key: 'site', label: 'Сайт', propertyType: 'string', width: 'full', value: 'simai.io'}]}]}]}); const port = {id: 'simai.property-view-port', version: '1.14.0', capabilities: [], raise: async (intent, payload) => { window.__calls.push(intent); if (window.__never) return new Promise(() => {}); if (intent === 'record.load') return payload.record_id === 'r1' ? {answer: 'applied', record: record('r1')} : {answer: 'refused', reason: 'record-unknown', message: 'Запись не найдена'}; if (intent === 'group.save') { revision += 1; return {answer: 'applied', revision: String(revision), record: record('r1')}; } return {answer: 'unavailable', reason: 'capability-not-provided'}; } }; document.querySelectorAll('sf-view-properties').forEach((one) => one.setHostPort(port)); return true; })()",
+              "wait": 900
+            },
+            {
+              "script": "(document.getElementById('p').addEventListener('sf-view-properties-close', (event) => event.preventDefault()), true)",
+              "wait": 10
+            },
+            {
+              "action": {
+                "name": "close-panel",
+                "with": {
+                  "reason": "close"
+                }
+              },
+              "target": "#p",
+              "wait": 200,
+              "expect": {
+                "returns": {
+                  "outcome": "refused"
+                },
+                "events": [
+                  {
+                    "name": "sf-view-properties-close",
+                    "count": 1,
+                    "detail": {
+                      "reason": "close"
+                    }
+                  }
+                ]
+              }
+            }
+          ]
+        },
+        {
+          "id": "p5-skeleton-tabs",
+          "title": "while the record is on its way the section tabs' strip is drawn with the skeleton",
+          "covers": "simai/ui-pro#3 items 2-3, presentation.skeleton",
+          "steps": [
+            {
+              "script": "(() => { window.__never = true; return true; })()",
+              "wait": 10
+            },
+            {
+              "script": "(() => { window.__calls = []; let revision = 1; const record = (id) => ({record_id: id, collection: 'workbench.solutions', revision: String(revision), label: 'Портал клиента', editable: true, actions: ['record.edit'], address: '/admin/r1', sections: [{key: 'main', label: 'Основное', groups: [{key: 'g', label: 'Главное', columns: 1, fields: [{key: 'title', label: 'Название', propertyType: 'string', width: 'full', value: 'Портал клиента'}]}]}, {key: 'links', label: 'Связи', groups: [{key: 'l', label: 'Ссылки', columns: 1, fields: [{key: 'site', label: 'Сайт', propertyType: 'string', width: 'full', value: 'simai.io'}]}]}]}); const port = {id: 'simai.property-view-port', version: '1.14.0', capabilities: [], raise: async (intent, payload) => { window.__calls.push(intent); if (window.__never) return new Promise(() => {}); if (intent === 'record.load') return payload.record_id === 'r1' ? {answer: 'applied', record: record('r1')} : {answer: 'refused', reason: 'record-unknown', message: 'Запись не найдена'}; if (intent === 'group.save') { revision += 1; return {answer: 'applied', revision: String(revision), record: record('r1')}; } return {answer: 'unavailable', reason: 'capability-not-provided'}; } }; document.querySelectorAll('sf-view-properties').forEach((one) => one.setHostPort(port)); return true; })()",
+              "wait": 600,
+              "check": "Boolean(document.querySelector('#p [data-sf-skeleton=\"tabs\"]')) && document.getElementById('p').getAttribute('data-state') === 'loading'"
+            }
+          ]
+        },
+        {
+          "id": "p6-full",
+          "title": "full draws a panel in place: no drawer while full",
+          "covers": "settings.full",
+          "steps": [
+            {
+              "script": "(() => { window.__calls = []; let revision = 1; const record = (id) => ({record_id: id, collection: 'workbench.solutions', revision: String(revision), label: 'Портал клиента', editable: true, actions: ['record.edit'], address: '/admin/r1', sections: [{key: 'main', label: 'Основное', groups: [{key: 'g', label: 'Главное', columns: 1, fields: [{key: 'title', label: 'Название', propertyType: 'string', width: 'full', value: 'Портал клиента'}]}]}, {key: 'links', label: 'Связи', groups: [{key: 'l', label: 'Ссылки', columns: 1, fields: [{key: 'site', label: 'Сайт', propertyType: 'string', width: 'full', value: 'simai.io'}]}]}]}); const port = {id: 'simai.property-view-port', version: '1.14.0', capabilities: [], raise: async (intent, payload) => { window.__calls.push(intent); if (window.__never) return new Promise(() => {}); if (intent === 'record.load') return payload.record_id === 'r1' ? {answer: 'applied', record: record('r1')} : {answer: 'refused', reason: 'record-unknown', message: 'Запись не найдена'}; if (intent === 'group.save') { revision += 1; return {answer: 'applied', revision: String(revision), record: record('r1')}; } return {answer: 'unavailable', reason: 'capability-not-provided'}; } }; document.querySelectorAll('sf-view-properties').forEach((one) => one.setHostPort(port)); return true; })()",
+              "wait": 1000
+            },
+            {
+              "script": "(document.getElementById('panel').full = true, true)",
+              "wait": 600,
+              "check": "!document.querySelector('#panel sf-drawer[open]') && Boolean(document.querySelector('#panel .sf-property-view-layout'))"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}