Web testing using Builder or Editor mode
In a nutshell
Automated web test cases can be created in Builder or Editor mode within Zoho QEngine's test case editor. Editor is a pro-code scripting mode that gives automation experts direct control to write and customize test scripts, including reusable functions and complex logic. Builder is a low-code, block-based interface where you construct test flows by dragging and dropping tasks, suited for those who prefer a visual approach over scripting.
Automated web test cases can be created in Builder or Editor mode within Zoho QEngine's test case editor. Editor is a pro-code scripting mode that gives automation experts direct control to write and customize test scripts, including reusable functions and complex logic. Builder is a low-code, block-based interface where you construct test flows by dragging and dropping tasks, suited for those who prefer a visual approach over scripting.
Overview
Test cases are steps to perform an action. They contain a series of inputs to be provided, as well as expected outcomes to be validated for an action or a function that has to be tested.
Zoho QEngine offers the flexibility to create test cases for various platforms, such as web browser, Android, iOS, and API. For testing on the web browser platform, users can either choose to record or write using the builder or editor mode. These modes are designed in such a way that the user can choose between task blocks or scripting to create their test flow.
- Editor mode
The editor mode is written on a “pro-code” basis for those automation experts who prefers to script directly. It offers greater flexibility and control over test case scenarios, enabling users to create reusable and custom automation scripts.
- Builder mode
The builder mode is the easiest one to follow because it’s created on a “low-code” basis. Users can drag and drop the tasks onto the test editor, with each of them encapsulating the necessary functionality, eliminating the need for coding or writing detailed instructions manually.
Learn more on builder and editor modes.
Writing a test case
To begin writing a test case using either the editor or builder modes, first, you need to create a test case. Once the test case is created, follow the steps below.
Editor mode
- The editor mode is displayed by default. Write your test cases with the tasks using the auto-complete option, by double-clicking the tasks, or dragging and dropping them to the editor from the task panel.
- After adding the required task, provide the relevant parameters to them. The parameters can contain the following:
- Elements: Locators for the interacted elements can be set in two ways. The first method involves manually hard-coding the locators by enclosing it with double quotes (" ") after inspecting the relevant webpage, web, or mobile applications. For example, to use the locator inside the task Click, enclose it in double quotes: click ("#zs-guest-login")
Alternatively, testers can leverage the auto-complete feature by typing "ui." to access the list of created elements.Additionally, the Refer Elements option allows users to copy, edit, and create new elements. To copy or edit existing elements, select the webpage or application page name, and hover over the copy or edit icons for the required element. To create new elements, click +Add.
- Variables: To access the variables created, start typing in the format $<variable>. You can view the list of all global and environment variables in addition to the system variables that are present by default.
- Functions: The format of a function in a parameter should be like the format below:
<module_linkname>.<function_linkname>(<parameters>).
where,
<module_linkname> is the link name of the module under which the function is placed;
<function_linkname> is the link name of the function to be invoked;
<parameters> is the input values to be passed, if any.
Notes:
- Only functions that return a value can be used as parameters.
- Function arguments aren't mandatory. You can also add them later by editing the test case details of that function. Learn more.
- Files: Files are supported only for selected tasks. To access the saved files, type in the format files.<filename>.
- Click Save, to save all changes or edits to the test case.
Note: Clicking on any another button without saving will remove all of the changes made to the test case. Unless the edits or changes are saved, you can't replicate the test case to the builder mode.
Builder mode
- To start writing in builder, click Builder Mode.
- Drag and drop the required tasks from the task panel (on the left) to the editor.
- After adding the task, you need to provide the relevant parameters. Click on the argument placeholder on the right. The set expression pop-up contains an input field and provides the option to select the required elements, variables, files, or functions. The parameters can contain the following:
- Elements: Parameters for the interacted elements can be set in two ways. The first method involves manually hard-coding the locators by enclosing it with double quotes (" ") after inspecting the relevant webpage, web, or mobile applications. For example, to use the locator inside the task Click, enclose it in double quotes: click("#zs-guest-login")
Alternatively, testers can copy the required locators from the element option. Select the element name from the drop-down and choose the required locator. The locator gets auto-populated in the input field with the format: "ui.chrono_44.span".
Additionally, the Refer Elements option allows users to copy, edit, and create new elements. To copy or edit existing elements, select the webpage or application page name, and hover over the copy or edit icons for the required element. To create new elements, click +Add.
- Variables: The variable section includes a list of all global and environment variables, in addition to system variables that are present by default. Select the required variable or type in the format $<variable> inside the input field.
- Functions: Function can only be used as a parameter by using the call function task inside the required task. Call function is a drop-down in the case of builder mode. Select the desired function from the saved list of functions.
- Files: Uploaded files are accessible from the files section. Select the required file from the saved list of files.
- Once the required parameters are applied, click Done. To save these changes or edits to the test case, click Save.
Test cases are now created using the editor or builder modes. To preview their real-time results, configure run and see their executions to review and analyze their functionality and behavior. Once the test cases are created and tested for their real-time behavior, you have the option to add them into a test suite and test plan, allowing you to evaluate their interactions with other functionalities and enabling scheduled testing.
Related Links
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Centralize Knowledge. Transform Learning.
All-in-one knowledge management and training platform for your employees and customers.
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Understand Mobile Testing
In a nutshell Zoho QEngine provides dedicated testing environments for both Android and iOS, each designed to handle the platform-specific devices, screen sizes, and app interactions unique to that ecosystem. Test cases can be created using the ...Understanding Builder and Editor mode
In a nutshell The test editor offers two distinct modes to create test cases, Editor and Builder, designed so you can choose between scripting and task blocks based on your preference and level of expertise. Editor is a pro-code scripting mode for ...Creating mobile test cases using editor or builder mode
In a nutshell Automated mobile test cases for Android and iOS can be created manually using Editor or Builder mode within Zoho QEngine's test case editor. Editor is a pro-code scripting mode that gives automation experts full control to write, ...Understand Web Testing
In a nutshell Web testing ensures a website or web application is free of defects and behaves as expected across different web browsers before it reaches users. Testing requirements are defined as test cases and evaluated using predefined web testing ...Creating mobile test cases using recorder
In a nutshell Zoho QEngine's recorder captures your physical interactions within a mobile application and converts them into automation test scripts automatically, without requiring you to write scripts manually. It is accessed from the test case ...
New to Zoho LandingPage?
Zoho LandingPage Resources