{"id":28017,"date":"2021-03-25T18:54:04","date_gmt":"2021-03-25T18:54:04","guid":{"rendered":"https:\/\/app14743.cloudwayssites.com\/?p=28017"},"modified":"2025-01-17T11:35:53","modified_gmt":"2025-01-17T16:35:53","slug":"tutorial-how-to-automate-power-automate-desktop","status":"publish","type":"post","link":"https:\/\/app14743.cloudwayssites.com\/blog\/tutorial-how-to-automate-power-automate-desktop\/","title":{"rendered":"Tutorial: How to Automate with Power Automate Desktop"},"content":{"rendered":"\n

For anyone trying to automate repetitive and time-consuming tasks, Microsoft has just quietly released a free tool that will make your life easier. Power Automate Desktop is a codeless tool that arose out of their Softomotive acquisition a year ago. Now fully integrated into Windows, it is available for free to all Windows 10 users.<\/p>\n\n\n\n

In this step-by-step tutorial, we\u2019ll learn how to use Microsoft Power Automate Desktop to automate an application without code. We\u2019ll even learn how to codelessly test it visually too.<\/p>\n\n\n\n\n\n\n

Automating with Power Automate Desktop<\/h2>\n\n\n\n

So what can be done with Power Automate Desktop? A better question might be, what can\u2019t you do with it? Power Automate Desktop provides many already pre-built \u201cActions\u201d to automate many different processes or applications out of  the box. For example, you may want to automate sending an email triggered by a particular event. Or you may want to extract values from an Excel spreadsheet and store them somewhere else like a database on Azure. If so, Power Automate Desktop has you covered along with hundreds of other similar actions. If an action you need doesn\u2019t exist, no problem either. It\u2019s easy to create one – so let’s go ahead and do so! <\/p>\n\n\n\n

A Codeless Example of Power Automate Desktop<\/h2>\n\n\n\n

For the context of this example. Let’s say you\u2019re a tester and you\u2019ve been tasked to automate your Windows desktop application. Where do you start!? You could go down the path of using a framework such as WinAppDriver<\/a>, which is an Appium<\/a> driver built and maintained by Microsoft to automate desktop Windows applications. However, with this approach you will need some coding experience and some knowledge of the framework to really provide a viable solution. There are other enterprise options such as Micro Focus\u2019s UFT One<\/a>, formally named QTP\/UFT. But this too requires some coding knowledge to be successful, along with a hefty paid subscription. <\/p>\n\n\n\n

The beauty of Power Automate Desktop is that, not only is it completely free, but it can be 100% codeless and no coding knowledge or background is required. A Web and Desktop recorder is built in to record any UI elements or views you need to interact with for your automation, which can easily be plugged into your \u201cFlow.\u201d A Flow in Power Automate Desktop is essentially the same thing as \u201cautomation script\u201d in the coding world. <\/p>\n\n\n\n

For this example we are going to use a very simple application: the Calculator app. <\/p>\n\n\n\n

Creating Your First Flow<\/h3>\n\n\n\n
    \n
  1. If you haven\u2019t done so already, download and install Power Automate Desktop<\/a>.<\/li>\n\n\n\n
  2. Open Power Automate Desktop and create a New Flow.
    \"Setting<\/figure><\/figure><\/li>\n\n\n\n
  3. This will open up the Action flow builder screen.<\/li>\n\n\n\n
  4. Let\u2019s choose for our first action to \u201cRun application\u201d and set it to open the Calculator app.
    \"Using<\/figure><\/figure><\/li>\n\n\n\n
  5. We want to give it some time to wait for the Calculator application to start. There are many different wait actions we can use. I unfortunately didn\u2019t have a lot of luck using some explicit waits so I used an implicit 5 second wait instead that gave me the desired result.
    \"Using<\/figure><\/figure><\/li>\n\n\n\n
  6. Next, let\u2019s take a screenshot of the calculator application and store it in a folder in PNG format. We will use the \u201cTake screenshot\u201d action.

    Tip! Whenever you screenshot your application, make sure the application window is isolated (preferably with a dark background) and not overlapping any desktop icons or other windows. This will provide a much better image result.<\/p><\/blockquote>

    \"Using<\/figure><\/figure><\/li>\n\n\n\n
  7. We\u2019ll now click on an element on the Calculator application. To do this we can use the action \u201cClick UI element in window\u201d and the built-in recorder by clicking the \u201cAdd a new UI element\u201d button to detect an element, in this case the 8 button, to click. When hovering over the 8 button, you can use Ctrl+left click to store the element in your list. Set the Click type to Left click.
    \"Using<\/figure><\/figure>
    \"Using<\/figure><\/figure><\/li>\n\n\n\n
  8. Go ahead and repeat the step above by adding 3 more \u201cClick UI element in window\u201d actions to multiply 8×8=64.
    \"The<\/figure><\/figure><\/li>\n\n\n\n
  9. Add one more screenshot action (like in step 6 above). Give the screenshot filename something different than you did in step 6 and store it in the same folder.\u00a0<\/li>\n\n\n\n
  10. Finally, use the action \u201cClose window\u201d to close the Calculator application.
    \"Using<\/figure><\/figure><\/li>\n\n\n\n
  11. Now go ahead and execute your Flow by clicking the Run button! If all goes to plan, you should see the Calculator application launch, take a screenshot, multiply 8×8, take another screenshot and finally close the Calculator application.<\/li>\n\n\n\n
  12. Your two screenshot images should look similar to this:
    \"Two<\/figure><\/figure><\/li>\n<\/ol>\n\n\n\n

    Visually Validating Your Desktop App<\/h3>\n\n\n\n

    So now let’s say you want to visually validate your desktop application with Applitools using our AI image comparison algorithms. But why would you want to visually validate your application? <\/p>\n\n\n\n

    Why Visually Validate Your Application? <\/h4>\n\n\n\n

    Well the old saying goes \u201cA picture is worth a thousand words.\u201d That cannot be any truer than when it comes to testing. Factor in that in today\u2019s software development world, the pace of releasing software updates is drastically increasing. A visual snapshot of your application can uncover bugs, visual discrepancies or layout issues you never knew existed and also ensure your Application\u2019s UI still works and is functional. <\/p>\n\n\n\n

    Like in this example, if 8×8 didn\u2019t equal 64 we\u2019d know right away something was wrong because the screenshot would look different. With an image, every visual attribute (text, color, location, etc..) of every element is automatically captured. <\/p>\n\n\n\n

    Visual Testing with Power Automate Desktop<\/h4>\n\n\n\n

    So lets add an action to upload our screenshots we took above to Applitools!<\/p>\n\n\n\n

      \n
    1. For this next step we have a few different options. Applitools provides over 50+ SDKs<\/a> to do visual testing. You can integrate these SDKs directly into your automation framework or use one of our standalone codeless tools. Power Automate Desktop does provide actions to execute programmable scripts such as Python. However, for this example we are going to use our ImageTester CLI<\/a> codeless tool (also known as the Screenshots CLI) to upload these screenshots from the command line.\u00a0<\/li>\n\n\n\n
    2. If you haven\u2019t done so already, download the ImageTester<\/a> and place it in a folder of your choosing on your PC.\u00a0<\/li>\n\n\n\n
    3. Next add your Applitools API Key to your System Environment Variables as APPLITOOLS_API_KEY.<\/li>\n\n\n\n
    4. Now we want to add another action called \u201cGet environment variable\u201d and place it after the \u201cClose window\u201d action.
      \"Using<\/figure><\/figure><\/li>\n\n\n\n
    5. Finally, let’s add one more action, \u201cRun DOS command,\u201d to execute the ImageTester CLI we downloaded above. This is where we\u2019re going to use the API Key we are storing in the EnvironmentVariableValue above.
      \"Using<\/figure><\/figure><\/li>\n\n\n\n
    6. Your final Flow should look similar to this.
      \"The<\/figure><\/figure><\/li>\n\n\n\n
    7. Now let\u2019s run our Flow again! After this execution we should see our images in Applitools as new baselines.
      \"The<\/figure><\/figure><\/li>\n<\/ol>\n\n\n\n

      Testing that is Automated and Visually Perfect<\/h4>\n\n\n\n

      And that\u2019s it! You now have stored baseline images of your application. So whenever your development team makes changes to your application in the future you can run this Power Automate Desktop Flow again to ensure your application still functionally works the same but is also visually perfect!<\/p>\n\n\n\n

      You can see the full Flow in action in the video below:<\/p>\n\n\n\n