# eslint-plugin-react-require-testid

This ESLint plugin helps ensure that React components have the necessary data-testid attribute, which is crucial for effective testing of React applications.

## Installation

```shell
yarn add eslint-plugin-react-require-testid --dev
```

## Usage

After installation, you need to configure ESLint to use this rule. Here's an example configuration:

```javascript
{
  "plugins": ["react-require-testid"],
  "rules": {
    "react-require-testid/testid-missing": ["error", {
      "disableDefaultComponents": [],
      "enableComponents": []
    }]
  }
}
```

In this configuration:

-   `disableDefaultComponents` allows you to specify default components to exclude from the rule check.
-   `enableComponents` allows you to specify additional components to include in the rule check.

###### Rule Logic

-   The rule iterates through JSX opening elements in your code.
-   It filters out default React components based on the configuration.
-   It merges the filtered default components with any additional components specified.
-   For each JSX opening element, it checks if the component is allowed and if it has a `data-testid` attribute.
-   If the component is allowed but lacks a `data-testid` attribute, a linting error is reported.

###### Example

Consider the following JSX code snippet:

`<MyCustomComponent />`

With the ESLint rule configured, it will raise a linting error if `MyCustomComponent` is included in the allowed components list but does not have a `data-testid` attribute.

###### Contributing

Contributions to this ESLint rule are welcome! If you encounter issues or have suggestions for improvements, please open an issue or submit a pull request on GitHub.

## Conventional Commits

This project uses a specification called **Conventional Commits**, please **ensure** this specification is followed when commiting code to this project.

Guide: https://www.conventionalcommits.org/en/v1.0.0/

## Pull Requests, Approvals & Releases

###### Creating the develop release pull request

Pull Requests made to this project are required in order to merge to **develop** or **main**

When submitting a Pull Request, at least one approval is required before merging.

When constructing a release, ensure that a release branch is created based off of the contents of develop, the only changes contained within this branch should be the version numbers in **package.json** and android's **build.gradle**.

The Pull Request should be named as **[develop] release vX.Y.Z**

###### Creating the main release pull request

Once this Pull Request has been created, you will need to generate a new Pull Request based off **main** comparing the **develop** release branch you have just created, this should ensure that all changes that have been made to **develop** since the last release are contained within this update.

The Pull Request should be named as **[main] release vX.Y.Z**

###### Creating the release tag

Once this has been done and both Pull Requests have been merged, a release tag should be generated, named as **vX.Y.Z**