Web Automation Testing With Katalon Recorder
Tags: testing, webdev
Published: 2021-05-11 15:07:44

**Web** **Automation** **Testing** **with** **Katalon** **Recorder** - Besides being able to perform automation testing with Katalon Studio, we can also do web automation testing with the Katalon Recorder browser extension. In this post we will both learn web automation testing with Katalon Recorder.

Katalon Automation Recorder is an automation recorder that can be used to record actions, capture web elements in web applications, play test cases and perform reports quickly and easily.

Katalon Recorder is a free product developed by the TestOps team (https://analytics.katalon.com).

Steps to start web automation testing with Katalon Recorder:
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yfmk50p53rku396grmlh.png)
1. Add the Katalon Recorder extension to our browser. We can get the Katalon Recorder extension [here](https://chrome.google.com/webstore/detail/katalon-recorder-selenium/ljdobmomdgdljniojadhoplhkpialdid?hl=id), then press the Add to Chrome or add to chrome button.
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5mzwl1lg2lauwauxlsz6.png)
2. Open the website that will be tested, then click the Katalon Recorder extension in your browser. When we click on the Katalon Recorder extension, we will be directed to a page like the image above. In this step, please create a new Test Suite by pressing the plus (red) icon in the upper left corner to the right of the Test Suite text.
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hpbdm53op2aevyv3vhr4.png)
In this experiment, I will make a test suite with the name Laniaga because I will try to do the test on the online shop website laniaga.com. If the form has been filled, please press the OK button.
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8qzd8mglj43pfgesp3u7.png)
3. Then the next step is to create a new test case. To do this, click the 3-dot mark next to the test suite that we just created in step number 2. Then select Add New Test Case.
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8c9i72fehidu20aop5vq.png)
Then enter the name of the test case that you are going to do. In the example image above, I created a new test case called search because I will test the search feature. If it is filled, please press the OK button.
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ltjfdnmprw91xmeze7y.png)
4. After creating a new test case, then please click on the new test case text then press the Record icon as shown above to start testing on your website. By pressing Record, you will be directed to your website. Please test according to your scenario. In this experiment, I am trying to test the search product feature so when the test is taking place I will run a scenario starting from trying to type text in the search form and entering the search results.
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hknwv3b1m1dchz2cbkuc.png)
5. If the test for the first test case has been completed, please re-enter the Katalon Recorder page and press Stop on the navbar to stop recording.
![Web Automation Testing With Katalon Recorder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qkngzu1voqm9khdowid8.png)
6. After doing the recording process, then we need to find out whether there is an error or not in the testing process with the scenario that we specified earlier. To play back or playback, please press the Play icon on the navbar. By pressing this icon, Katalon Recorder will play back what we did earlier. Wait until Katalon Recorder is finished. When finished, please enter again on the Katalon Recorder page, see if anything has failed or not. In the picture above, in my search test case, there were no errors or failures, which means that the search feature passed or was successful in the test.
Done. For the experiment in the first test case, we have finished. Please try again by creating a new test case again.

Conclusion: in this article we can find out that Katalon Recorder can be used as an option for testing tools for web-based applications other than using Katalon Studio software. In a future article, we will discuss again how to test a web application in Katalon with other topics.

[Read more at codelapan.com](https://codelapan.com/post/belajar-web-automation-testing-dengan-katalon-recorder)