Rapise can be extended with DOM libraries to add support for custom UI controls used in modern web applications. Many of such applications work in Chrome browser. So there may be a need to debug Rapise code embedded into Chrome via Rapise Extension for Chrome. Most powerful and easy way to do this is to add VS Code into the equation. From this article you will learn how to tie Rapise, Chrome and VS Code together.
Open your application in Chrome. In our example it is Dynamics 365 for Operations (ERP system from Microsoft). Let's debug how Rapise records clicks on the tab control headers.
Here is the part of the source code we want to debug. Write
statement at a place were you want to break execution and start debugging.
Download and install VS Code from https://code.visualstudio.com/
Then install 'Debugger for Chrome' extension into it.
Open Rapise engine in VS Code: File > Open Folder... and choose 'C:\Program Files (x86)\Inflectra\Rapise\Core\Engine'
In VS Code go to Debugger pane and add new debugger configuration. Detailed info on debugger configuration is available here:
Attach VS Code to Chrome.
Start recording in Rapise and click on one of the tab control headers. VS Code will break into the code.
Selected files will be attached to any email sent on saving ticket.
Select files to upload
Or drag and drop files here
Save to upload the selected file(s)