Skip to content

VS Code Extension

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

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)

Quick-insert common patterns:

PrefixExpands to
testFull test block
recipeRecipe with parameters
beforebefore each hook
afterafter each hook
onfailon failure hook
ifConditional block
repeatLoop block
examplesData-driven examples block

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

CommandDescription
FlutterProbe: Run TestRun the test at cursor
FlutterProbe: Run FileRun all tests in current file
FlutterProbe: Lint FileValidate current file syntax
FlutterProbe: Start RecordingStart recording interactions
FlutterProbe: Open StudioLaunch interactive test studio

The extension is pre-built in the repository:

Terminal window
code --install-extension vscode/flutterprobe-0.1.0.vsix
Terminal window
cd vscode
npm install
npm run compile

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

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"
}