beta
←All posts
Release

Introducing TestioAI beta

Announcing the beta release of testio.ai, featuring an AI-powered element inspector that generates reliable selectors instantly for any Framework or Language.

TATestio AI
5 minutes read

We're excited to announce the beta release of testio.ai, an AI-powered toolkit designed to revolutionize how web testers work with element locators. Our first major feature, the AI Inspector, addresses the common challenges testers face when working with modern web applications.

testio.ai Demo

The Challenge of Modern Web Testing

Today's web applications present unique challenges for test automation:

Dynamic and Unstable Elements

Modern frameworks like React, Angular, and Vue.js often generate dynamic attributes that change on page loads or interactions. This makes traditional locator strategies unreliable and requires constant maintenance.

Ambiguous Element Identification

Many applications lack consistent unique identifiers, forcing testers to rely on brittle locators like complex XPath expressions or lengthy CSS selectors.

Complex DOM Structures

Modern web apps utilize deeply nested elements and shadow DOMs, making it challenging to create reliable element selectors that withstand UI changes.

Introducing the AI Inspector

The AI Inspector is our solution to these challenges. It's an intelligent system that combines real-time DOM analysis with AI-powered suggestions to help engineers create maintainable automated tests.

Key Features

1. Multi-Strategy Locator Generation

  • Test ID-Based: Utilizing custom data attributes
  • Accessibility-First: Leveraging roles and ARIA attributes
  • Context-Aware: Understanding element relationships
  • Framework-Optimized: Generating framework-specific best practices

2. Cross-Framework Support

// Playwright
page.getByRole('button', { name: 'Submit' })
 
// Selenium
driver.findElement(By.xpath("//button[text()='Submit']"))
 
// Cypress
cy.contains('button', 'Submit')

3. Multiple Programming Languages

  • TypeScript/JavaScript
  • Python
  • Java
  • C#

How It Works

  1. Install the Extension

    • Add testio.ai to Chrome
    • Pin it to your toolbar for easy access

  2. Select Your Stack

    • Choose your testing framework
    • Pick your programming language
    • Set your preferences

  3. Start Inspecting

    • Click the inspector button
    • Hover over any element
    • Get instant AI-powered suggestions

  4. Generate and Save

    • Copy framework-specific code
    • Save elements for future use
    • Organize with tags and workspaces

Security and Privacy

At testio.ai, we take your data security and privacy seriously:

Authentication & Access

  • Secure authentication through GitHub OAuth
  • Session management with secure tokens

Data Storage & Control

  • DOM structures are only stored when you explicitly save elements
  • Full control over your saved elements - save or delete them anytime
  • Data is encrypted at rest and in transit
  • Regular backups with secure retention policies

AI Processing

  • Real-time analysis using state-of-the-art LLM technology
  • Processing happens on secure, isolated environments
  • No training on your private data

We believe in being transparent about how we handle your data. For detailed information about our security practices, please contact us at hello@testio.ai.

Beta Program Details

During our beta phase, we're offering:

Usage Limits

  • Daily Tokens: 100,000 tokens per day

What's a Request?

A request is counted each time you use the Analyze with AI feature to process an element and generate locators. Each request consumes tokens based on complexity.

Why Choose testio.ai?

Reliable Selectors

  • AI-Powered Analysis: Our LLM analyzes DOM structure to generate the most stable selectors
  • Context-Aware: Understands parent-child relationships and element hierarchy
  • Multiple Strategies: Generates various selector options (test-id, aria, xpath) for maximum reliability
  • Self-Healing: Suggests alternatives when primary selectors become unstable

Multi-Framework Support

  • Framework Agnostic: Works seamlessly with Selenium, Playwright, Cypress, and WebDriverIO
  • Best Practices: Follows each framework's recommended selector strategies
  • No Lock-in: Switch between frameworks without rewriting selectors
  • Future-Ready: Regular updates to support new framework versions

Language Flexibility

  • Multiple Languages: Generate code in TypeScript, Python, Java, and C#
  • Language-Specific Patterns: Follows idiomatic patterns for each language
  • Clean Code: Generates well-formatted, maintainable code
  • Easy Integration: Fits into existing test suites regardless of language

Time-Saving Features

  • One-Click Generation: Instant selector generation for any element
  • Save & Reuse: Store commonly used elements for quick access
  • Smart Suggestions: AI recommends the most appropriate selectors based on context

Let's make web testing more reliable and efficient together! 🚀

Join the Beta

We invite web testers and automation engineers to join our beta program. Your feedback will help shape the future of web testing productivity.

How to Participate

Step 1: Add testio.ai to Chrome

  1. Open this Beta Version.
  2. Install the profile certificate.
  3. Restart the Chrome browser.
  4. Download the extension.
  5. Click the Add to Chrome button.
  6. Confirm by clicking Add Extension in the pop-up.

Step 2: Pin testio.ai to the Toolbar

  1. Once installed, a new tab page will be shown along with a notification.
  2. Click the Extensions icon (puzzle piece 🧩) in your Chrome toolbar.
  3. Locate testio.ai in the list.
  4. Click the pin icon 📌 to keep the extension visible in your toolbar.

Step 3: Sign In

  1. Click Sign in with GitHub in the extension page.
  2. Use your credentials to log in and access all features.

Step 4: Open testio.ai

  1. Navigate to any website where you want to inspect web elements.
  2. Click the testio.ai icon in your Chrome toolbar.
  3. The extension panel will open on the right-hand side of your browser.

Step 5: Start Using the Inspector

  1. Choose your preferred test framework (e.g., Selenium, Cypress) and programming language (e.g., Java, Python).
  2. Click on Start Element Inspection to activate the tool.
  3. Select any HTML element on the page to generate AI-powered locators instantly.

🎉 You're all set! Start inspecting, generating locators, and boosting your testing productivity with testio.ai. 🚀

Contact us at hello@testio.ai for support or feedback.

What's Next?

During the beta, we'll be:

  • Gathering user feedback
  • Fixing bugs
  • Adding new frameworks and languages
  • Improving AI suggestions
  • Building next awesome features

Resources

Ready to try testio.ai? Install the Chrome Extension today and start generating better locators instantly.