Suite

Suite is literally a JSON file keeping suite-related targets, groups, test-cases and test-steps.

Create Suite

To create a new project you can press Ctrl+N (⌘N) or click on File / New Suite item in the main menu:

It opens the following modal window:

You need to specify suite name and press Create button. It will create a json file with name built from provided one and open it.

Optionally you can give a custom name to the file. Just click to open Specify filename panel:

Record Suite

After you created anew suite you can either populate it manually or record it. To go with the last option, click on Record button in the footer of Groups panel:

It opens a new window:

Here you can

1) Select viewport

2) Set a color for element highlighting on test pages

3) Enter URL or test page and press ENTER. It will bring you to the specified page:

Now you can interact with the page (click on elements, type in inputs and so on). Any affected element will be automatically registered into targets. But you can right-click (or Ctrl-Shift-click) an element to register it into targets explicitly.

You can also find recorder console below the address bar.

It prints all the user actions intercepted by the recorder. If you hover the console it expands showing you more of the log.

Left to the Create Suite button you can see an icon:

Click it when you need Chrome DevTools.

4) When you are done, click on Create Suite button in the header. That will bring you back to the Groups panel, where you will see a newly created Recorded group:

Let's expand the generated group and the test case:

As you can see our interactions on the page recorded into a valid test case. Now let's switch to Targets panel:

As you can see automatically generated targets named after their selectors. Besides, we have an explicitly specified target (AVATAR)