Steps editor

The steps editor is keyboard-first. Every action has a shortcut so you can author a long scenario without touching the mouse.

Adding steps

• Click the empty step row, or focus it via Tab.
• Type a step name. Enter commits it and creates a new row at the same level.

Nesting

• Tab indents the current step into a substep of the row above. Max depth is 1.
• Shift+Tab outdents a substep back to root, inserted right after its former parent.

Navigation

• ↑ / ↓ — move focus to the previous/next step in DFS order (root step → its substeps → next root step).
• Backspace on an empty step deletes it and focuses the previous step.
• Esc — blurs the input. If the step is empty, it's deleted.

Expected results

Each step has an optional Expected result field (a small textarea, multi-line). To add or edit it, click the small ER icon at the end of the step row. Enter in the ER field commits and creates a new step. Shift+Enter inserts a newline.

Attachments

You can attach images or files to a step via the paperclip icon. Attachments are stored in the project's S3 / MinIO bucket.

Saving

Sulu commits changes on structural events (Enter, Tab, drag, paste, attach) and on blur. Plain typing inside an input does not trigger a save — there's no per-keystroke debounce.

Drag & reorder

Hover a step row to reveal the drag handle. Drop the step at its new position; sub-steps follow their parent.