diff --git a/.vscode/settings.json b/.vscode/settings.json index 290317a..8f87413 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,20 +1,20 @@ { "cSpell.words": [ "beus", - "brc", - "brcc", - "brh", - "brhl", - "bro", - "bron", - "bteew", - "btesw", - "btew", - "btf", - "bti", - "bts", - "btsi", - "btsw", + "qrc", + "qrcc", + "qrh", + "qrhl", + "qro", + "qron", + "qteew", + "qtesw", + "qtew", + "qtf", + "qti", + "qts", + "qtsi", + "qtsw", "deinsoftware", "Equiman", "ithub", diff --git a/CHANGELOG.md b/CHANGELOG.md index 3de5681..9c6c86f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,12 @@ Fixed for any bug fixes. Security to invite users to upgrade in case of vulnerabilities. --> +## 0.1.0 - 2023/04/18 + +### Changed + +- rename all the query snippets + ## 0.0.10 - 2023/04/18 ### Changed diff --git a/README.md b/README.md index 9fb83fe..aed5d84 100644 --- a/README.md +++ b/README.md @@ -72,7 +72,7 @@ Open the extension manager with ctrl+shift+X (W ## Cheat Sheet -You can write any combination of **Search variants** and **Search types**. +You can write queries with any combination of **Search variants** and **Search types**. ### Search variants @@ -113,48 +113,48 @@ Below is a list of all available snippets and the triggers of each one. The `░ ### Import | Trigger | Result | -| -------: | ------------------------------------------------------------------- | -| `itl→` | `import { render, screen } from '@testing-library/░'█` | -| `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'█` | +| :------- | ------------------------------------------------------------------- | +| `itl→` | `import { render, screen } from '@testing-library/░'█` | +| `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'█` | ### User Event | Trigger | Result | -| -------: | ---------------------------------------------------------------------- | -| `beus→` | beforeEach(() => {
  user.setup()
})█ | +| :------- | ---------------------------------------------------------------------- | +| `beus→` | beforeEach(() => {
  user.setup()
})█ | ### Queries -All the query `░variant` start with `getBy` by default, but can be easily changed between `` once reach the TAB position. +All the `░variantBy` cursor start with `getBy` by default, but can be easily changed between `` using arrow keys once reach the TAB position. #### 1. Role -| Trigger | Result | -| :------- | ------------------------------------------------------------------- | -| `br→` | `screen.░variantRole('░id')█` | -| `bro→` | `screen.░variantRole('░id', {░})█` | -| `bron→` | `screen.░variantRole('░id', {name: ░})█` | -| `brc→` | `screen.░variantRole('checkbox')█` | -| `brcc→` | screen.░variantRole('checkbox', { checked: ░} )█ | -| `brh→` | `screen.░variantRole('heading')█` | -| `brhl→` | screen.░variantRole('heading', { level: ░<1|2|3|4|5|6>} )█ | +| Trigger | Result | +| :------- | ------------------------------------------------------------------------------------------------- | +| `qr→` | `screen.░variantByRole('░id')█` | +| `qro→` | `screen.░variantByRole('░id', {░})█` | +| `qron→` | `screen.░variantByRole('░id', {name: ░})█` | +| `qrc→` | `screen.░variantByRole('checkbox')█` | +| `qrcc→` | screen.░variantByRole('checkbox', { checked: ░} )█ | +| `qrh→` | `screen.░variantByRole('heading')█` | +| `qrhl→` | screen.░variantByRole('heading', { level: ░<1|2|3|4|5|6>} )█ | #### 4. Text -| Trigger | Result | -| :------- | ----------------------------------------------------------------- | -| `bt→` | `screen.░variantText(░)█` | -| `btf→` | `screen.░variantText('░Text Match')█` | -| `bti→` | `screen.░variantText('░text match', {ignore: false})█` | -| `bts→` | `screen.░variantText('░ext Matc', {exact: false})█` | -| `btsi→` | `screen.░variantText('░ext matc', {exact: false, ignore: false})█` | -| `btsw→` | `screen.░variantText((content) => content.startsWith('░Text'))█` | -| `btesw→` | screen.░variantText((content, element) => {
  const tag = element.tagName.toLowerCase() === '░div'
  return tag && content.startsWith('░Text')
})█ | -| `btew→` | `screen.░variantText((content) => content.endsWith('░Match'))█` | -| `bteew→` | screen.░variantText((content, element) => {
  const tag = element.tagName.toLowerCase() === '░div'
  return tag && content.endsWith('░Match')
})█ | +| Trigger | Result | +| :------- | ------------------------------------------------------------------- | +| `qt→` | `screen.░variantByText(░)█` | +| `qtf→` | `screen.░variantByText('░Text Match')█` | +| `qti→` | `screen.░variantByText('░text match', {ignore: false})█` | +| `qts→` | `screen.░variantByText('░ext Matc', {exact: false})█` | +| `qtsi→` | `screen.░variantByText('░ext matc', {exact: false, ignore: false})█` | +| `qtsw→` | `screen.░variantByText((content) => content.startsWith('░Text'))█` | +| `qtesw→` | screen.░variantByText((content, element) => {
  const tag = element.tagName.toLowerCase() === '░div'
  return tag && content.startsWith('░Text')
})█ | +| `qtew→` | `screen.░variantByText((content) => content.endsWith('░Match'))█` | +| `qteew→` | screen.░variantByText((content, element) => {
  const tag = element.tagName.toLowerCase() === '░div'
  return tag && content.endsWith('░Match')
})█ | ### Debug diff --git a/snippets/queries.json b/snippets/queries.json index b3d904a..63132cd 100644 --- a/snippets/queries.json +++ b/snippets/queries.json @@ -1,98 +1,98 @@ { - "by.role": { - "prefix": "br", + "query.role": { + "prefix": "qr", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Role('${2:id}')$0" ], "description": "Role query" }, - "by.role.options": { - "prefix": "bro", + "query.role.options": { + "prefix": "qro", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Role('${2:id}', {$3})$0" ], "description": "Role query with options" }, - "by.role.options.name": { - "prefix": "bron", + "query.role.options.name": { + "prefix": "qron", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Role('${2:id}',\t{$3})$0" ], "description": "Role query with name on options" }, - "by.role.checkbox": { - "prefix": "brc", + "query.role.checkbox": { + "prefix": "qrc", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Role('checkbox')$0" ], "description": "Role checkbox" }, - "by.role.checkbox.checked": { - "prefix": "brcc", + "query.role.checkbox.checked": { + "prefix": "qrcc", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Role('checkbox', { checked: ${2|true,false|} })$0" ], "description": "Role checkbox checked" }, - "by.role.heading": { - "prefix": "brh", + "query.role.heading": { + "prefix": "qrh", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Role('heading')$0" ], "description": "Role heading" }, - "by.role.heading.level": { - "prefix": "brhl", + "query.role.heading.level": { + "prefix": "qrhl", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Role('heading', { level: ${2|1,2,3,4,5,6|} })$0" ], "description": "Role heading level" }, - "by.text": { - "prefix": "bt", + "query.text": { + "prefix": "qt", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text($2)$0" ], "description": "Text query" }, - "by.text.full": { - "prefix": "btf", + "query.text.full": { + "prefix": "qtf", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text('${2:Text Match}')$0" ], "description": "Text query full string match" }, - "by.text.ignore": { - "prefix": "bti", + "query.text.ignore": { + "prefix": "qti", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text('${2:text match}', {ignore: false})$0" ], "description": "Text query full string ignore case" }, - "by.text.substring": { - "prefix": "bts", + "query.text.substring": { + "prefix": "qts", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text('${2:ext Matc}', {exact: false})$0" ], "description": "Text query substring match" }, - "by.text.substring+ignore": { - "prefix": "btsi", + "query.text.substring+ignore": { + "prefix": "qtsi", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text('${2:ext matc}', {exact: false, ignore: false})$0" ], "description": "Text query substring match ignore case" }, - "by.text.startWith": { - "prefix": "btsw", + "query.text.startWith": { + "prefix": "qtsw", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text((content) => content.startsWith('${2:Text}'))$0" ], "description": "Text query start with match" }, - "by.text.element.startWith": { - "prefix": "btesw", + "query.text.element.startWith": { + "prefix": "qtesw", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text((content, element) => {", "\tconst tag = element.tagName.toLowerCase() === '${2:div}'", @@ -101,15 +101,15 @@ ], "description": "Text query start with match on specific element" }, - "by.text.endWith": { - "prefix": "btew", + "query.text.endWith": { + "prefix": "qtew", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text((content) => content.endsWith('${2:Match}'))$0" ], "description": "Text query end with match" }, - "by.text.element.endWith": { - "prefix": "bteew", + "query.text.element.endWith": { + "prefix": "qteew", "body": [ "screen.${1|getBy,getAllBy,queryBy,queryAllBy,findBy,findByAll|}Text((content, element) => {", "\tconst tag = element.tagName.toLowerCase() === '${2:div}'",