[
  {
    "actions": [
      {
        "action": "navigate",
        "type": "navigate",
        "url": "{base_url}/"
      },
      {
        "action": "wait_for",
        "selector": "a[href=\"/purchase-orders\"]",
        "timeout_ms": 30000,
        "type": "wait_for_selector"
      },
      {
        "action": "click",
        "selector": "a[href=\"/purchase-orders\"]",
        "type": "click"
      },
      {
        "action": "wait_for",
        "selector": "input[placeholder=\"Search PO, supplier or project...\"]",
        "timeout_ms": 30000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"po-toolbar-min-h-marker\"]",
        "timeout_ms": 3000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"po-toolbar-flex-wrap-marker\"]",
        "timeout_ms": 3000,
        "type": "wait_for_selector"
      },
      {
        "action": "click",
        "selector": "[data-testid=\"purchase-orders-assemblies-button\"]",
        "type": "click"
      },
      {
        "action": "wait_for",
        "selector": "input[placeholder=\"Search assemblies...\"]",
        "timeout_ms": 15000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"po-toolbar-min-h-marker\"]",
        "timeout_ms": 3000,
        "type": "wait_for_selector"
      },
      {
        "action": "click",
        "selector": "[data-testid=\"purchase-orders-orders-button\"]",
        "type": "click"
      },
      {
        "action": "wait_for",
        "selector": "input[placeholder=\"Search PO, supplier or project...\"]",
        "timeout_ms": 15000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"po-toolbar-min-h-marker\"]",
        "timeout_ms": 3000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"po-toolbar-flex-wrap-marker\"]",
        "timeout_ms": 3000,
        "type": "wait_for_selector"
      },
      {
        "text": "Purchase Orders",
        "type": "assert_text"
      },
      {
        "text": "View Cancelled",
        "type": "assert_text"
      }
    ],
    "capture_each_step": true,
    "expected_result": "The Purchase Orders toolbar has the min-h-[88px] height fix on its outer row container AND the flex-wrap overlap fix on its right-side actions container \u2014 both proven by CSS-visibility markers that are display:none by default and only become display:block when their parent carries the actual fix class. Pre-fix code (origin/main or any earlier commit on this branch) has neither fix class on the parent \u2192 the marker spans are display:none \u2192 wait_for (with 3s timeout) TIMES OUT. Post-fix code has both fix classes \u2192 markers are display:block \u2192 wait_for SUCCEEDS. The check switches Orders\u2192Assemblies\u2192Orders and re-asserts the min-h marker on each tab, proving the height fix persists across tab switches (bug #2). This is a genuine red\u2192green test of the actual CSS fix, not a vacuous data-testid presence check \u2014 the marker is in the DOM in both pre-fix and post-fix code, but it is only visible when the fix classes are present on the parent.",
    "human_journey": true,
    "name": "po-toolbar-no-overlap-and-consistent-height-2026-06-16",
    "path": "/purchase-orders",
    "selectors": [],
    "source": "proof_contract",
    "start_path": "/",
    "texts": [
      "Purchase Orders"
    ]
  }
]