Skip to content

Commit 6168845

Browse files
equimanequiman
authored
Merge pull request #1 from deinsoftware/dev
add userEvents and Queries snippets
2 parents 550d5a7 + 3c39b07 commit 6168845

File tree

9 files changed

+143
-22
lines changed

9 files changed

+143
-22
lines changed

‎.github/social/preview.png‎

-131 Bytes
Loading

‎.vscode/settings.json‎

Lines changed: 10 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,19 @@
11
{
22
"cSpell.words": [
3-
"cfrv",
3+
"beus",
44
"deinsoftware",
55
"Equiman",
6+
"gabr",
7+
"gabro",
8+
"gbrc",
9+
"gbrcc",
10+
"gbrh",
11+
"gbrhl",
12+
"gbro",
613
"github",
7-
"mrvo",
14+
"itrh",
15+
"itue",
816
"paypal",
9-
"tbct",
10-
"tbgt",
11-
"tbgte",
12-
"tbid",
13-
"tblt",
14-
"tblte",
15-
"thbc",
16-
"thbct",
17-
"thbcw",
18-
"thblcw",
19-
"tmis",
20-
"ttemis",
21-
"ttems",
22-
"vfrv",
2317
"volta"
2418
],
2519
"markdownlint.config": {

‎CHANGELOG.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,13 @@ Fixed for any bug fixes.
99
Security to invite users to upgrade in case of vulnerabilities.
1010
-->
1111

12+
## 0.0.2 - 2023/04/05
13+
14+
### Added
15+
16+
- user event snippets
17+
- queries snippets
18+
1219
## 0.0.1 - 2023/04/04
1320

1421
### Added

‎README.md‎

Lines changed: 26 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,8 @@ The quick and easy way to create and use Testing Library with [VS Code](https://
2121
- [Supported Languages](#supported-languages)
2222
- [Snippets](#snippets)
2323
- [Import](#import)
24+
- [User Event](#user-event)
25+
- [Queries](#queries)
2426
- [Keyboard](#keyboard)
2527
- [Settings](#settings)
2628
- [About](#about)
@@ -73,10 +75,30 @@ Below is a list of all available snippets and the triggers of each one. The `░
7375

7476
| Trigger | Result |
7577
| -------: | ----------------------------------------------------------------- |
76-
| `itl→` | `import { render, screen } from '@testing-library/░<react\|vue>█` |
77-
| `itr→` | `import { render, screen } from '@testing-library/react█` |
78-
| `itv→` | `import { render, screen } from '@testing-library/vue█` |
79-
| `itu→` | `import user from '@testing-library/user-event'█` |
78+
| `itl→` | `import { render, screen } from '@testing-library/░<react\|vue>'█` |
79+
| `itr→` | `import { render, screen } from '@testing-library/react'█` |
80+
| `itv→` | `import { render, screen } from '@testing-library/vue'█` |
81+
| `itrh→` | `import { renderHook } from '@testing-library/react'█` |
82+
| `itue→` | `import user from '@testing-library/user-event'█` |
83+
84+
### User Event
85+
86+
| Trigger | Result |
87+
| -------: | ---------------------------------------------------------------------- |
88+
| `beus→` | <code>beforeEach(() => {<br/>&nbsp;&nbsp;user.setup()<br/>})█</code> |
89+
90+
### Queries
91+
92+
| Trigger | Result |
93+
| -------: | ---------------------------------------------------------------- |
94+
| `gbr→` | `screen.getByRole('░id')█` |
95+
| `gbro→` | `screen.getByRole('░id', {░})█` |
96+
| `gbrc→` | `screen.getByRole('checkbox')█` |
97+
| `gbrcc→` | `screen.getByRole('checkbox', { checked: ░<true\|false>} })█` |
98+
| `gbrh→` | `screen.getByRole('heading')█` |
99+
| `gbrhl→` | `screen.getByRole('heading', { level: ░<1\|2\|3\|4\|5\|6>} })█` |
100+
| `gabr→` | `screen.getAllByRole('░id')█` |
101+
| `gabro→` | `screen.getAllByRole('░id', {░})█` |
80102

81103
⇧ [Back to menu](#menu)
82104

‎package.json‎

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "testing-library-snippets",
33
"description": "VS Code Testing Library snippets for JS and TS",
4-
"version": "0.0.1",
4+
"version": "0.0.2",
55
"displayName": "Testing Library Snippets",
66
"publisher": "deinsoftware",
77
"icon": "images/light-icon.png",
@@ -46,21 +46,61 @@
4646
"language": "javascript",
4747
"path": "./snippets/import.json"
4848
},
49+
{
50+
"language": "javascript",
51+
"path": "./snippets/user-event.json"
52+
},
53+
{
54+
"language": "javascript",
55+
"path": "./snippets/queries.json"
56+
},
4957
{
5058
"language": "javascriptreact",
5159
"path": "./snippets/import.json"
5260
},
61+
{
62+
"language": "javascriptreact",
63+
"path": "./snippets/user-event.json"
64+
},
65+
{
66+
"language": "javascriptreact",
67+
"path": "./snippets/queries.json"
68+
},
5369
{
5470
"language": "vue",
5571
"path": "./snippets/import.json"
5672
},
73+
{
74+
"language": "vue",
75+
"path": "./snippets/user-event.json"
76+
},
77+
{
78+
"language": "vue",
79+
"path": "./snippets/queries.json"
80+
},
5781
{
5882
"language": "typescript",
5983
"path": "./snippets/import.json"
6084
},
85+
{
86+
"language": "typescript",
87+
"path": "./snippets/user-event.json"
88+
},
89+
{
90+
"language": "typescript",
91+
"path": "./snippets/queries.json"
92+
},
6193
{
6294
"language": "typescriptreact",
6395
"path": "./snippets/import.json"
96+
},
97+
{
98+
"language": "typescriptreact",
99+
"path": "./snippets/user-event.json"
100+
},
101+
{
102+
"language": "typescriptreact",
103+
"path": "./snippets/queries.json"
64104
}
65105
]
66106
},

‎snippets/import.json‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,13 @@
1414
"body": "import { render, screen } from '@testing-library/vue'$0",
1515
"description": "essential imports for testing-library"
1616
},
17+
"import.testing-library.render-hook": {
18+
"prefix": "itrh",
19+
"body": "import { renderHook } from '@testing-library/react'$0",
20+
"description": "imports renderHook for testing-library"
21+
},
1722
"import.testing-library.user-event": {
18-
"prefix": "itu",
23+
"prefix": "itue",
1924
"body": "import user from '@testing-library/user-event'$0",
2025
"description": "imports user-event for testing-library"
2126
}

‎snippets/queries.json‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
{
2+
"getBy.role": {
3+
"prefix": "gbr",
4+
"body": ["screen.getByRole('${1:id}')$0"],
5+
"description": "getByRole query"
6+
},
7+
"getBy.role.options": {
8+
"prefix": "gbro",
9+
"body": ["screen.getByRole('${1:id}', {$2})$0"],
10+
"description": "getByRole query with options"
11+
},
12+
"getBy.role.checkbox": {
13+
"prefix": "gbrc",
14+
"body": ["screen.getByRole('checkbox')$0"],
15+
"description": "getByRole checkbox"
16+
},
17+
"getBy.role.checkbox.checked": {
18+
"prefix": "gbrcc",
19+
"body": ["screen.getByRole('checkbox', { checked: ${1|true,false|} })$0"],
20+
"description": "getByRole checkbox checked"
21+
},
22+
"getBy.role.heading": {
23+
"prefix": "gbrh",
24+
"body": ["screen.getByRole('heading')$0"],
25+
"description": "getByRole heading"
26+
},
27+
"getBy.role.heading.level": {
28+
"prefix": "gbrhl",
29+
"body": ["screen.getByRole('heading', { level: ${1|1,2,3,4,5,6|} })$0"],
30+
"description": "getByRole heading level"
31+
},
32+
"getAllBy.role": {
33+
"prefix": "gabr",
34+
"body": ["screen.getAllByRole('${1:id}')$0"],
35+
"description": "getAllByRole query"
36+
},
37+
"getAllBy.role.options": {
38+
"prefix": "gabro",
39+
"body": ["screen.getAllByRole('${1:id}', {$2})$0"],
40+
"description": "getAllByRole query with options"
41+
}
42+
}

‎snippets/user-event.json‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"beforeEach": {
3+
"prefix": "beus",
4+
"body": ["beforeEach(() => {", "\tuser.setup()", "})$0"],
5+
"description": "beforeEach user setup function is called once before each spec"
6+
}
7+
}

‎test/snippets.test.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
11
import { it, expect, describe } from 'vitest'
22

33
const importSnippets = require("../snippets/import.json")
4+
const userEventSnippets = require("../snippets/user-event.json")
5+
const queriesSnippets = require("../snippets/queries.json")
46

57
const snippets = {
68
...importSnippets,
9+
...userEventSnippets,
10+
...queriesSnippets,
711
}
812

913
const unique = (xs) => [...new Set(xs)]

0 commit comments

Comments
 (0)