VS Code Extension

FlutterProbe includes a VS Code extension that provides a first-class editing experience for ProbeScript files.

Features

Syntax Highlighting

Full syntax highlighting for .probe files including:

• Keywords (test, recipe, use, before each, after each, on failure)
• Selectors (text strings, #key references, <Type> references)
• Tags (@smoke, @critical)
• Comments
• Block structures (indentation-aware)

Code Snippets

Quick-insert common patterns:

Prefix	Expands to
test	Full test block
recipe	Recipe with parameters
before	before each hook
after	after each hook
onfail	on failure hook
if	Conditional block
repeat	Loop block
examples	Data-driven examples block

Testing view

Tests in .probe files appear in VS Code’s Testing view, with a run button next to each test and in the editor gutter. A run executes the file with probe test --yes --format json and reports each selected test’s pass or fail from the CLI’s report. The CLI has no per-test filter in this version, so a run executes the whole file. The Tests sidebar is unchanged.

Commands

Access via the Command Palette (Cmd+Shift+P):

Command	Description
FlutterProbe: Run Test File at Cursor	Run the file that contains the cursor (the CLI has no per-test filter yet)
FlutterProbe: Run File	Run all tests in current file
FlutterProbe: Lint File	Validate current file syntax
FlutterProbe: Start Recording	Start recording interactions
FlutterProbe: Open Studio	Launch interactive test studio

Installation

From VSIX (local build)

The extension is pre-built in the repository:

code --install-extension vscode/flutterprobe-0.1.0.vsix

From source

cd vscode
npm install
npm run compile

Then press F5 in VS Code to launch an Extension Development Host with the extension loaded.

Configuration

The extension looks for the probe binary on your PATH. If it is installed elsewhere, configure it in VS Code settings:

{
  "flutterprobe.probePath": "/path/to/bin/probe"
}