Merge pull request #13 from deinsoftware/dev

add userEvent snippets

Author: equiman

.vscode/settings.json

@@ -1,6 +1,13 @@
 {
   "cSpell.words": [
     "beus",
+    "deinsoftware",
+    "Equiman",
+    "ithub",
+    "itrh",
+    "itue",
+    "matc",
+    "paypal",
     "qrc",
     "qrcc",
     "qrh",
@@ -15,18 +22,12 @@
     "qts",
     "qtsi",
     "qtsw",
-    "deinsoftware",
-    "Equiman",
-    "ithub",
-    "itrh",
-    "itue",
-    "matc",
-    "paypal",
     "rewi",
     "rswi",
     "sltp",
     "SWPM",
     "testid",
+    "unhover",
     "volta"
   ],
   "markdownlint.config": {

CHANGELOG.md

@@ -9,6 +9,13 @@ Fixed       for any bug fixes.
 Security    to invite users to upgrade in case of vulnerabilities.
 -->
 
+## 0.2.0 - 2023/04/18
+
+### Added
+
+- changed import name on userEvent
+- snippets for events
+
 ## 0.1.0 - 2023/04/18
 
 ### Changed

README.md

@@ -118,13 +118,25 @@ Below is a list of all available snippets and the triggers of each one. The `░
 | `itr→`   | `import { render, screen } from '@testing-library/react'█`          |
 | `itv→`   | `import { render, screen } from '@testing-library/vue'█`            |
 | `itrh→`  | `import { renderHook } from '@testing-library/react'█`              |
-| `itue→`  | `import user from '@testing-library/user-event'█`                   |
+| `itue→`  | `import userEvent from '@testing-library/user-event'█`              |
 
 ### User Event
 
-|  Trigger | Result                                                                 |
-| :------- | ---------------------------------------------------------------------- |
-| `beus→`  | <code>beforeEach(() => {<br/>&nbsp;&nbsp;user.setup()<br/>})█</code>   |
+|  Trigger | Result                                                                      |
+| :------- | --------------------------------------------------------------------------- |
+| `es→`    | `userEvent.setup()█`                                                        |
+| `bees→`  | <code>beforeEach(() => {<br/>&nbsp;&nbsp;userEvent.setup()<br/>})█</code>   |
+| `ec→`    | `await userEvent.click(░element)█`                                          |
+| `edc→`   | `await userEvent.dblClick(░element)█`                                       |
+| `et→`    | `await userEvent.type(░element, '░text')█`                                  |
+| `ets→`   | ``await userEvent.type(░element, `░text{enter}`)█``                         |
+| `ecl→`   | `await userEvent.clear(░element)█`                                          |
+| `eso→`   | `await userEvent.selectOptions(░element, ['░value/label'])█`                |
+| `edo→`   | `await userEvent.deselectOptions(░element, ['░value/label'])█`              |
+| `etb→`   | `await userEvent.tab()█`                                                    |
+| `eh→`    | `await userEvent.hover(░element)█`                                          |
+| `euh→`   | `await userEvent.unhover(░element)█`                                        |
+| `ep→`    | `await userEvent.paste(░element, '░text')█`                                 |
 
 ### Queries
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "testing-library-snippets",
   "description": "VS Code Testing Library snippets for JS and TS",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "displayName": "Testing Library Snippets",
   "publisher": "deinsoftware",
   "icon": "images/light-icon.png",

snippets/import.json

@@ -21,7 +21,7 @@
   },
   "import.testing-library.user-event": {
     "prefix": "itue",
-    "body": "import user from '@testing-library/user-event'$0",
+    "body": "import userEvent from '@testing-library/user-event'$0",
     "description": "imports user-event for testing-library"
   }
 }

snippets/user-event.json

@@ -1,7 +1,71 @@
 {
-  "beforeEach": {
-    "prefix": "beus",
-    "body": ["beforeEach(() => {", "\tuser.setup()", "})$0"],
-    "description": "beforeEach user setup function is called once before each spec"
+  "userEvent.setup": {
+    "prefix": "es",
+    "body": ["userEvent.setup()$0"],
+    "description": "userEvent setup function"
+  },
+  "userEvent.beforeEach": {
+    "prefix": "bees",
+    "body": ["beforeEach(() => {", "\tuserEvent.setup()", "})$0"],
+    "description": "beforeEach userEvent setup function is called once before each spec"
+  },
+  "userEvent.click": {
+    "prefix": "ec",
+    "body": ["await userEvent.click(${1:element})$0"],
+    "description": "userEvent click"
+  },
+  "userEvent.dblClick": {
+    "prefix": "edc",
+    "body": ["await userEvent.dblClick(${1:element})$0"],
+    "description": "userEvent dblClick"
+  },
+  "userEvent.type": {
+    "prefix": "et",
+    "body": ["await userEvent.type(${1:element}, '${2:text}')$0"],
+    "description": "userEvent type in a field"
+  },
+  "userEvent.type+submit": {
+    "prefix": "ets",
+    "body": ["await userEvent.type(${1:element}, `${2:text}{enter}`)$0"],
+    "description": "userEvent type in a field and press enter to submit form"
+  },
+  "userEvent.clear": {
+    "prefix": "ecl",
+    "body": ["await userEvent.clear(${1:element})$0"],
+    "description": "userEvent to clear a field"
+  },
+  "userEvent.selectOptions": {
+    "prefix": "eso",
+    "body": [
+      "await userEvent.selectOptions(${1:listBoxElement}, ['value/label'])$0"
+    ],
+    "description": "userEvent to select options"
+  },
+  "userEvent.deselectOptions": {
+    "prefix": "edo",
+    "body": [
+      "await userEvent.deselectOptions(${1:listBoxElement}, ['value/label'])$0"
+    ],
+    "description": "userEvent to deselect options"
+  },
+  "userEvent.tab": {
+    "prefix": "etb",
+    "body": ["await userEvent.tab()$0"],
+    "description": "userEvent tab"
+  },
+  "userEvent.hover": {
+    "prefix": "eh",
+    "body": ["await userEvent.hover(${1:element})$0"],
+    "description": "userEvent hover"
+  },
+  "userEvent.unhover": {
+    "prefix": "euh",
+    "body": ["await userEvent.unhover(${1:element})$0"],
+    "description": "userEvent unhover"
+  },
+  "userEvent.paste": {
+    "prefix": "ep",
+    "body": ["await userEvent.paste(${1:element}, '${2:text}')$0"],
+    "description": "userEvent paste"
   }
 }