Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>snapshot-toolsNew to Visual Studio Code? Get it now.
snapshot-tools

snapshot-tools

Alexey Svetliakov

|
64,648 installs
| (3) | Free
Helpful tools for snapshot testing
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Typescript snapshots plugin

Language service support for viewing/navigating to your test snapshots

Features

Snapshot content on quick info (hover):

quickinfo

Navigating to snapshot (Go to definition):

navigation

Dynamically constructed test names (Constants only)

dynamic

Configuration

You can configure various plugin settings in tsconfig.json/jsconfig.json file:

{
    "compilerOptions": {
        "plugins": [
            {
                "name": "typescript-snapshots-plugin",
                "snapshotDir": "__snapshots__",
                "snapshotCallIdentifiers": [
                    "toMatchSnapshot",
                    "myMatchSnapshot"
                ]
            }
        ],
    }
}

Look here for available configuration options

Snapshot syntax

Snapshot syntax file was copied from vscode-jest extension. Syntax issues/suggestions must be filled against vscode-jest repo.

Notes

If you're using a workspace version of Typescript, you must configure the TS server plugin manually by following these instructions

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft