Getting Started with AI Recorder

The AI Test Engineer includes an AI Recorder to record test scenarios, generate automation code (Playwright, open-source), run tests, and view reports.

Before You Begin

• Create a BlinqIO account and sign in.
• Install the latest version of BlinqIO Editor on your system.
• Install Visual Studio Code to view generated code on your system.

The Demo Application

To get started, use the AI Recorder to record a Shopping Cart test on our demo shopping website. Once you're familiar with the AI Recorder, you can start testing your own application.

The demo shopping website includes login, product, cart, and checkout pages.

Create a New Project

Let's create a new BlinqIO project for the demo shopping website.

To create a new project:

1. Go to the app.blinq.io/onboarding page.

2. Enter a Project Name. Example: BlinqIO Demo.

3. Enter the URL of the application: https://www.shop-blinq.io/

   

4. Select Create Project. This operation takes about 30 seconds. Once complete, a new BlinqIO project is created for the demo shopping website, and you are redirected to the Features page.

   

Launch AI Recorder

To launch the AI Recorder:

1. Open the BlinqIO Editor on your system.

   

2. Go to your BlinqIO account and select Record Scenario. The application launch page appears.

   

3. Select Continue in the app. The BlinqIO AI Recorder launches alongside a Chromium window with the application under test (https://www.shop-blinq.io).

   Note

   Depending on your network speed, this operation may take additional time.

   

Start Recording Test Steps

You can now start recording your test steps. The AI Recorder is set to Recording Mode upon launch and listens for interactions on the demo shopping website.

For each step you record, the AI Recorder automatically registers the actions and builds the test scenario.

Perform the following test steps on the shopping website:

1. Login with username blinq_admin and password let_me_in.
2. Add products to the cart.
3. Go to the cart page.
4. Select Checkout.
5. Fill out the Shipping Details form.
6. Log out of the shopping website.

Publish Recording

After recording the "Shopping Checkout" test steps, publish the recording to view the generated code and scenario.

To publish the recording:

1. Click Publish, then enter a Feature Name and Scenario Name. For example, Feature: Demo BlinqIO, Scenario: Shopping Cart.

   

2. Click Publish to confirm. The code generation takes a few seconds. You will then see two options:

   • View Code in VS Code: Opens the generated code in Visual Studio Code.

     Not working?

     Ensure the code command is added to your PATH

   • View Scenario in the web app: Opens the generated Gherkin Scenario in your BlinqIO account.

     

Note

The generated code and scenario are automatically synced with your BlinqIO account.

Run Test

After successfully recording the test, you can run it from your BlinqIO project.

To run the Shopping Cart test:

1. Go to the Features page. (This is the same page you accessed when you selected View Scenario in the web app.)

2. Select Run all. The application launch page appears.

3. Select Continue in the app. This launches the BlinqIO Editor and executes your test in a new browser window.

   At the end of the test run, you should see a Command finished, you can exit this window... message in the BlinqIO Editor console.

View Reports

BlinqIO generates detailed reports for all your test runs, including a step-by-step analysis of the test run with screenshots and stats like run duration, execution status, environment, and test data used.

To view the report for your previous test run:

1. Click the report link shown in the Run Console.

2. Click the right-arrow button to view the report.

   Click on a step to expand it and see it's actions. You have screenshots available for each action under a step.

Next Steps

1. Create a new project
2. Add an environment (URL) to your project
3. Record test scenarios using the AI Recorder
4. Run tests
5. View reports