Exploring the User Interface

A. Discovering the Interface Landscape

Our tool, Conformiq Visualizer, offers a versatile approach to crafting Gherkin scripts, with features designed to cater to various user preferences and skill levels. The user interface is divided into three principal views: the Visual BPMN Method, the Editor View, and the Expert View.

  • Visual BPMN Method:
    The Visual BPMN Method invites you to construct Gherkin scripts by crafting diagrams and boxes, each following the Gherkin syntax. Using the Business Process Model and Notation (BPMN) approach, you can visually architect your test scenarios and easily comprehend the flow of your processes. This is an excellent choice for users who enjoy a graphical representation of their test cases.

  • Editor View:
    Also known as the Code Editor, this view offers a text-based framework reminiscent of a traditional code editor. The Editor View allows you to create and edit Gherkin scripts in a familiar environment while utilizing collaborative functionalities that bolster teamwork and enhance communication within your team.

  • Expert View:
    The Expert View presents a more graphical coding approach, offering a structured framework for crafting Gherkin scripts. This view simplifies incorporating data into your scenarios by enabling you to drag and drop data directly into them. This method is perfect for users who desire a balance between the Editor View's flexibility and the BPMN approach's visual allure.

By presenting these three distinct views, Conformiq Visualizer aims to accommodate a variety of user preferences and experience levels, ultimately offering a comprehensive, user-friendly platform for creating Gherkin scripts and managing test cases.

B. Navigating the Interface

1. Personalizing Your Experience: Customization and Settings

Conformiq Visualizer offers a variety of ways to tailor your experience, allowing you to adjust the interface to match your preferred working style. One such customization option is the ability to choose between displaying code and model, model only, or code only.

 

Each view mode offers unique advantages:

Code and Model

Model Only

Code Only

Code and Model

Model Only

Code Only

This view provides a comprehensive understanding of your test scenarios, allowing you to visualize the flow using the BPMN approach and review the corresponding Gherkin code simultaneously. This broad perspective facilitates better communication among team members with different skill sets and helps maintain a clear understanding of the relationships between various elements in your scenarios.

This view focuses solely on the visual BPMN representation of your test scenarios, making it perfect for users who prefer a purely graphical approach. The model-only view simplifies designing and understanding complex scenarios, making identifying areas for improvement or optimization easier.

For users who are more comfortable working with Gherkin code or have a strong programming background, the code-only view offers a familiar environment for writing, editing, and reviewing test scenarios. This view allows you to concentrate on the syntax and structure of your Gherkin scripts without the distraction of visual elements.

 

Conformiq Visualizer features real-time synchronization between the Gherkin code and the visual BPMN model, ensuring that any modifications to the Gherkin code are immediately reflected in the graphical model and vice versa. This synchronization allows users to switch between different views and working styles without losing progress or encountering inconsistencies in their test scenarios.

 

The Gherkin Code Editor within Conformiq Visualizer offers a user-friendly and feature-rich environment for crafting, editing, and reviewing Gherkin scripts. Optimized and tailored for Gherkin users, this editor boasts a multitude of benefits:

  • Syntax Highlighting:
    The editor automatically highlights Gherkin syntax elements, such as keywords, comments, and variables, making your scripts easier to read and comprehend.

  • Error Detection:
    The editor identifies and highlights syntax errors in real time, allowing you to spot and rectify mistakes swiftly.

  • Line Numbers and Indentation:
    The editor provides clear line numbering and automatic indentation, improving the readability of your scripts and helping maintain consistency in your test scenarios.

  • Search and Replace:
    The editor features a powerful search and replace functionality, enabling you to locate and modify text within your scripts swiftly.

  • Collaboration Features:
    The editor supports real-time collaboration, allowing multiple users to simultaneously work on the same script. This feature fosters teamwork and enhances communication among team members.

With these features and more, the Gherkin Code Editor within Conformiq Visualizer provides an efficient and comprehensive environment for working with Gherkin scripts, ultimately enhancing your testing and documentation process. Integrating these capabilities into your workflow ensures your team delivers high-quality, well-documented software every time.

Our tool has a specially designed Gherkin UI view that simplifies the creation of test scenarios. This user-friendly interface eliminates the complications of syntax issues and other common errors, ensuring a smooth and efficient workflow. The UI view is purposefully designed for user convenience, thus making the writing and editing of test cases an effortless process.

The key highlight of the Gherkin UI view is its drag-and-drop feature. This feature allows you to add or modify data in your scenarios or scenario directly outlined without altering the Gherkin code manually. By making the data incorporation process straightforward, we're enabling users to save time, reduce potential errors, and focus on the design of effective and accurate test cases.

In summary, the Gherkin UI view, with its visually attractive interface and user-friendly features such as drag-and-drop data insertion, is an essential tool for creating test scenarios with ease and efficiency.

 

Based on BPMN, our Gherkin viewer presents an innovative and intuitive approach to visualizing and interacting with Gherkin scripts. By leveraging BPMN, a globally recognized standard for the graphical modeling of business processes, the Gherkin viewer presents your test scenarios in a clear and easily understandable format.

Key features and benefits of the Gherkin viewer include:

  • Visual Clarity:
    The Gherkin viewer converts your Gherkin scripts into BPMN diagrams, using standardized symbols and connectors to denote various elements such as steps, conditions, and loops. This visual representation enhances the readability and comprehension of your test scenarios, simplifying understanding for technical and non-technical team members.

  • Intuitive Design:
    The Gherkin viewer's drag-and-drop interface allows you to swiftly create and modify your test scenarios without the need to write or edit Gherkin code directly. This feature is perfect for users who prefer a graphical approach to designing and managing test cases.

  • Real-time Synchronization:
    The Gherkin viewer offers real-time synchronization with the corresponding Gherkin code, ensuring that changes made in the visual model are immediately reflected in the code and vice versa. This seamless integration enhances team collaboration and streamlines designing, reviewing, and updating test scenarios.

  • Collaboration Features (Currently only available in the Code Editor):
    The Gherkin viewer supports real-time collaboration, enabling multiple users to work on the same diagram simultaneously. This feature fosters effective communication and teamwork, leading to more efficient and accurate test design.

  • Export Options:
    The Gherkin viewer lets you easily export your BPMN diagrams in various formats, such as SVG or BPMN. This flexibility facilitates sharing your test scenarios with stakeholders or including them in presentations and documentation.

By integrating BPMN's power with Gherkin's versatility, the Gherkin viewer provides a unique and efficient method for designing, visualizing, and managing your test scenarios, ultimately enhancing your overall testing process.

Our tool features a dedicated interface for managing data and data sets, simplifying the process of incorporating data into your Gherkin test scenarios. This interface allows you to create and organize data directly within the tool, ensuring seamless integration with your test cases.

A standout feature of the Data and Data Set interface is its ability to import data from external sources, such as Excel spreadsheets. This feature streamlines the incorporation of existing data into your test scenarios and aids in maintaining consistency across your testing environment.

To further enhance your data integration experience, our tool connects the Data and Data Set interface with the Gherkin UI view. Click "My Data" within the Gherkin UI view to access your data sets. Then, drag and drop the data into your scenarios or scenario outlines. For even more convenience, you can drag and drop the title of the data directly into the line of Gherkin code where it's needed. This functionality makes data insertion quick, precise, and user-friendly.

In essence, by providing a dedicated interface for managing data and data sets and integrating this interface seamlessly with the Gherkin UI view, our tool simplifies working with data in your test scenarios. This results in enhanced efficiency and productivity, making your overall testing experience smoother and more effective.

Copyright © 2023 Conformiq and its subsidiaries. All rights reserved.