Katelon Recorder

Katelon Recorder is an extension for Google chrome and firefox browsers. Katelon Recorder can be used to record and run test cases.

How to add Katelon Recorder extension to the browser?

In the chrome browser you can use the following path.

Click on “Apps” à “Web store”

Search as “Katelon Recorder”

Now you can add to chrome.

When you add Katelon recorder to the chrome you can see it in the top bar where all extensions are located.

Now you can simply launch the Katelon recorder by clicking on that icon. You can see the Katelon recorder as follows.

In the top menu bar you can see that new test, record, play, play suite, play all, pause, report, export, adjust play speed, settings, and also a link to Git hub.

Let’s create a test suite first. The following image shows how to create a test suite.

By clicking on the plus sign (+) you can create a new test suite.

Same as you can create a new test case by clicking on “New” in the top menu bar.

Now I have created Test Suite and test case as follows.

Let’s record our test case. To record test case you can use “Record” in the top menu bar. Then you can go to the browser and record whatever you want to record.

Let me browse https://www.calculator.net/

Then I will navigate to Math calculator a Percentage calculator. Let me enter my 2 values as 4 and 5. Then the percentage will show as 0.2% after clicking on the calculate button. You might be noticed that when you perform any kind of an action a command will pop up. Then you can stop recording by clicking on “Stop” icon in the top menu bar.

You will see the records as follows.

You can play whatever you recorded by clicking on “Play” icon on the top menu bar. Then the interface will looks like this.

You will see that in progress commands will appear in yellow color while processed appears in green color.

When you click on any of the command you can see the relevant command, target and value as follows.

Same as we can add commands by simply typing on the relevant fields.

We can add extra commands by clicking right of any command where you want to locate below.

Now you can get a screenshot by entering the command as “captureEntirePageScreenshot”.

Screenshot will be captured and display as follows.

Trouble shooting

For trouble shooting we can add break points. You can simply right click on and select “Toggle Breakpoint” where you want to break.

Now when you run this it will break above the break point. Instead of “Stop” button now you have “Resume” button.

When we resume, it will follow up the next commands.

Now I add new command called “waitForElementPresent”.

Then I will add the same target of the below command by simply copying and pasting. Let me add value as 5 which tells the maximum waiting time is 5 seconds.