[
  {
    "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=\"purchase-orders-view-cancelled-purchase-orders-button\"]:visible",
        "timeout_ms": 10000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"purchase-orders-send-purchase-orders-to-suppliers-button\"]:visible",
        "timeout_ms": 10000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"purchase-orders-new-purchase-order-button\"]:visible",
        "timeout_ms": 10000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"purchase-orders-status-filter-default-filter-select\"]:visible",
        "timeout_ms": 10000,
        "type": "wait_for_selector"
      },
      {
        "action": "assert_box",
        "attr": "height",
        "selector": "[data-testid=\"purchase-orders-orders-button\"]",
        "type": "assert_box",
        "variable": "orders_toolbar_height"
      },
      {
        "action": "click",
        "selector": "[data-testid=\"purchase-orders-assemblies-button\"]",
        "type": "click"
      },
      {
        "action": "wait_for",
        "selector": "input[placeholder=\"Search assemblies...\"]",
        "timeout_ms": 10000,
        "type": "wait_for_selector"
      },
      {
        "action": "wait_for",
        "selector": "[data-testid=\"purchase-orders-new-assembly-button\"]:visible",
        "timeout_ms": 10000,
        "type": "wait_for_selector"
      },
      {
        "action": "assert_box",
        "attr": "height",
        "selector": "[data-testid=\"purchase-orders-orders-button\"]",
        "type": "assert_box",
        "variable": "assemblies_toolbar_height"
      },
      {
        "action": "assert_variable_close",
        "tolerance_px": 4,
        "type": "assert_variable_close",
        "variable_a": "orders_toolbar_height",
        "variable_b": "assemblies_toolbar_height"
      },
      {
        "action": "click",
        "selector": "[data-testid=\"purchase-orders-orders-button\"]",
        "type": "click"
      },
      {
        "action": "wait_for",
        "selector": "input[placeholder=\"Search PO, supplier or project...\"]",
        "timeout_ms": 10000,
        "type": "wait_for_selector"
      },
      {
        "text": "Purchase Orders",
        "type": "assert_text"
      }
    ],
    "capture_each_step": true,
    "expected_result": "The Purchase Orders toolbar renders with no overlap between the right-side action buttons (View Cancelled, Email Centre, New PO) and the left-side status filter in the Orders view, and the toolbar height stays within 4px when switching between the Orders and Assemblies tabs. Pre-fix, the three Orders action buttons overflowed with flex-nowrap and visually sat on top of the status-filter dropdown text, and the Orders view toolbar was visibly taller than the Assemblies view toolbar.",
    "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"
    ]
  }
]