Visual Mode

This section introduces CukeTest's Visual Mode. Additionally, you can also use Text Mode to edit features.

What is Visual Mode?

Visual Mode is a graphical interface designed to improve feature editing efficiency, especially for beginners and non-technical personnel.

In Visual Mode, CukeTest renders Gherkin feature content as expandable, collapsible, and interactive UI elements (such as buttons, tables, and tree views), allowing users to manage the test structure more intuitively.

Use Cases for Visual Mode

• Quickly build feature structures: For users unfamiliar with Given/When/Then syntax, standard formats can be generated via interface buttons, avoiding syntax issues caused by formatting or indentation errors.
• Business review and communication: When verifying test cases with non-technical personnel, the collapsible and hierarchical display provided by Visual Mode is clearer and more intuitive.

Operation Methods

In Visual Mode, you can edit scenarios, steps, example tables, and tags through mouse clicks and keyboard shortcuts.

1. Text Editing

• Enter Editing: Double-click the text you want to modify (such as the feature title or step content) to enter the editing state.
• Save Changes: After completing the modification, press the Esc key or click on a blank area of the interface to save and exit editing.

2. Keyboard Navigation

When handling multiple steps or filling out data tables (Examples), using keyboard shortcuts can improve efficiency. CukeTest provides an experience similar to a table editor:

• Element Navigation: While in the editing state, press the Tab or Enter key to jump to the next element; press Shift + Tab or Shift + Enter to go back to the previous element.
• Multi-line Text Input: When editing areas that support line breaks, such as Description or Doc String, press the Enter key to perform a line break.
• Navigation within Tables: In example tables or step tables, use Tab and Shift + Tab to move left and right between cells. Pressing Tab at the end of a row will automatically jump to the beginning of the next row.
• Adding Data Rows: Pressing the Tab key in the last cell of the last row of a table will automatically create a new data row.
• Confirm Action: When the focus is on the "Add a Step" or "Add a Scenario" button, press the Enter key to trigger the creation action.