chore: migrate to eslint flat config

Author: timdeschryver

.eslintignore

@@ -38,6 +38,8 @@ jobs:
         run: npm run build -- --skip-nx-cache
       - name: test
         run: npm run test
+      - name: lint
+        run: npm run lint
       - name: Release
         if: github.repository == 'testing-library/angular-testing-library' && (github.ref == 'refs/heads/main' || github.ref == 'refs/heads/beta')
         run: npx semantic-release

.eslintrc.json

@@ -98,7 +98,7 @@ counter.component.ts
 
 ```ts
 @Component({
-  selector: 'app-counter',
+  selector: 'atl-counter',
   template: `
     <span>{{ hello() }}</span>
     <button (click)="decrement()">-</button>

.github/workflows/ci.yml

@@ -0,0 +1,7 @@
+// @ts-check
+
+// TODO - https://github.com/nrwl/nx/issues/22576
+
+/** @type {import('@typescript-eslint/utils/ts-eslint').FlatConfig.ConfigPromise} */
+const config = (async () => (await import('./eslint.config.mjs')).default)();
+module.exports = config;

README.md

@@ -0,0 +1,8 @@
+// @ts-check
+
+import tseslint from "typescript-eslint";
+import rootConfig from "../../eslint.config.mjs";
+
+export default tseslint.config(
+  ...rootConfig,
+);

apps/example-app-karma/.eslintrc.json

@@ -1,5 +1,4 @@
 declare module '@testing-library/jasmine-dom' {
-  // eslint-disable-next-line @typescript-eslint/naming-convention
   const JasmineDOM: any;
   export default JasmineDOM;
 }

apps/example-app-karma/eslint.config.cjs

@@ -29,7 +29,7 @@ it('should display invalid message and submit button must be disabled', async ()
 });
 
 @Component({
-  selector: 'app-login',
+  selector: 'atl-login',
   standalone: true,
   imports: [ReactiveFormsModule, NgIf],
   template: `
@@ -51,7 +51,7 @@ class LoginComponent {
   });
 
   constructor(private fb: FormBuilder) {}
-  
+
   get email(): FormControl {
     return this.form.get('email') as FormControl;
   }

apps/example-app-karma/eslint.config.mjs

@@ -7,9 +7,9 @@ it('can rerender component', async () => {
     },
   });
 
-  expect(screen.getByText('Hello Sarah')).toBeTruthy();
+  expect(screen.getByText('Hello Sarah')).toBeInTheDocument();
 
   await rerender({ componentProperties: { name: 'Mark' } });
 
-  expect(screen.getByText('Hello Mark')).toBeTruthy();
+  expect(screen.getByText('Hello Mark')).toBeInTheDocument();
 });