> ## Documentation Index
> Fetch the complete documentation index at: https://docs.stably.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# No-code Editor

> Create Playwright-compatible tests 10x faster with Stably's AI-powered no-code editor featuring advanced AI actions and intelligent test generation.

<Note>
  This documentation is for **Stably Classic** web editor capabilities. For the new Stably Web Editor capabilities, see [Capabilities](/stably/capabilities).
</Note>

Stably's AI-powered no-code editor empowers you to create Playwright-compatible tests with the same capabilities but 10x faster, while offering advanced AI actions that extend beyond Playwright's standard interactions.

<Frame>
  <iframe
    src="https://www.loom.com/embed/2b1bc7a09f40491da057a37976add90f?sid=ad40e447-32c1-4cda-95a6-f2704b26c234"
    style={{
  width: '100%',
  aspectRatio: '16/9',
  border: 'none',
  borderRadius: '8px'
}}
  />
</Frame>

## Add Actions

You can easily record test steps or directly search for specific actions from our comprehensive action library.

<Frame>
  <img src="https://mintcdn.com/stablyai/kbD1mPIS9Ksvjr53/images/no-code-editor/list-of-actions.png?fit=max&auto=format&n=kbD1mPIS9Ksvjr53&q=85&s=56995223e23d7caa352b43d67a88de3c" alt="List of Available Actions" width="50%" data-path="images/no-code-editor/list-of-actions.png" />
</Frame>

For more complex testing scenarios, leverage our AI co-pilot to intelligently generate and optimize test steps with minimal effort.

## Generate Test Steps with AI Co-Pilot

You can use the AI co-pilot to generate test steps, especially for filling out forms or other tedious scenarios.

<Frame>
  <img src="https://mintcdn.com/stablyai/kbD1mPIS9Ksvjr53/images/no-code-editor/ai-generate.gif?s=9ab4c0f786fd89d215e9eda603b3519e" alt="AI Co-Pilot Content" width="376" height="404" data-path="images/no-code-editor/ai-generate.gif" />
</Frame>

## Move Recorder Cursor

Stably lets you move the cursor to any step while recording a test. This allows you to switch between editing and previewing from any step in the test.
No need to restart the VM just to make a small change.

<Frame>
  <iframe
    src="https://www.loom.com/embed/e680c6cd8e0b4821849056ef798c4d44?sid=a70e176a-b215-48b7-b873-c5ef74295e1e"
    style={{
  width: '100%',
  aspectRatio: '16/9',
  border: 'none',
  borderRadius: '8px'
}}
  />
</Frame>

## Add Custom Code

Stably provides advanced testing flexibility through custom JavaScript implementation in two primary scenarios:

1. **Playwright Code Execution**

Create custom steps or operations by directly implementing Playwright code, enabling more complex and specialized test scenarios that may require custom logic or handling.

2. **Dynamic Value Generation**

Generate dynamic input values or variables programmatically using JavaScript, allowing your tests to work with realistic, varied data instead of static values.

<Frame>
  <img src="https://mintcdn.com/stablyai/kbD1mPIS9Ksvjr53/images/no-code-editor/custom-code.png?fit=max&auto=format&n=kbD1mPIS9Ksvjr53&q=85&s=7de09844d762803abc932f1e7a91d16b" width="1124" height="852" data-path="images/no-code-editor/custom-code.png" />
</Frame>

**Supported Libraries and Resources**

* **Faker.js:** Leverage the [Faker.js](https://fakerjs.dev/api/) library to generate realistic mock data for your tests, including names, addresses, emails, and more

* **Pre-defined Variables:** Access test context and environment data through pre-defined variables using the `VARS` object

* **Standard JavaScript Libraries:** Utilize built-in JavaScript libraries such as `Math` or `Date` for calculations, formatting, and time-based operations

## Iframes

Stably is compatible with iframes out of the box, allowing you to seamlessly test applications that use embedded content or third-party integrations without additional configuration.

## Tabs

Stably supports testing with multiple tabs, allowing you to switch between tabs and record actions across different tabs with ease. Stably AI maintains context awareness of each tab, enabling intelligent navigation and seamless test recording across your multi-tab workflows.

## Comprehensive Capabilities

Stably's no-code editor supports all the interactions you need to test modern web applications.

### Basic Actions

* **Click**
* **Hover**
* **Scroll (on the page)**
* **Navigate**
* **Wait for a Duration**
* **Reload Page**
* [Add Custom Code](/platform-capabilities/custom-code)
* [Conditionals](/platform-capabilities/conditionals)
* [Define a Variable](/platform-capabilities/variables)

### Element-based Actions

For interactions that take place on a certain element, right click on the element while recording to access element-based actions.
When you submit the action, Stably will save the locator for the element, so that replaying the action will use the same element.

* **Fill**
* **Clear**
* **Double-click**
* **Right-click**
* **Hover**
* **Drag-and-Drop**
* **Scroll (on an element)**
* **Press a key**
* **Type**
* [Relative Mode for Canvases](/guides/interacting-with-canvases)

<Frame type="glass">
  <img src="https://mintcdn.com/stablyai/CPAC6LUnRBWR0_v-/images/no-code-editor/record-fill-action.gif?s=fc10eb432bf61e45e1145e33ca19e811" alt="Recording Fill Action" width="2558" height="1324" data-path="images/no-code-editor/record-fill-action.gif" />
</Frame>

### Assertions

* **To Be Visible**
* **To Contain Text**

<Frame type="glass">
  <img src="https://mintcdn.com/stablyai/CPAC6LUnRBWR0_v-/images/no-code-editor/assert-tab.png?fit=max&auto=format&n=CPAC6LUnRBWR0_v-&q=85&s=e537b55412a9af6876e745bd9d5b0799" alt="Assertion Interface" width="289" height="298" data-path="images/no-code-editor/assert-tab.png" />
</Frame>

### AI Actions

* [Act](/platform-capabilities/ai-action)
* [Assert](/platform-capabilities/ai-assertion)
* [Extract](/platform-capabilities/variables#2-extract-from-the-current-page)