First step into automation of ElectronJS applications

Read the theory:

Let us start by understanding how easy is device Automation:

https://github.com/praveendvd/webdriverIO_winappdriver_boilerplate

Boiler Plate Code:

GitHub - praveendvd/WebdriverIO_electronAppAutomation_boilerplate

What is ElectronJS :

Electron uses Chromium and Node.js so you can build your app with HTML, CSS, and JavaScript.

Jump Right into Implementation:

1. Download chromedriver:

As electronjs apps run on chromium you need chromedriver to automate it . Each electron app will be using different chromium version so you have to download the correct compatible chromedriver version as you do for webbrowser automation

2. Starting the test application:

we are using the printing application from : https://github.com/hokein/electron-sample-apps

there also other application for you to play around with . You dont need to clone this repo as the sample application is already included in my boiler plate

first install electron

npm install -g electron

now start application in the git repo in the folder “electron-sample-apps-master\printing” as

electron “pathto/electron-sample-apps-master\printing”

3.inspecting the elements:

As mentioned Electronjs is based on chromium , html and css . so the steps are same as in webbrowser automation.

Just press control+shift+i (even in postman ) you can see the html inspect tool (devtool)