feat: Add tests for eslint plugin rules (#88)

* feat: Add example for ban-ts-comment rule

* feat: Add example for no-explicit-any rule

* feat: Add comment for no-console rule

* feat: Add example for no explicit-function-return-type and no-console rules

* feat: Add example for array-callback-return rule

* feat: Add example for no-color-literals rule

* feat: Add example for sort-styles rule

* feat: Add example for no-raw-text rule

* feat: Add example for no-unstable-nested-components rule

* feat: Add example for react/prop-types if off

* feat: Add example for react/no-unused-prop-types rule

* feat: Add example for react/jsx-no-useless-fragment rule

Author: thomasrebam

example-app/eslint-breaking-examples/break-array-callback-return-rule.ts

@@ -0,0 +1,6 @@
+// This should trigger a warning because of array-callback-return rule
+const myArray = [1, 2, 3];
+const indexMap = myArray.reduce(function (acc, current) {
+  acc = acc + current;
+}, 0);
+indexMap;

example-app/eslint-breaking-examples/break-ban-ts-comment-rule.ts

@@ -0,0 +1,6 @@
+// This should trigger a warning because of ban-ts-comment rule
+//@ts-ignore
+
+//@ts-expect-error
+
+//@ts-nocheck

example-app/eslint-breaking-examples/break-eslint-recommended-rules.js

@@ -2,8 +2,9 @@
 
 "use strict";
 
+// This should trigger an error breaking no-console rule:
 console.log(
-  "This is a console.log statement to see it the linter produces an error"
+  "This is a console.log statement to see if the linter produces an error"
 );
 
 // This should trigger two errors breaking eslint:recommended rules:

example-app/eslint-breaking-examples/break-jsx-no-useless-fragment-rule.tsx

@@ -0,0 +1,13 @@
+import { Text } from "react-native";
+
+// Save without formatting: [⌘ + K] > [S]
+
+// This should trigger an error because of jsx-no-useless-fragment rule
+const ComponentWithUselessFragment = () => {
+  return (
+  <>
+    <Text>Useless text</Text>
+  </>
+  );
+};
+ComponentWithUselessFragment;

example-app/eslint-breaking-examples/break-no-explicit-any.ts

@@ -0,0 +1,3 @@
+// This should trigger an error because of no-explicit-any rule
+const explicitAnyTypedVariable: any = 0;
+explicitAnyTypedVariable;

example-app/eslint-breaking-examples/break-react-no-untsable-nested-component.tsx

@@ -0,0 +1,10 @@
+// This should trigger one error breaking no-unstable-nested-components:
+// react/no-unstable-nested-components
+
+const MainComponent = () => {
+  const NestedComponent = () => {
+    return <View>Test</View>;
+  };
+  return <NestedComponent />;
+};
+MainComponent;

example-app/eslint-breaking-examples/break-react-no-unused-prop-types.tsx

@@ -0,0 +1,14 @@
+// This should trigger one error breaking no-unused-prop-types:
+// react/no-unused-prop-types
+
+import { Text } from "react-native";
+
+interface NotUsedPropComponentProps {
+  name: string;
+  surname: string;
+}
+
+const NotUsedPropComponent = (props: NotUsedPropComponentProps) => {
+  return <Text>{`Hello ${props.name} I refuse to use the surname prop`}</Text>;
+};
+NotUsedPropComponent;

example-app/eslint-breaking-examples/not-breaking-rules.tsx

@@ -0,0 +1,40 @@
+import { StyleSheet, Text, View } from "react-native";
+
+// This should not trigger a warning nor an error because explicit-function-return-type rule is off
+const noReturnTypeDefined = () => {
+  return;
+};
+noReturnTypeDefined();
+
+// These should not trigger a warning nor an error because no-console rule is off for warns and errors
+console.warn("This is a warning message");
+console.error("This is an error message");
+
+// This should not trigger a warning nor an error because no-color-literals rule is off
+const styles = StyleSheet.create({
+  view: {
+    color: "red",
+  },
+});
+styles.view;
+
+// This should not trigger a warning nor an error because sort-styles rule is off
+const notSortedStyles = StyleSheet.create({
+  beta: {},
+  alpha: {},
+});
+notSortedStyles.alpha;
+notSortedStyles.beta;
+
+// This should not trigger an error because no-raw-text rule is off
+
+export const MyText = () => {
+  return <View>Test</View>;
+};
+
+// This should not trigger an error because react/prop-types rule is off
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+export const ComponentWithNotTypedProps = ({ name }) => {
+  return <Text>{name}</Text>;
+};