🧪 Add Comprehensive Automated Testing Suite with Jest and React Native Testing Library

.eslintrc.js

@@ -1,6 +1,12 @@
 module.exports = {
   root: true,
-  parser: "babel-eslint",
+  parser: "@babel/eslint-parser",
+  parserOptions: {
+    requireConfigFile: false,
+    babelOptions: {
+      presets: ['@babel/preset-react'],
+    },
+  },
   extends: [
     "@react-native-community",
     "plugin:react/recommended",

.github/workflows/test.yml

@@ -0,0 +1,39 @@
+name: Tests
+
+on:
+  push:
+    branches: [master, main]
+  pull_request:
+    branches: [master, main]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x, 22.x]
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn install
+
+      - name: Run tests
+        run: yarn test
+
+      - name: Generate coverage report
+        run: yarn test:coverage
+
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v3
+        with:
+          file: ./coverage/coverage-final.json
+          fail_ci_if_error: false

.gitignore

@@ -60,4 +60,8 @@ buck-out/
 *.jsbundle
 
 # Distribute
-dist/
+dist/
+
+# Test coverage
+coverage/
+.jest/

__mocks__/react-native.js

@@ -0,0 +1,55 @@
+const React = require('react');
+
+// Mock React Native components
+const View = (props) => React.createElement('View', props, props.children);
+const Text = (props) => React.createElement('Text', props, props.children);
+const ScrollView = React.forwardRef((props, ref) => {
+  return React.createElement('ScrollView', { ...props, ref }, props.children);
+});
+
+// Mock Animated
+const Animated = {
+  View: View,
+  ScrollView: ScrollView,
+  Value: class AnimatedValue {
+    constructor(value) {
+      this._value = value;
+    }
+    setValue(value) {
+      this._value = value;
+    }
+    interpolate() {
+      return this;
+    }
+  },
+  event: () => () => {},
+  createAnimatedComponent: (Component) => Component,
+};
+
+// Mock Platform
+const Platform = {
+  OS: 'ios',
+  select: (obj) => obj.ios || obj.default,
+};
+
+// Mock Dimensions
+const Dimensions = {
+  get: () => ({ width: 375, height: 667 }),
+};
+
+// Mock StyleSheet
+const StyleSheet = {
+  create: (styles) => styles,
+  flatten: (style) => style,
+  compose: (style1, style2) => [style1, style2],
+};
+
+module.exports = {
+  View,
+  Text,
+  ScrollView,
+  Animated,
+  Platform,
+  Dimensions,
+  StyleSheet,
+};