Skip to main content

Use Interactive Mode to Build New Test Cases

SmartDriver helps you write tests faster by skipping the need to build selectors for each element. Instead it will pause the test when an element isn't known so you can teach the bot where the element is on the screen.

Enable SmartDriver Interactive Mode​

To enable SmartDriver first set an environment variable to tell SmartDriver to pause tests when it doesn't find an element, which allows you to teach it where those elements are on the screen.

export DEVTOOLSAI_INTERACTIVE=TRUE

You can also set the same variable in your .env file.

.env
DEVTOOLSAI_INTERACTIVE=TRUE

Interactive Mode Quickstart​

The best way to use interactive mode is when writing new test cases. You can start with writing out test steps in your preferred language, using the findByAI$() method for the elements.

Write Out Test Steps​

An example for searching DuckDuckGo would look like the following.

test/specs/example.e2e.js
describe('DDG test', () => {
    it('should enter hello world', async () => {
        await browser.url(`https://www.duckduckgo.com`);
        await browser.findByAI$('searchBox').keys('Hello World');
        await browser.pause(3000);
    });
});

Execute Test​

After enabling interactive mode, run your test as normal. When Dev Tools tries to execute a step where it doesn't see the label, then it will open a new window to allow you to label the element.

Below is an example of this in action: Interactive Test Example