Testing Library is a great bunch of utils to write tests for your UI. It has become the favorite testing choice of many users since it encourages you to write more maintainable and reliable tests, encourages best practices, and doesn't focus on implementation but behavior.

However, testing your app correctly with Testing Library is not always straightforward. _What query variant fits better for this situation? How should I check appearance/disappearance? What is the best way to handle async behaviors? Why am I seeing this particular error or warning? Why am I not getting the expected element?_ These are very typical questions while writing tests with Testing Library.

You are not alone! This course aims to help you master these situations with the assistance of `eslint-plugin-testing-library`: the official ESLint plugin for Testing Library.

The course will boost your Testing Library skills by using this plugin
as a companion when writing tests. You will get instant feedback by linting your tests code, so you can **follow best practices and anticipate common mistakes for Testing Library**, as well as better understand its utils and their main purposes.

Get ready to say goodbye to flaky tests!

Master writing Testing Library tests with eslint-plugin-testing-library by anticipating common mistakes and following best practices

Master Testing Library with ESLint Plugin

---
title: Integrating ESLint into your code editor
description: Get instant feedback by setting ESLint in your code editor
isPublicLesson: true
privateVideoUrl: https://fullstack.wistia.com/medias/nmyskl5zqb
---

# Integrating ESLint into your code editor

Having a command to be able to lint your files is useful, especially for CI purposes. But what about getting the feedback visually while coding? This is convenient, so you can see reported errors while writing code! To make the most of ESLint, we are going to integrate it into your code editor, so we can see reported errors instantly within the code.

We are going to focus on two main code editors: Visual Studio Code and WebStorm.

> **Important**:
> It's assumed that you already have one of those code editors working in your machine.

## Visual Studio Code

Let's open Visual Studio Code and follow these steps to get ESLint integration:

1.  Go to [the official ESLint plugin page from the Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint).
2.  Proceed to install it.
3.  We need to now allow VS Code to run ESLint, so press `Ctrl` + `Shift` + `P` or `Cmd` + `Shift` + `P` to open the Command Palette and search "eslint".
4.  You will see different options. Pick "ESLint: Manage Library Execution".
5.  Now you should read a message like _The ESLint extension will use 'node_modules/eslint' for validation, which is installed locally in folder 'your-project'. Do you allow the execution of this ESLint version including all plugins and configuration files it will load on your behalf?_
6.  You can select "Allow Everywhere" so this is automatically enabled in all projects from now on, or just "Allow" for enabling it only for that project in particular.
7.  You may need to restart VS Code for all these changes to be applied

Get instant feedback by setting ESLint in your code editor