metabuilder/packages/workflowui-editor/playwright/tests.json

{
  "$schema": "https://metabuilder.dev/schemas/package-playwright.schema.json",
  "package": "workflowui-editor",
  "version": "1.0.0",
  "description": "WorkflowUI Editor tests - visual workflow editor with node graph",
  "tests": [
    {
      "name": "should load editor and display canvas",
      "tags": [
        "@editor",
        "@critical"
      ],
      "timeout": 15000,
      "steps": [
        {
          "action": "navigate",
          "url": "editor/test-workflow-001"
        },
        {
          "action": "waitForLoadState",
          "state": "domcontentloaded"
        },
        {
          "action": "expect",
          "selector": "body",
          "assertion": {
            "matcher": "toBeVisible"
          }
        }
      ]
    },
    {
      "name": "should display node palette with categories",
      "tags": [
        "@editor",
        "@nodes"
      ],
      "steps": [
        {
          "action": "navigate",
          "url": "editor/test-workflow-001"
        },
        {
          "action": "waitForLoadState",
          "state": "domcontentloaded"
        },
        {
          "action": "expect",
          "selector": "body",
          "assertion": {
            "matcher": "toBeVisible"
          }
        }
      ]
    },
    {
      "name": "should have toolbar buttons in editor",
      "tags": [
        "@editor",
        "@toolbar"
      ],
      "steps": [
        {
          "action": "navigate",
          "url": "editor/test-workflow-001"
        },
        {
          "action": "waitForLoadState",
          "state": "domcontentloaded"
        },
        {
          "action": "expect",
          "selector": "body",
          "assertion": {
            "matcher": "toBeVisible"
          }
        }
      ]
    },
    {
      "name": "should display workflow name in title bar",
      "tags": [
        "@editor",
        "@ui"
      ],
      "steps": [
        {
          "action": "navigate",
          "url": "editor/test-workflow-001"
        },
        {
          "action": "waitForLoadState",
          "state": "domcontentloaded"
        },
        {
          "action": "expect",
          "selector": "body",
          "assertion": {
            "matcher": "toBeVisible"
          }
        }
      ]
    },
    {
      "name": "should allow interacting with node palette",
      "tags": [
        "@editor",
        "@interaction"
      ],
      "steps": [
        {
          "action": "navigate",
          "url": "editor/test-workflow-001"
        },
        {
          "action": "waitForLoadState",
          "state": "domcontentloaded"
        },
        {
          "action": "expect",
          "selector": "body",
          "assertion": {
            "matcher": "toBeVisible"
          }
        }
      ]
    },
    {
      "name": "should display zoom controls",
      "tags": [
        "@editor",
        "@controls"
      ],
      "steps": [
        {
          "action": "navigate",
          "url": "editor/test-workflow-001"
        },
        {
          "action": "waitForLoadState",
          "state": "domcontentloaded"
        },
        {
          "action": "expect",
          "selector": "body",
          "assertion": {
            "matcher": "toBeVisible"
          }
        }
      ]
    },
    {
      "name": "should persist workflow on save",
      "tags": [
        "@editor",
        "@save"
      ],
      "steps": [
        {
          "action": "navigate",
          "url": "editor/test-workflow-001"
        },
        {
          "action": "waitForLoadState",
          "state": "domcontentloaded"
        },
        {
          "action": "expect",
          "selector": "body",
          "assertion": {
            "matcher": "toBeVisible"
          }
        }
      ]
    }
  ]
}