SpecsCore

This VS Code extension allows you to navigate from locators in .feature files to their definitions in CSS properties files within SpecsCore projects by using Command+Click (Ctrl+Click).

Features

• Navigate from locator names in .feature files to corresponding .css.properties files using Command+Click
• Automatic locator definition discovery
• User-friendly error messages

Usage

1. Open a .feature file
2. Command+Click (macOS) or Ctrl+Click (Windows/Linux) on a locator name in a line with this format:

   When I click a 'LocatorName' 'xpath' with dynamic locator on the 'fileName'
   

3. The extension will automatically open Locators/fileName.css.properties file and navigate to the LocatorName definition

Supported Format

The extension supports this pattern:

When I click a 'LOCATOR_NAME' 'xpath' with dynamic locator on the 'FILE_NAME'

• LOCATOR_NAME: The locator name to search for in the CSS properties file
• FILE_NAME: The name of the .css.properties file in the Locators/ folder

File Structure

The extension supports SpecsCore project structure:

workspace-root/
├── SpecsCore.ProjectA/
│   ├── Features/
│   │   └── *.feature
│   └── Locators/
│       └── *.css.properties
├── SpecsCore.ProjectB/
│   ├── Features/
│   │   └── *.feature
│   └── Locators/
│       └── *.css.properties
└── SpecsCore.{AnyProjectName}/
    ├── Features/
    │   └── *.feature
    └── Locators/
        └── *.css.properties

Installation

1. Install the extension from VSIX file: code --install-extension specscore-v1.0.0.vsix
2. Or install via VS Code Extensions panel: Extensions > Install from VSIX...
3. The extension will automatically activate when you open .feature files in SpecsCore projects

Development

The extension is developed using Node.js and VS Code Extension API.

Requirements

• VS Code 1.74.0 or higher
• Node.js

Testing

You can test by Command+Click on any locator name in a .feature file within a SpecsCore project.