Getting Started with AI Recorder

The AI Test Engineer includes an AI Recorder that lets you record test scenarios, generate Playwright-based automation code, 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. If you're familiar with the AI Recorder, you can test 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.

To create a new project:

• Go to the BlinqIO Onboarding page.

• Choose one of the following options:

  • Use a Demo App(Recommended): BlinqIO provides a demo application you can use to quickly get started.

    Check the checkbox to select this option.

  
  • Enter your own URL: Provide the URL of your application.
  

• Enter a Project Name: By default, the AI suggests a project name, but you can edit it if needed.

Example:

​ BlinqIO Demo

4. Click Create.

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 Dashboard page.

Launch AI Recorder

To launch the AI Recorder:

1. Open the BlinqIO Editor on your system.

   

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

   

3. Record the test scenario locally on your machine using the BlinqIO Editor. This option is ideal for testing local or private sites.

   • To use this option, click Download editor if you haven't installed it yet.

     TIP

     ​ Refer to the Installation Guide for installation steps.

   • After installation, click Start recording.

   

   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 1 to 2 minutes.

   

Start Recording Test Steps

The AI Recorder launches in Recording Mode by default, ready to capture 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.

Note

Ensure the Recorder is active before performing the steps. You can pause and resume recording as needed.

Generate Code & Save

After recording the "Shopping Checkout" test steps, click Generate code & Save.

• Enter a Feature Name and Scenario Name. The AI suggests names by default. You can edit them if needed.

• Click Continue to view the generated code and scenario.

  

  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 BDD Gherkin format: Opens the generated Gherkin Scenario in your BlinqIO account.

    

    Note

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

    After viewing the code, you can either start a New Recording or Run Scenario.

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. Click Run Scenario. The application launch page appears.

​

3. Click Launch the App. This opens the BlinqIO Editor and executes your test in a new browser window.

​

At the end of the test run, you should see a message in the BlinqIO Editor console:

Command finished, you can exit this window...

View Reports

BlinqIO generates detailed reports for all test runs, providing a step-by-step analysis that includes screenshots, stats like run duration, execution status, environment, test data used, and Console and Network logs.

To view the report for your previous test run:

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

   

2. Click on the details of the Scenario you want to view.

   Click on a step to expand it and view its actions. Screenshots for each action are available under the corresponding step.

   

   Additionally, you can access Console and Network logs for deeper insights and debugging.

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