DrCode UI Testing Automation

Overview

DrCode is a “Text-to-Test” platform developed as an in-house product at Airia. It enables users to articulate test scenarios in natural language, and the system automatically executes the tests and generates corresponding executable Playwright scripts.

Key Features

Natural Language to Playwright Scripts

• Write tests in plain English
• AI interprets intent and generates robust selectors
• Outputs executable Playwright code for CI/CD integration

Real-Time Execution Feedback

• Designed real-time feedback loop using Socket.IO
• Watch browser automation live via web interface
• Debug tests as they execute

AI-Powered Adaptation Layer

• Handles dynamic UI changes automatically
• Reduces test script maintenance overhead significantly
• Self-healing tests that adapt to DOM changes

Technical Architecture

How It Works

// Natural language input
"Check that the login form accepts valid credentials and shows the dashboard";

// AI generates executable Playwright test
test("login flow", async ({ page }) => {
  await page.fill('[data-testid="email"]', "user@example.com");
  await page.fill('[data-testid="password"]', "password123");
  await page.click('[data-testid="submit"]');
  await expect(page).toHaveURL("/dashboard");
});

Core Components

• LangChain: Natural language understanding and test generation
• Playwright: Browser automation framework
• Socket.IO: Real-time bidirectional communication
• OpenAI: LLM for test interpretation

Impact

• Reduced test creation time from hours to minutes
• Lower maintenance burden with self-adapting tests
• Improved test coverage across applications
• Better developer experience with live test visualization

Technologies Used

Playwright Node.js Socket.IO LangChain TypeScript OpenAI Express React