In the ever-evolving landscape of software development, the need for efficient and effective testing solutions has never been more critical. Today, I am thrilled to introduce , an open-source project that integrates the power of AI into your testing workflow. Auto Playwright How Auto Playwright Streamlines Your Testing Workflow Auto Playwright is designed to run Playwright tests using AI, offering a seamless and intuitive way to automate testing tasks. The setup is straightforward: : Begin by installing the dependency using npm: Installation auto-playwright $ npm install auto-playwright -D : Auto Playwright leverages OpenAI's capabilities. Export the API token as follows: Configuration $ export OPENAI_API_KEY='sk-..." : Import and use the function in your tests: Usage auto import { test, expect } from "@playwright/test";
import { auto } from "auto-playwright"; A Practical Example Consider this scenario: you want to test a web application's search functionality. With Auto Playwright, you can do this with simple, human-like instructions: test("executes query, action and assertion", async ({ page }) => {
  await page.goto("/");

  // `auto` can query data
  // In this case, the result is plain-text contents of the header
  const headerText = await auto(
    "get the header text",
    { page, test },
  );

  // `auto` can perform actions
  // In this case, auto will find and fill in the search text input
  await auto(
    `type "${headerText}" in the search box`,
    { page, test },
  );

  // `auto` can assert the state of the website
  // In this case, the result is a boolean outcome
  const searchInputHasHeaderText = await auto(
    `is the contents of the search box equal to "${headerText}"?`,
    { page, test },
  );

  expect(searchInputHasHeaderText).toBe(true);
}); Testing User Registration Imagine automating a user registration process. You can instruct Auto Playwright to navigate to the registration page, fill in the user details, submit the form, and then verify the success message. For example: test("User registration", async ({ page }) => {
  await auto("go to registration page", { page, test });
  await auto("fill in name, email, and password", { page, test });
  await auto("submit the registration form", { page, test });
  const registrationSuccess = await auto("is there a 'Registration successful' message?", { page, test });
  expect(registrationSuccess).toBe(true);
}); Complex Navigation and Data Retrieval Auto Playwright can navigate through a series of pages and retrieve specific information. For instance, testing a shopping cart feature might involve adding items to the cart, navigating to the cart page, and confirming the items and prices. test("Shopping cart functionality", async ({ page }) => {
  await auto("add item 'X' to cart", { page, test });
  await auto("go to shopping cart page", { page, test });
  const itemsList = await auto("list all items in the cart", { page, test });
  const totalPrice = await auto("what is the total price?", { page, test });
  expect(itemsList).toContain('Item X');
  expect(totalPrice).toMatch(/\$\d+/);
}); Integrating AI into Daily QA Work In quality assurance (QA) and software testing, people often ask, "How do you use AI every day in your work?" Before, there weren't many clear examples. But now, is changing that. It brings AI right into the heart of test automation. This means QA experts can use AI to make test development much faster and more efficient. Auto Playwright does more than just automate usual tasks. It changes the way we think about testing. It makes it easier to run even the most complex tests smoothly and dependably. For the first time, using AI in QA work really speeds things up and makes tests more accurate and thorough. Auto Playwright Limitations of Auto Playwright Auto Playwright is innovative but not yet a full replacement for traditional testing due to slower AI processing times and the cost of API calls. While it's not ideal for high-frequency testing, it excels in speeding up test development and assisting in writing tests. It's best used for less frequent, detailed testing scenarios rather than constant, large-scale use. How Auto Playwright Works Auto Playwright operates by harnessing the capabilities of OpenAI's technology to transform plain text instructions into a series of function executions. Here's a closer look at its workflow: : You begin by writing tests in simple, plain text. These instructions describe the actions or checks you want to perform on your web application, like "click the login button" or "verify the page title". Plain Text Instructions : Auto Playwright uses the OpenAI SDK, specifically the feature, to interpret these instructions. This tool analyzes the text and determines the necessary functions that need to be executed to perform the described tasks. Translation by OpenAI SDK runFunctions : Once the plain text is translated, Auto Playwright carries out the sequences of functions on the web application. This might involve interactions like clicking, filling out forms, navigating to different pages, or fetching and verifying content. Function Executions : As these functions are executed, Auto Playwright provides feedback or results based on the actions performed. This might include confirmation of successful actions, data retrieved from the page, or the results of checks and assertions made. Feedback and Results In essence, Auto Playwright acts as an intelligent intermediary between your plain text commands and the complex code required to automate web testing, making the process more intuitive and accessible. Why Auto Playwright? : Auto Playwright allows for rapid creation of tests using plain text prompts, significantly reducing the time and effort required in traditional methods. Ease of Implementation : It supports every browser that Playwright does, ensuring wide compatibility. Flexibility with Supported Browsers : You can fine-tune your testing with additional options like enabling debug mode or choosing an OpenAI model. Customizable Options : From actions like clicking links to queries and assertions, Auto Playwright covers a wide range of testing needs. Diverse Functionality : This library is free, with the only costs arising from OpenAI usage, which are minimal due to HTML sanitization. Cost-Effective Getting Started To get started with Auto Playwright: : Install the package and set up your . Follow the Setup Instructions OpenAI API key : Utilize the function with clear, descriptive prompts. Write Your Tests auto : Execute your tests and observe the AI-driven automation in action. Run and Observe Join the Auto Playwright Community I encourage you to try out the library in your projects and see the difference AI-driven testing can make. Your feedback and contributions are invaluable; together, we can continuously improve and evolve Auto Playwright. Try it, test with it, and join our community in shaping the future of AI-powered test automation. Discord GitHub Newsletter Conclusion: A Step Forward in Test Automation represents not just a tool but a leap forward in the way we approach test automation. It democratizes testing by making it more accessible, less cumbersome, and more aligned with the dynamic nature of web development. As the digital landscape continues to evolve, tools like Auto Playwright will be at the forefront, shaping the future of testing and development. Auto Playwright This is the future of test automation - simplified, efficient, and powered by AI. Also published . here

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

Too Long; Didn't Read

Making security fun one episode at a time

Revolutionizing Playwright Tests with AI

Too Long; Didn't Read

Luc Gagan

STORY’S CREDIBILITY

Code License

Guide

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Revolutionizing Playwright Tests with AI

Too Long; Didn't Read

Luc Gagan

STORY’S CREDIBILITY

Code License

Guide

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES