feat: 🎸 add eslint for RNTL

✅ Closes: #250
flexbox · Sep 17, 2024 · ecba9a1 · ecba9a1
1 parent df7b8a5
commit ecba9a1
Show file tree

Hide file tree

Showing 5 changed files with 742 additions and 25 deletions.
diff --git a/challenges/ecosystem/02.md b/challenges/ecosystem/02.md
@@ -277,6 +277,7 @@ In our case `cargo_capacity`, `cost_in_credits` are not using `camelCase` and we
 
 - [ ] Install [TanStack Query ESLint plugin](https://tanstack.com/query/latest/docs/eslint/eslint-plugin-query).
 - [ ] Install [Perfecionist](https://perfectionist.dev/) to enforce a consistent code style across your codebase.
+- [ ] Install [eslint-plugin-testing-library](https://callstack.github.io/react-native-testing-library/docs/start/quick-start#eslint-plugin)
 
 Your `.eslintrc.js` file should look like [this](https://raw.githubusercontent.com/flexbox/react-native-bootcamp/main/hackathon/spacecraft/.eslintrc.js)
 

diff --git a/challenges/foundation/04.md b/challenges/foundation/04.md
@@ -70,7 +70,8 @@ We will use `JSON.stringify()` here to render a `string` version of the data.
 function App() {
   return (
     // <LoginScreen />
-    <TermsScreen />
+    <StarshipFeedScreen />
+    // <TermsScreen />
   );
 };
 ```

diff --git a/hackathon/spacecraft/.eslintrc.js b/hackathon/spacecraft/.eslintrc.js
@@ -10,6 +10,13 @@ module.exports = {
     "plugin:react/jsx-runtime", // Support for React 17 JSX
     "plugin:prettier/recommended", // Prettier recommended rules
   ],
+  overrides: [
+    {
+      // Test files only
+      extends: ["plugin:testing-library/react"],
+      files: ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
+    },
+  ],
   parser: "@typescript-eslint/parser", // Specifies the ESLint parser
   plugins: [
     "react",

diff --git a/hackathon/spacecraft/package.json b/hackathon/spacecraft/package.json
@@ -76,7 +76,7 @@
     "@storybook/core-common": "^7.6.10",
     "@storybook/react-native": "^7.6.15",
     "@storybook/react-native-server": "^6.5.8",
-    "@tanstack/eslint-plugin-query": "^5.17.20",
+    "@tanstack/eslint-plugin-query": "^5.53.0",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "^12.4.3",
     "@types/jest": "^29.5.4",
@@ -97,9 +97,11 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-perfectionist": "^3.3.0",
     "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-query": "^0.9.1",
     "eslint-plugin-react": "^7.34.2",
     "eslint-plugin-react-native": "^4.1.0",
     "eslint-plugin-simple-import-sort": "^12.1.0",
+    "eslint-plugin-testing-library": "^6.3.0",
     "jest": "^29.6.4",
     "jest-expo": "~51.0.2",
     "prettier": "^3.2.5",