Support for Frameworks with dynamic Html Element Id and Name Generation (Blazor)

Welcome to the forum.

Be aware that Katalon Studio Web Recording is at best a “get you started” tool. When you’re faced with elements that use dynamic id attributes, you are definitely going to have issues – as you already discovered.

If you use the recorder to get the test started, then you will need to edit the Test Objects in the Object Repository (OR) and “fix” the selectors used to identify the elements in your test – obviously, avoid the id attribute entirely.

Alternatively, ignore the recorder and write the steps yourself, either in Manual View or Script View. Most professional test engineers use Script view and avoid the recorder.

You can provide selectors in the OR by using CSS or XPATH. You can discover elements on the web page and extract CSS/XPATH selectors using DevTools. Try right-click in DevTools on a particular element in the Inspector pane. Of course, if you already know CSS/XPATH, you can roll your own and enter them into the OR in Katalon.

Good luck!