!status

eslint-plugin-test-id

This checks is data-test-id prop is present, on some tags which are useful for e2e testing

Installation

You'll first need to install ESLint:

``
$ npm i eslint --save-dev
`

Next, install eslint-plugin-test-id:

`
$ npm install eslint-plugin-test-id --save-dev
`




Usage

Add test-id to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

`json
{
"plugins": [
"test-id"
]
}
`


Then configure the rules you want to use under the rules section.

`json
{
"rules": {
"test-id/data-test-id": 'error'
}
}
`

You can also enable all the recommended rules at once:

`json
{
"extends": [
"plugin:test-id/recommended"
]
}
`

Rule Details

This rule aims to...

Examples of incorrect code for this rule:

`vue

`

Examples of correct code for this rule:

`vue

`

How Fix will work

$3


`vue

`
will fix to
`vue

`

$3

`vue

`
will fix to
`vue

`

$3

`vue

`
will fix to
`vue

`

$3

`vue

`
will fix to
`vue

`

$3

`vue

`
will fix to
`vue

`

$3

`vue

`
will fix to
`vue

``