{"id":83871,"date":"2022-05-23T12:34:46","date_gmt":"2022-05-23T12:34:46","guid":{"rendered":"https:\/\/www.softwaretestinghelp.com\/?p=83871"},"modified":"2025-05-09T11:01:43","modified_gmt":"2025-05-09T11:01:43","slug":"ranorex-webtestit-tutorial","status":"publish","type":"post","link":"https:\/\/www.softwaretestinghelp.com\/ranorex-webtestit-tutorial\/","title":{"rendered":"How to Build Selenium Tests Faster with Ranorex Webtestit"},"content":{"rendered":"\n

In this article, we explore ways to build selenium tests faster with Ranorex Webtestit. <\/b>Let’s get started.<\/strong><\/p>\n\n\n\n

If you\u2019re like most of the testing professionals, then you are all about efficiency!<\/p>\n\n\n\n

When it comes to a task like test automation, you need to focus on building tests rather than configuration and setup. <\/p>\n\n\n\n

You especially should not waste time in doing repetitive boilerplate code or troubleshooting the failing tests.<\/p>\n\n\n \n \n \n\n\n

Why Ranorex Webtestit <\/em><\/h2>\n\n\n\n
\"Ranorex<\/a><\/figure>\n\n\n\n

Currently, Selenium<\/a> Webdriver is the most popular solution for web test automation. It is open-source, works on major desktops & supports leading development languages. However, it is a chore to set up and requires specific expertise in Selenium to master.<\/p>\n\n\n\n

One of the first setup tasks is to select an IDE. There are several IDEs that you can use with the Selenium WebDriver, such as Eclipse, IntelliJ, and NetBeans. <\/p>\n\n\n\n

Even the old Selenium IDE<\/a> has been resurrected from the grave, after going to end-of-life in 2017.<\/p>\n\n\n\n

We now have a new option i.e. Ranorex Webtestit<\/a><\/strong>. This is an IDE that specializes in building UI tests for websites and web apps for Selenium (or Protractor), using Java<\/a> or Typescript.<\/p>\n\n\n\n

But Ranorex Webtestit is much more than just an IDE. This is a complete web testing toolset<\/strong> that eliminates the hassle of setting up and maintaining a Selenium Webdriver test environment.<\/p>\n\n\n\n

Also Read => <\/em><\/strong>Ranorex Studio Tutorial<\/a><\/p>\n\n\n\n

Quickly set up your test environment with Ranorex Webtestit<\/mark><\/span><\/p>\n\n\n\n

Selenium WebDriver Vs Ranorex WebTestit Quick Setup:<\/strong><\/p>\n\n\n\n

Here is a quick comparison<\/strong> of the time taken for us to complete a basic setup (with exact steps to take) for Selenium WebDriver and Ranorex WebTestit.<\/p>\n\n\n\n

\n\n\n\n\t\n\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t
Selenium WebDriver (approx 2 hours to 2 days, depending on your experience)<\/th>Ranorex WebTestit (approx 15 minutes)<\/th>\n<\/tr>\n<\/thead>\n
Select and install an IDE.<\/td>Install Ranorex Webtestit.<\/td>\n<\/tr>\n
Install a project management tool like Apache Maven, and create a project for your test.<\/td>Configure desired endpoints using a dialog.<\/td>\n<\/tr>\n
Download and configure the files needed for your project (in Java projects, all the JAR\u2019s, libraries, etc.)<\/td>(Optional) Configure a local Selenium Grid endpoint using a dialog or use the native SauceLabs integration for cloud-based testing.<\/td>\n<\/tr>\n
Install the version of Selenium WebDriver that matches the version of your target browsers.<\/td><\/td>\n<\/tr>\n
Set up a Selenium server.<\/td><\/td>\n<\/tr>\n
Configure testing endpoints with JSON files.<\/td><\/td>\n<\/tr>\n
(Optional) Configure additional JSON files to run tests remotely or in parallel on a Selenium Grid, or to a cloud provider such as Sauce Labs.<\/td><\/td>\n<\/tr>\n
Set up test execution and reporting using TestNG, JUnit, or a similar tool.<\/td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\n

In addition to making the setup much faster, Ranorex Webtestit includes tools that help to save time in automating web tests, such as the automatic generation locators for web elements, conditional execution logic, built-in test reporting, and much more.<\/p>\n\n\n\n

Set up and Run a Sample Test<\/h3>\n\n\n\n

=> To follow along with the below walkthrough steps to download and install the free trial of Ranorex Webtestit<\/a>. <\/strong><\/p>\n\n\n\n

You can set up a username and password that will also give you access to the Ranorex Webtestit user forum: https:\/\/discourse.webtestit.com\/, which is a great place to get help or interact with the Ranorex team.<\/p>\n\n\n\n

You should also add the free Ranorex Selocity<\/a> browser extension to Google Chrome and this is incredibly useful for generating UI element locators.<\/p>\n\n\n\n

\"Run<\/a><\/figure>\n\n\n\n

1) Launch and sign in to Ranorex Webtestit. The Start screen will appear.<\/p>\n\n\n\n

2) Click Download sample project<\/strong>.<\/p>\n\n\n\n

3) Choose Java – Demoshop, and then click Download and open.<\/strong> This sample project is for a fictional web store, which you can find here: http:\/\/demoshop.webtestit.com\/<\/p>\n\n\n\n

4) Ranorex Webtestit project view open. On the left, you will see the project window with the project tree.<\/p>\n\n\n\n

In the project tree, you can find several Page Object files. Each will represent a major section of a web page (not necessarily an entire web page). <\/p>\n\n\n\n

Using a Page Object model separates the definition of the UI from your test code, thereby making your tests easier to maintain and less likely to break.<\/p>\n\n\n\n

\"project<\/a><\/figure>\n\n\n\n

If you\u2019re unfamiliar with Page Objects, then you can learn about them here<\/a>.<\/p>\n\n\n\n

5) In the below page objects, you can see two test cases, TC1 and TC2. The first test case adds items to the cart and then checks out. The second test case verifies the \u201cfast checkout\u201d process.<\/p>\n\n\n\n

\"Test<\/figure>\n\n\n\n

6) In Ranorex Webtestit, you can notice the \u201cGet Started<\/strong>\u201d panel on the bottom left corner (if you don\u2019t see it, you can open it from the menu. Just choose Help => Get Started<\/strong>).<\/p>\n\n\n\n

Since this is a demo project, steps 1-3 are already complete. To run the test, all that we need to do is add one or more endpoints.<\/p>\n\n\n\n

\"Get<\/a><\/figure>\n\n\n\n

7) Open the Execution panel. Click Add Endpoint<\/strong>.<\/p>\n\n\n\n

\"Add<\/a><\/figure>\n\n\n\n

8) Choose Local endpoint<\/strong>. Let\u2019s name it \u201cLocal Chrome\u201d. Set up Platform on Desktop and choose Google Chrome browser. Then, click on the Save endpoint<\/strong>.<\/p>\n\n\n\n

\"Save<\/a><\/figure>\n\n\n\n

9) The new endpoint appears in the Execution panel and you\u2019re now ready to execute the test suite.<\/p>\n\n\n\n

10) Click Run all test files<\/strong>. As this is the first time you have run a test with Ranorex Webtestit, there may be several dependencies to load.<\/p>\n\n\n\n

Future test executions won\u2019t need to repeat this initial download and it will go faster. You can track the progress in the Log panel just below the Execution panel.<\/p>\n\n\n\n

11) Finally, the test run finishes. Click on Show Report<\/strong>.<\/p>\n\n\n\n

\"Show<\/a><\/figure>\n\n\n\n

12) The test run report shows the duration of the test, the number of test failures (if any), the number of test suites and test cases executed, and much more. Click the down arrow next to the TestSuite(Desktop) item to see the duration of each of the test cases executed.<\/p>\n\n\n\n

\"duration<\/a><\/figure>\n\n\n\n

Start Building Your Own Web Test<\/h3>\n\n\n\n

So far you have seen a sample test executed on your desktop, let\u2019s take a look at the process for building your own test.<\/p>\n\n\n\n

1) Click on New Project <\/strong>and then Create a new project dialogue will appear.<\/p>\n\n\n\n

\"Create<\/a><\/figure>\n\n\n\n

2) Enter a project name, select your preferred programming language, and then click Save. If you select Java, Ranorex Webtestit \u201cscaffolds\u201d your project with Maven<\/a>, Apache\u2019s build automation tool, and the widely used TestNG testing framework. Then, the Project workspace appears.<\/p>\n\n\n\n

3) You may see a warning that Ranorex Webtestit is disconnected from Ranorex Selocity. Install the Ranorex Selocity add-on to Chrome DevTools if you haven\u2019t done so already.<\/p>\n\n\n\n

\"disconnected<\/a><\/figure>\n\n\n\n

Then, simply open the Chrome browser, right-click on any web element, and choose Inspect<\/strong>. In the DevTools panel, click Ranorex Selocity<\/strong>, and then click Connect.<\/strong><\/p>\n\n\n\n

\"Ranorex<\/a><\/figure>\n\n\n\n

4) Return to Ranorex Webtestit. Click on the New Page Object file<\/strong>. A file called \u201cnewpofile.java\u201d will appear in the Project tree. Let\u2019s rename this to \u201cmainPO.java\u201d.<\/p>\n\n\n\n

5) Now, open the Chrome browser and go to your web application. Right-click on the search box and choose Selector actions<\/strong>.<\/p>\n\n\n\n

You\u2019ll see a list of available selectors for the search box web element. Just copy and paste the one that you want to use into your new Page Object file.<\/p>\n\n\n\n

(If you link Ranorex Selocity with Ranorex Webtestit, then you will also have the option to send the selector directly to Ranorex Webtestit along with a screenshot).<\/p>\n\n\n\n

\"Selector<\/a><\/figure>\n\n\n\n

6) Return to Ranorex Webtestit and you\u2019ll see a new element in the Elements panel. If the name of the element isn\u2019t meaningful, then you can edit it. In the example below, the name has been changed to \u201cSearchbox.\u201d Now click on Close<\/strong>.<\/p>\n\n\n\n

\"Searchbox\"<\/a><\/figure>\n\n\n\n

7) To use the new element in the test, first, add it to your page object. Simply drag the element into the page object and choose an action, such as Click on element<\/strong> or Type into the element<\/strong>. Ranorex Webtestit will automatically create the associated code for you.<\/p>\n\n\n\n

8) You can now start coding your test. Right-click on the tests folder in the Project panel, and then choose New => Test file. Ranorex Webtestit creates a new test file and includes the boilerplate code for you. Please refer to the actions in the Page Object to perform your test steps.<\/p>\n\n\n\n

9) Once your test is complete, add an endpoint as in the demoshop example above, and then execute your test.<\/p>\n\n\n\n

Fine Print<\/mark><\/strong><\/span><\/p>\n\n\n\n

Ranorex Webtestit works on Windows, Mac, and Linux. It integrates with tools like TFS, Jenkins, Jira<\/a>, Git, TestRail, and TravisCI using the command line interface.<\/p>\n\n\n\n

Conclusion<\/h3>\n\n\n\n

If you are using (or thinking about using) Selenium WebDriver, then you should definitely check out Ranorex Webtestit. It will, in turn, save you time upfront by setting up your test project for you.<\/p>\n\n\n\n

It will save you time with every web test that you build, through the automatic application of the Page Object model, reduction of boilerplate code, web element locator generation, and much more.<\/p>\n\n\n\n

You can read more about Ranorex Webtestit here<\/a><\/strong><\/p>\n\n\n\n

Please feel free to share your experience in the comments section below! We would love to hear from you. <\/strong><\/p>\n\r\n\t\t\t

\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t

Was this helpful?<\/h3>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\r\n \r\n \r\n
\r\n\t\t\t\t\r\n \r\n \r\n
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t