Ctrlk
WebsiteHelp DeskApp Login
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Create and run your first Flow

Build your first Flow with Open, Touch, and Check, starting in the Scenario editor and finishing in the Flow Builder.

In a few minutes you can open a page, touch a control, check that something is displayed, and see the result. You start in the Scenario editor, because that is where DoesQA opens a new Flow. You then switch to the Flow tab to finish the same test in the Flow Builder, where creating Elements is clearest.

What you need

  • A website URL you can reach from the internet, such as your staging site or a public page

  • One clickable control on that page

  • Something that should be displayed after the click, so you can check it

Build the Flow

1

Open a Flow

Select Flows in the left navigation.

If your account already has My First Flow, open it. Otherwise select Create flow, enter a Title and Url, then save.

DoesQA opens the Flow in the Scenario tab. That is the Scenario editor.

2

Set the Open step

The first line is always Open. It should look like:

Open https://your-site.example on Chrome

If the URL is wrong, click the URL part of the sentence and update it. Changes save as you work.

Open Test Step
Open
3

Open the Flow Builder

Select the Flow tab.

The Scenario editor and the Flow Builder share the same Test Steps. The canvas shows the Open step you already set, so you are not starting again. The next steps use the canvas so you can create Elements as you add them.

4

Add Touch and create an Element from a Description

Drag Touch from the step library onto the canvas, below Open, so the steps connect.

Touch Test Step
Touch

  1. Open the Touch step.

  2. Keep Type as Element.

  3. Choose + next to Element to create one.

  4. Set a clear Title, such as Primary CTA.

  5. Set Element configuration to Automatic.

  6. In Description, describe the control in plain language, for example Yellow login button in the top right.

  7. Save the Element, then save the step.

DoesQA generates a Selector from your Description. You can switch the Element to Manual later if you want to edit the Selector yourself.

5

Add Check displayed with a CSS Element

Drag Check displayed below Touch.

Check displayed Test Step
Check element displayed

  1. Open the Check displayed step.

  2. Choose + next to Element.

  3. Set a Title, such as Welcome heading.

  4. Set Element configuration to Manual.

  5. Set Type to CSS.

  6. Enter a Selector for the Element that should appear after the touch, for example #welcome or [data-testid="welcome"].

  7. Save the Element, then save the step.

6

Run the Flow

Select Run Flow in the toolbar.

DoesQA saves the Flow, starts a Run, and opens the Results tab. Follow Understand your results to read what came back.

Pro tip: Use Preview Tests from the toolbar menu while you are still editing. It is a fast way to check the Flow before a full Run.

The finished Flow

Open, Touch, and Check element displayed connected as a simple Flow

From here you can rearrange steps on the canvas, add Flow Branches, and grow the Flow into fuller coverage.

Related

PreviousDoesQA conceptsNextUnderstand your results

Last updated