Web testing using recorder | Zoho QEngine Help

Web testing using recorder

In a nutshell

The recorder captures user interactions with a web page and converts them into test steps automatically, eliminating the need to write scripts manually. Each interaction is recorded along with its corresponding page element, which can be reviewed and edited as part of the resulting script after recording. Recording is preferred over scripting for faster and more reliable automated test case creation.

Overview

The record feature allows users to record their test cases without manually writing them. This is preferred over scripting for better automated test case creation, as it enables users to create more reliable test cases and ensures comprehensive coverage of all testing scenarios.
 
For example, a software tester wants to test a form action with various input fields and check for its correct data types in a website. The tester can opt to write the test case on their own, but if they choose to record the test case instead, it can be easier, as it doesn't require manual script writing.
 
Interactions with the page are captured as test steps by the recorder. Along with each interaction, the recorder saves the respective elements, which can be reviewed after the recording is complete. After completing the form action, the tester can end the recording session.
 
Let's take another example. Zylker Watches is a web store that sells watches. Let's demonstrate the testing of this web store using the recorder.
 
NotesNote: The website, Zylker Watches, is a test demonstration store. If visiting the link, no orders will be fulfilled from this store.
Enter the website URL into the recorder to start recording. The recorder will open the website in a new window. You can now browse through the product catalog inside the store and perform actions like clicking Quick View to glance at the product's details. Any action you perform on the website will get recorded as test steps to write the test case. If you wish to pause the recording in between, you can do so by clicking the pause button. End the recording once the necessary interactions are made.
The video below illustrates the example above, to understand how recording a test case simplifies test case creation.


 
Recording a test case feature in Zoho QEngine provides several advantages, including:
  • Faster test case creation: Testers can create automated tests quickly and easily without needing to write code manually. This saves time and effort and enables testers to focus on other aspects of testing.
  • Accuracy: It ensures the test is executed the same way every time, leading to more accurate and reliable results.
  • Reusability: Recorded test cases can be reused multiple times, reducing the need to create new tests for similar functionality.
  • Scalability: Testers can create automated tests that can be executed across multiple platforms and configurations, making it easier to test large or complex systems.
  • Clarity: It can make it easier for others to understand what is being tested, as they can see the exact steps and inputs used in the test case.
  • Consistency: It ensures the same steps are followed each time the test is executed, maintaining consistency across different test runs and environments.
  • Maintenance: This can help simplify maintenance and updates to automated tests, as changes to the system under test can be easily captured and incorporated into the test script. It also records the interacted elements, which are then saved along with its page name.

 Installation setup for Zoho QEngine recorder 

To start writing a test case using the recorder. First, create a test case and then install the recorder extension for your browser.
 
Follow these steps to install the extension for the recorder: 
  1. To start recording test cases, you need to install the Zoho QEngine extension for your browser. Click Record to find the extension file to be installed. For Chrome, the pop-up below will be shown when you try to record a test case.


NotesNote: The extension is currently supported for Chrome and Firefox. Make sure you are logged into either of the two to use the recorder.
  1. Click Install Extension. This navigates you to the Chrome Web Store where you can read more about its features, user reviews, and ratings. To install the extension, click Add to Chrome in the top-right corner of the page.


 
  1. A pop-up window will appear to confirm you want to install the extension. Click Add extension to confirm. The extension will start to download and install automatically. Depending on the size of the extension, this may take a few seconds or a few minutes.

  1. Once the installation is complete, you'll see a confirmation message at the top-right of the browser window. The extension's icon will also appear on the toolbar to the right of the address bar. 



Recording a test case 

After installing the right extension for your machine, follow these steps to start recording a test case:
  1. Click Record. Enter the URL of the application to be tested in the format https://www.example.com. Then, click Start.

Notes
Note: The recorder will only check the authenticity of the URL. The URL given can have anchor links to the page, query params, and more.
  1. The recorder opens a new browser window with the requested URL ready to capture the actions. While recording, you'll notice each interaction with the page will be recorded as steps.

  1. The focus element pop-up shows the locator tags of every element you interact with. The settings icon lets you perform a few selected browser actions with these elements.


  1. If you want to pause in between the recording, click on the floating pause/stop button. For example, if you wish to re-record a test case without losing the previously recorded steps, you can pause the recording and then resume it once you reach the page to be recorded.


  1. Once you are done, you can stop the recording.

    You'll be taken back to the test case editor. Elements are recorded along with their webpage name. All the elements you interacted with during the recording are listed for selection. Previously saved elements will be listed as "Existing Locators" and the newly saved elements, irrespective of their webpage name, will be listed as "New Locators."
  1. Choose the required elements, name them appropriately, and select which type of locator you would want for that element. To learn more about them, see the page, elements.

Notes
Note: If the test case already has test scripts, you can either opt to continue on the existing one or start fresh. If you click Yes, the next line of script will start from where you last stopped.
 
 
However, if you click No, I want a clean session, the previous script will be removed. If you want the replaced script, it can be viewed or restored from the previous version(s).
  1. Once you finish recording on the desired platform, the test case will be saved by default.
Now that the test case has been recorded, you can run the test case and preview its execution results. Learn more.
 
After successfully passing the live preview test results, you can proceed to include them in a test suite and, subsequently, to a test plan to incorporate them into scheduled testing.

Web testing best practices

  • Variables can be used to avoid repeatedly entering values that are found in input fields of a form or login, such as name, username, password, and the like.
  • Avoid hard coding locators inside test cases. Instead, save them during interactions with the page for maintenance and better debugging.
  • Creating functions can replace a test script with repetitive actions performed within a web application or website.
  • It is recommended to optimize tasks for writing effective test cases. This means there are multiple ways to achieve the same functionality with different tasks. For instance, the "wait" function has two syntax options. The first one waits for a specific duration, irrespective of the element being present or not in the Document Object Model. In contrast, the other "wait" option waits with respect to the element being found in the DOM. By opting for the latter option, the execution time can be reduced.
  • The test case should be associated with the right module. For example, a user accidentally associated a test case meant to test the payment gateway with a module designed to test the search functionality of a webstore. Once the testing was complete, the payment gateway module still had issues. 


        Create. Review. Publish.

        Write, edit, collaborate on, and publish documents to different content management platforms.

        Get Started Now


          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 CRM Training
              Redefine the way you work
              with Zoho Workplace

                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 CRM Training

                  Create, share, and deliver

                  beautiful slides from anywhere.

                  Get Started Now


                    Zoho Sign now offers specialized one-on-one training for both administrators and developers.

                    BOOK A SESSION







                                Quick LinksWorkflow AutomationData Collection
                                Web FormsEnterpriseOnline Data Collection Tool
                                Embeddable FormsBankingBegin Data Collection
                                Interactive FormsWorkplaceData Collection App
                                CRM FormsCustomer ServiceAccessible Forms
                                Digital FormsMarketingForms for Small Business
                                HTML FormsEducationForms for Enterprise
                                Contact FormsE-commerceForms for any business
                                Lead Generation FormsHealthcareForms for Startups
                                Wordpress FormsCustomer onboardingForms for Small Business
                                No Code FormsConstructionRSVP tool for holidays
                                Free FormsTravelFeatures for Order Forms
                                Prefill FormsNon-Profit

                                Intake FormsLegal
                                Mobile App
                                Form DesignerHR
                                Mobile Forms
                                Card FormsFoodOffline Forms
                                Assign FormsPhotographyMobile Forms Features
                                Translate FormsReal EstateKiosk in Mobile Forms
                                Electronic Forms
                                Drag & drop form builder

                                Notification Emails for FormsAlternativesSecurity & Compliance
                                Holiday FormsGoogle Forms alternative GDPR
                                Form to PDFJotform alternativeHIPAA Forms
                                Email FormsFormstack alternativeEncrypted Forms

                                Wufoo alternativeSecure Forms

                                TypeformWCAG

                                  Zoho FSM Video Tutorials


                                        All-in-one knowledge management and training platform for your employees and customers.

                                                  Create. Review. Publish.

                                                  Write, edit, collaborate on, and publish documents to different content management platforms.

                                                  Get Started Now




                                                                    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.




                                                                        Manage your brands on social media


                                                                          • Desk Community Learning Series


                                                                          • Digest


                                                                          • Functions


                                                                          • Meetups


                                                                          • Kbase


                                                                          • Resources


                                                                          • Glossary


                                                                          • Desk Marketplace


                                                                          • MVP Corner


                                                                          • Word of the Day


                                                                          • Ask the Experts


                                                                            Zoho Sheet Resources

                                                                             

                                                                                Zoho Forms Resources


                                                                                  Secure your business
                                                                                  communication with Zoho Mail


                                                                                  Mail on the move with
                                                                                  Zoho Mail mobile application

                                                                                    Stay on top of your schedule
                                                                                    at all times


                                                                                    Carry your calendar with you
                                                                                    Anytime, anywhere




                                                                                          Zoho Sign Resources

                                                                                            Sign, Paperless!

                                                                                            Sign and send business documents on the go!

                                                                                            Get Started Now




                                                                                                    Zoho TeamInbox Resources





                                                                                                              Zoho DataPrep Demo

                                                                                                              Get a personalized demo or POC

                                                                                                              REGISTER NOW


                                                                                                                Design. Discuss. Deliver.

                                                                                                                Create visually engaging stories with Zoho Show.

                                                                                                                Get Started Now








                                                                                                                                    • Related Articles

                                                                                                                                    • 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 ...
                                                                                                                                    • 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 ...
                                                                                                                                    • 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 ...
                                                                                                                                    • Manual testing in Zoho QEngine

                                                                                                                                      In a nutshell Manual testing is one of the core testing types supported in Zoho QEngine, allowing teams to create, organize, and track test cases with ease. 1. Overview Manual testing is one of the supported testing types in Zoho QEngine. It helps ...
                                                                                                                                    • 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, ...
                                                                                                                                      Wherever you are is as good as
                                                                                                                                      your workplace

                                                                                                                                        Resources

                                                                                                                                        Videos

                                                                                                                                        Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                                        eBooks

                                                                                                                                        Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                                        Webinars

                                                                                                                                        Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                                        CRM Tips

                                                                                                                                        Make the most of Zoho CRM with these useful tips.



                                                                                                                                          Zoho Show Resources