Tekion VOC Suite — VS Code Extension

The centralized VOC engineering extension for VS Code. It bundles VOC tooling as individual tools under one Marketplace listing; more tools will be added over time.

Included tools

User Journey Navigator

Navigate, visualize, and compare vocUserJourney test definitions in your automation codebase against DRIVE. See Features below for details.

Installation

From the Marketplace

Search for Tekion VOC Suite (publisher Tekion-voc) in the VS Code Extensions panel and install.

From a .vsix file

1. Open VS Code
2. Go to the Extensions panel (Cmd+Shift+X)
3. Click the ··· menu at the top-right of the Extensions panel
4. Select Install from VSIX…
5. Choose the tekion-voc-suite-<version>.vsix file

Reload

Press Cmd+Shift+P → type Reload Window → Enter

Open your workspace

Open any project folder that contains a tests/ directory with vocUserJourney definitions, in any subfolder layout. The User Journey Navigator tool activates automatically.

Features

1. Auto Discovery

Scans all .ts files under any tests/ directory in your workspace on startup, matching the glob **/tests/**/*.ts. Journeys are discovered no matter how the folders under tests/ are organised — including nested subfolders (e.g. src/<anyFolder>/tests/<group>/<subgroup>/*.ts). Automatically re-scans when test files are added, changed, or deleted.

The discovery glob is configurable via the userJourneyNavigator.testGlob setting (default: **/tests/**/*.ts).

2. Sidebar Panel

A dedicated User Journeys panel appears in the VS Code Activity Bar. All discovered journeys are listed with their testId, title, priority, author, and groups.

3. Three Grouping Modes

Toggle between views using the toolbar buttons inside the panel:

• Group by File (default) — organises journeys by filename → describe block → journey
• Group by Priority — groups all journeys under P0, P1, P2, etc.
• Group by Tag — groups journeys by their group array values (e.g. service, e2e)

4. Color-coded Priority Icons

Each journey displays a colored badge indicating its priority:

5. Navigate to Journey

Click any journey entry in the panel → VS Code opens the file and moves the cursor directly to the vocUserJourney(...) definition.

6. Persona Detection

For each journey, the extension automatically detects all personas involved via rolePages.getArcPage(...) calls in the test body. Journeys with personas show a 👥 count badge.

7. Navigate to Persona

Expand a journey node to see all personas listed as child items (purple person icon, with line number). Click any persona → jumps directly to that rolePages.getArcPage(...) line in the file.

8. Inline Persona Button

Hover over any journey that has personas — a $(account) button appears inline. Clicking it opens a Quick Pick listing all personas in that journey. Selecting one navigates to its exact line.

9. Rich Tooltips

Hover over any journey to see a full metadata summary: testId, title, priority, author, groups, personas, and filename.

10. Manual Refresh

Click the ↻ Refresh button in the panel toolbar to re-scan the workspace on demand.

Configuration