Posted on Leave a comment

Logins and Passwords

Your Website requires authentication

Enter Login and Password in URL of the website under test as follows:

https://<user>:<password>@example.com.

  1. Open Test Settings.
  2. Enter URL, including your Login and Password;
    or
  1. Click as a new test step.
  2. Enter URL, including your Login and Password.

Your Website shows Password dialog

Make sure you are in mode.
Make sure the entry field is active.

  1. Click to enter Login.
  2. Enter Login and press [ENTER] to confirm the action.
  3. Press [TAB].
  4. Click to enter Password.
  5. Enter Password and press [ENTER] to confirm the action.

Please notice

If your user name is an e-mail address, you will need to encode the @ symbol before you can include it in the URL. To do this, simply replace the “@” with “%40”.

Posted on Leave a comment

Insert Tags

Use Tags to structure your test cases and find a desired set of actions quickly.
Tags can be inserted in the beginning, during or after test case creation like any other action.

Make sure the Editor is in mode.

  1. Click on .
  2. Type in a name for the Tag.
  3. Press [ENTER] to confirm and record the action.

Posted on Leave a comment

Swipe

Swipe

The Editor supports mouse actions to perform and record Swipe on the Device screen.
Once you click, a unique anchor area is automatically defined around it and the action can be recorded.

To record a horizontal or vertical Swipe:

Make sure the Editor is in mode.

  1. Press left button of mouse on the Device Screen where the swipe shall start
  2. Drag down or to sides
  3. Release the mouse button where the swipe ends. The action will be played automatically and be recorded in Action List.

Please notice

Use Swipe for swiping, scrolling and selecting content on the Device Screen. For more information on these functions, check corresponding documentation section.

Posted on Leave a comment

Text inputs

To enter and send text inputs to the Test Device:

Make sure the Editor is in mode.

Make sure the entry field on the Device Screen is active.

  1. Click on on Editor menu.
  2. Type the text with your keyboard.
  3. Press [Enter] on your keyboard to send the input to the Test Device.

Please notice

As an advanced user you can skip pressing .
Just type in the text and press [Enter] to confirm and play the action.

Posted on Leave a comment

Change URL, Switch between Tabs

In some cases, it is needed to perform browser actions like navigate to new Tab or directly input a new URL.

Change URL

Make sure the Editor is in mode.

  1. Click on .
  2. Type in a new url with your keyboard (for ex. www.google.com)
  3. Press [Enter] to send the input to the Test device. A new URL will be opened in new Tab.

If you open a new Tab by clicking the link on the test device, a new Tab will be opened by default.

Switch between the Tabs

To switch between previously opened URLs:

Make sure the Editor is in mode.

  1. Click on .
    If you have more then two Tabs, click until you see the needed page. The URLs will switch in rotation as opened.

Please notice

When a new page opens in a new tab, but the current page will not have any reference to it, new Tab will be not opened automatically.
Click    to open link in a new tab .

Posted on Leave a comment

Scrolling

The scrolling of the Device Screen has to be scheduled as an action. For scrolling, you have two main options: use Editor menu or Keyboard input.

Optionally you can scroll by Mouse clicks.

Editor menu in Insert mode

The buttons on Editor Menu repeat keyboards commands.

Make sure the Editor is in mode.

  1. Click on on Editor Menu.
  2. Choose keys to scroll the page up and down, or choose more keys.

To scroll to a precise position on the device screen, click and enter number of pixels.

Keyboard

Make sure the Editor is in mode.

Editor menu in Insert mode
  1. Press the following keys on your keyboard to scroll:

    [UP] Scrolls the page a few pixels up.
    [DOWN] Scrolls the page a few pixels down.
    [PAGE UP] Scrolls a whole page up.
    [PAGE DOWN] or [SPACE] Scrolls a whole page down.
    [HOME] Scrolls to the top of the page.
    [END] Scrolls to the end of the page.

Mouse Swipe

To scroll the page down using mouse, schedule a swipe on the scroll bar.

Make sure the Editor is in mode.

  1. Press left button of mouse on the Device screen and drag it down to a needed end point – the start and end of segment is marked with orange line
  2. Release the button

Posted on Leave a comment

Editor Elements

The three parts of testup.io Editor are:

1. Test Device

The browser window of your website you like to test on the chosen device.

2. Action List

Actions (checks and inputs) are the steps of a test case. An action is either

  1. Check of anchor area and input an action with it or
  2. Keyboard inputs.

3. Editor menu

The interaction panel where you add, configure and run test case steps.

Display screen

Test Device

Test Device displays your website on a Device Screen chosen by you in test case settings. The actions you add during creating a test case are also displayed on a Device Screen. The visible actions are:

  • drawing an anchor area
  • performing a click
  • performing a swipe
  • selecting sections of you website

On the device screen you see the results of all checks and inputs.

Anchor Area (fail and pass)

The core of testing is the definition of anchor areas. If the reference image in the anchor area is not found on the Test device, the test status returns fail. If all anchor areas of a test were found during a run, the test status returns pass.

Marked left is a click input which follows after the anchor image “magnifying glass” has been found.

Action list

Action list provides you with detailed information before, during or after recording a test step.

  • Definition of the recorded action (check, swipe, press key etc.)
  • an image of anchor area
  • hint tabs for a new action
  • navigation inside the test (playing next, play to here, insert new action)
  • three dots menu

Three dots menu

It is a useful feature for all modes when you need to play or add a certain action. Use three dots menu to

  • jump to needed test step
  • split test
  • disable a test step
  • delete a test step

Editor menu

Editor menu consists of sections that are easy to navigate: , , , , modes, and buttons.

Play mode

Testup runs the steps of the test case on Test Device. Similar to a video player, you can control the execution using the , , and buttons.

Insert mode

Editor switches to mode when you need to add a new step.

Use the interaction panel of mode to add such actions as:

  • Enter text
  • Password
  • Keyboard (virtual keyboard with basic commands)
  • Scroll
  • Copy, Paste and more keys such as Select All, Cut, Copy, Paste
  • Wait
  • Open URL
  • Browser actions such as Refresh, Next Tab, Back, Forward
  • Tag
Insert mode to insert a test step

Edit mode

In mode you can edit and configure actions after the anchor area was successfully recorded.

  1. Clicks
  2. Swipes
  3. Hover
  4. OCR
  5. Find

If anchor area was not found and test step fails, use mode to fix test case and create such actions as:

  1. Play it
  2. Delete a test step
  3. Cut & Keep a test step
  4. Enable/ Disable a test step
  5. Timeout
  6. Retake Image

If anchor area can only be found in a specific setting (browser, language, environment, etc.), use branch selector in mode to assign it to a specific branch.