Jest Test Language Support

Jest Test Language Support provides syntax highlighting for your Jest global & lifecycle functions, and matchers.

Features

• Syntax highlighting for Jest test files
• Supports .spec & .test for JS, JSX, Typescript

How to Setup Custom Themes

1. Open Preferences: Open Settings (JSON) from the Command Palette in VSCode

2. Add custom styles to your theme of choice:

   {
       "editor.tokenColorCustomizations": {
           "[ThemeNameGoesHere]": {
               "textMateRules": [
                   {
                       "scope": "your.scope.selector",
                       "foreground": "#8d8feb",
                       "fontStyle": "bold"
                   },
                   ...
               ]
           }
       }
   } 
   

Example Theme Config

Scope Selectors

Below is a list of of scope selectors that can be used to set custom syntax color and font style.

Check out this VS's Syntax Highlighting Guide
if you want to learn more about TextMate scope and selectors

Matchers

• All matchers listed https://jestjs.io/docs/en/expect, that start with a . are covered in jest-matcher.[name]

Related Links

Jest Test Language Support - VSMarketplace
vscode-jest
Jest Snapshot Language Support