插件作用

不需要任何控制台操作,实现方便快捷的调试运行jest代码块,并且为jest代码片段功能,减少jest代码输入量

功能及使用说明

命令面板jest:运行jest命令可以在任何地方运行jest测试文件,具体运行规则受到jest.config.js配置影响,但是在忽略配置文件的情况下遵循如下规则:

在非js文件中运行该命令,包括未打开任何编辑文档的情况下,jest将自动查找文件名带有test字样的文件,运行当中的jest代码块代码,即控制台仅仅自动执行jest命令。
在打开的js文件中运行该命令,jest将查找该文件中所有的jest代码块并运行,即控制台将执行 jest <regexForTestFiles>命令,其中regexForTestFiles为该文件名。
在打开的js文件中并且有选中的test代码名称或者是describe分组名称,jest将执行这些选中名称的测试代码,即控制台将执行如下命令:jest 测试文件全路径 -t "测试代码块名1|测试代码块名2"。
- 提示1:测试块命名不要有正则表达式的转义符号,还有空白符号,因为是直接使用的测试块名称故未做特别处理
- 提示2:vscode多单词选择方式是按住alt键不放,然后继续选择下一个目标单词
- 提示3:vscode多单词选择后鼠标右键可能会取消所有的选择,所以这时候执行多名称选择的最好方式是首先选中多行,然后ctrl+shift+p执行命令jest:运行jest

命令面板jest:调试jest和jest:运行jest基本相同,唯一不同的是jest:运行jest命令不能够在vscode中下断点进行调试,而jest:调试jest可以在vscode中下断点直接调试程序
右键菜单,右键菜单只在js文件中出现,有两个选项调试jest和运行jest
快捷键,插件内置了两个快捷键,因为内置了快捷键,多行选择名称右键将取消选择的问题除了通过命令面板调用外,还可以通过快捷键解决
- ctrl+j ctrl+r运行jest代码块,与命令jest:运行jest相同,j是代表jest,r是代表run
- ctrl+j ctrl+d调试jest代码块,与命令jest:调试jest相同,j是代表jest,d是代表debug
- 快捷键调用方式,首先同时按住ctrl+j不放,等等提示栏显示正在等待按下第二个键的时候,按下r或者d键,分别进行运行或者调试
该插件整合了代码提示,即Jest Snippets,该代码提示块是从市场上andys8的Jest Snippets整合而来,并且将说明翻译成了中文,触发规则也与之相同,具体触发器请浏览附录

Trigger	Content
`exp→`	expect
`expr→`	expect.resolves
`exprj→`	expect.rejects
`tb→`	toBe
`tbct→`	toBeCloseTo
`tbd→`	toBeDefined
`tbf→`	toBeFalsy
`tbgt→`	toBeGreaterThan
`tbgte→`	toBeGreaterThanOrEqual
`tbi→`	toBeInstanceOf
`tblt→`	toBeLessThan
`tblte→`	toBeLessThanOrEqual
`tbn→`	toBeNull
`tbt→`	toBeTruthy
`tbu→`	toBeUndefined
`tc→`	toContain
`tce→`	toContainEqual
`te→`	toEqual
`tse→`	toStrictEqual
`thbc→`	toHaveBeenCalled
`thbct→`	toHaveBeenCalledTimes
`thbcw→`	toHaveBeenCalledWith
`thblcw→`	toHaveBeenLastCalledWith
`thl→`	toHaveLength
`thp→`	toHaveProperty
`tm→`	toMatch
`tmo→`	toMatchObject
`tms→`	toMatchSnapshot
`tt→`	toThrow
`tte→`	toThrowError
`ttems→`	toThrowErrorMatchingSnapshot

Trigger	Content
`cut→`	test a class under test
`jfn→`	jest.fn