Knowledge Base Article

> Knowledge Base > Rapise

Created By  dmarkovtsev Tuesday, July 11, 2017

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

debugger;

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:

https://github.com/Microsoft/vscode-chrome-debug

 

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.

Happy debugging!

 

 

 

 

 

Attachments

Selected files will be attached to any email sent on saving ticket.

file selected files selected  () Delete Selected

  • Created:
  • by:

Select files to upload

Or drag and drop files here

Uploading …
Done!
Upload More?
There was an error.
Try again?

Save to upload the selected file(s)

Article Info
  • Last Updated: 7/11/2017
  • Article ID: KB262
  • Views: 457