Making ERPNext Help Videos with Scripting

How we upgraded to automation of help video creation for ERPNext.

By Umair Sayed August 26, 2017 Technology 8 comments

"Please teach me how you create the help videos of ERPNext. Please, please, please", Bhagyashree insisted, when we met at the yearly ERPNext conference.

"Sure. Buy yourself a Mac, and then we can move forward", I said. A reply just enough to push an assignment to limbo ;)

Those were the days when we were creating help videos by recording audio and video separately and merge both in, wait for it, iMovie. But just like medicines has an expiry date, so does ERPNext UI, design and our approach to solving problems. Rushabh came up with the idea of making help videos with all new approach, scripts! And that's how it was ought to be made at Frappe. Wasn't it?

Introducing, a tool to make ERPNext help videos by writing a script. This application is developed based on a testing framework called TestCafe. On top of it, we have added many standard functions to make the scripting part really simpler. For example, to click on the module icon, you just write

await f.click_icon("Manufacturing")

If you want to add a computer generated narration in a help video, use "speak" function.

await f.speak(`Hello World`)

To enter a value in the fields of types Data, Date, Link and Check field, use fill_field function.

await f.fill_field("field_name", "value")

The buttons like Save, Submit, Amend belongs to the CSS class called Primary Button. If you want to click one of these buttons, use the following function.

await f.click_parimary_button("Save")

Functions to navigate and create new records in masters which are maintained in the tree structure.

await f.click_tree_node("All Warehouses - Abbr")
await f.click_tree_node_option("Add Child")

Click here for the list of all the functions readily available to create a help video for an application based on Frappe Framework.

Once you have written the complete script to record a video on particular subject of ERPNext, run it from your TestCafe repository test by writing a command

node chrome videos/production__order.js

Where chrome can be replaced with any browser.

And production_order.js can be replaced with file name where the script for your video is saved.

On running this script, the new browser window will open. You will be logged into the ERPNext account based on the credentials provided in the template section of the script. And then based on the video functions, TestCafe would navigate and create entries in your ERPNext account just like we operate manually.

Now, to create a video out of it, all you need is a screen and audio recorder. We use Quicktime Player for recording an ERPNext window which is being controlled by a TestCafe.

We are hopeful that this tool will allow ERPNext community members to also contributions help videos, and help us cover the more ground in terms of creating help video content on how to make most of ERPNext or of Frappe based application.

And hoping that we made your trip to ERPNext conference worthwhile, dear Bhagyashree :)

Umair Sayed
Umair Sayed
"Umair is the Chief Customer Officer at ERPNext. He has done more than 50 ERP implementations remotely and replies to most incoming inquiries."
amina hameens April 24, 2019

Our company Rent laptops dubai appreciate your work you share good information.

Freddie Mercury Jacket April 24, 2019

That is a useful tool for editing videos with scripting. Thanks for the information and surely I am going to visit it. Check out Freddie Mercury Jacket

Sumitsingh72 April 25, 2019

Significance of Packing Goods Rightly for Damage Free Transportation and Delivery More info :- packers and movers Delhi charges, packers and movers in Hyderabad, packers and movers Hyderabad Charges, packers and movers charges in Hyderabad

Sumitsingh72 April 25, 2019

Best Tips for Searching Professional Packers and Movers for Stress Free Shifting
More info :- packers and movers in Pune, packers and movers charges, packers and movers Pune Charges, packers and movers charges in Pune

Domenic Tylor April 25, 2019

Now students have many options for "do my assignment". We provide the best writers for your assignment. Our services are different from other service providers. We do all type of assignment work. You can hire our service at

asdasd April 25, 2019
WalmondZack April 25, 2019

That may be a beneficial tool for enhancing films with scripting. thank you for the information and certainly, I am going to visit it. We offer nice writers to your project. Our offerings are distinctive from other courier companies. Dissertation Writers UK

Abc assignment help April 25, 2019

ABC Assignment Help is an incomparable online Accounting assignment help company delivering excellent academic assignments, essays, coursework and reports. Through a team of over 3000 subject experts we ensure individual attention to every student making the assignment help experience completely personalized in nature. With our round the clock services, you can be assured of high grades every time.

Add Comment