Coder Social home page Coder Social logo

askui-try-out-yk's Introduction

Open in Gitpod

askui-try-out

Welcome to our demo of askui on Gitpod. We will do the following things:

  1. Explain the moving parts
  2. Open the GUI of the workspace
  3. Observe first askui automation run
  4. Show you where to go from there

When you are ready open this repository in Gitpod with this button:

Open in Gitpod

Moving Parts of This Workspace

First, we will tidy up your workspace as the Visual Studio Code Editor in your browser is cluttered:

  • Hide Sidebar: press CTRL + b (COMMAND + b on macOS)
  • Remove Get Started tab: Left click on the x beneath the tab

Your browser window should look like this afterward:

VSCode setup in Gitpod after hiding sidebar and closing tab Get Started

Open the GUI of the workspace

On startup of this workspace, askui gets installed in the background and the first automation already started!

Click on the tab Simple Browser to see this workspace's GUI (Linux Desktop). What you see is like a real GUI from a physical device, but in the cloud. If you see red boxes like the one in the next picture around elements, it means the automation is ready to run:

Red Box around the mouse on the desktop

You can also resize the tab to have a better viewing experience.

Observe First askui Automation Run

Click in the Simple Browser tab to get the focus into the GUI. Then press ESC on your keyboard and observe that askui moves the mouse, opens Google Chrome, and navigates to a webpage by typing in the URL and pressing ENTER on your keyboard. In between there should be same popups that get clicked away ๐Ÿ˜‰

For better understanding:

askui automates your Operating System as a real human would! With real mouse movement, keystrokes, and visual selection of elements.

If you want to know how the code looks to achieve this, click on the tab my-first-askui-test-suite.test.ts to see the code with comments for each command.

Where To Go Now

You have now seen what simple automation in a remote cloud environment can do.

Head over to our User Portal to register (and use) askui for free on your local machine.

For local installation follow the Onboarding Guide there or head over to our docs Getting Started.

If you need more inspiration we have the following resources for you:

And our Discord-Community to answer any questions.

How to Start with a workspace id and access token?

  • Replace <your workspace id> and <your access token> with your workspace id and your access token in the link below.
  • Then open the link in your browser
  • Your workspace id and your access token

DISCLAIMER: Do not publish the link publicly as it contains your unencrypted credentials!

https://gitpod.io/#workspaceid=<your workspace id>,accesstoken=<your access token>/https://github.com/askui/askui-try-out

Known Issues with Gitpod

I Closed the Simple Browser Window / It is not visible

Go to the ports tab and reopen it as preview or in a separate browser window

Gif showing switch to ports tab and open preview.

Simple Browser Tab/Window does not react to Keystrokes/Clicks

Restart the Gitpod-Workspace.

After Automation Execution you get a Jest Warning

Sometimes you get the following error message after running the automation:

Jest did not exit one second after the test run has completed. 

This usually means that there are asynchronous operations that weren't stopped in your tests. Consider running Jest with `--detectOpenHandles` to troubleshoot this issue.

This is because of the cloud development environment you are in. Focus the terminal and terminate the running process by pressing CTRL+c.

The UiController does not start

Restart the Gitpod-Workspace.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.