[workflow/test] Fixing test cases and code checks

.eslintignore

@@ -0,0 +1,6 @@
+node_modules/
+examples/
+__test__/
+
+.github
+coverage/

.eslintrc.js

@@ -1,4 +1,25 @@
 module.exports = {
   root: true,
-  extends: '@react-native',
+  extends: ['@react-native', 'plugin:testing-library/react'],
+  ignorePatterns: ['.eslintrc.js', '**/*.config.js', '**/*.setup.ts'],
+  env: { jest: true },
+  parserOptions: {
+    sourceType: 'module',
+    useJSXTextNode: true,
+    tsconfigRootDir: __dirname,
+    project: './tsconfig.json',
+  },
+  plugins: ['unused-imports'],
+  overrides: [
+    {
+      files: ['src/**/*.{ts,tsx,js,jsx}'],
+      rules: {
+        'object-curly-spacing': ['error', 'always'],
+        'unused-imports/no-unused-imports': 'error',
+        complexity: ['error', 8],
+        'import/extensions': 0,
+        'react/jsx-filename-extension': [2, { extensions: ['.tsx'] }],
+      },
+    },
+  ],
 };

.github/actions/install-dependencies/action.yml

@@ -6,9 +6,17 @@ runs:
     - name: Setup Node.js
       uses: actions/setup-node@v3
       with:
-        node-version: 22.9.0
+        node-version: 20
         cache: 'yarn'
 
+    - name: Cache node modules
+      uses: actions/cache@v3
+      with:
+        path: node_modules
+        key: ${{ runner.os }}-node-${{ hashFiles('yarn.lock') }}
+        restore-keys: |
+          ${{ runner.os }}-node-
+
     - name: Install dependencies
       run: yarn install
       shell: bash

.github/workflows/code-check.yaml

@@ -19,6 +19,8 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Run unit tests
-        run: yarn run test --coverage --forceExit --maxWorkers=2
-        continue-on-error: false
+      - name: SonarCloud Scan
+        uses: sonarsource/sonarcloud-github-action@v2
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

.github/workflows/codeql.yml

@@ -0,0 +1,30 @@
+name: "CodeQL Analysis"
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: 
+      - master
+  schedule:
+    - cron: '0 0 * * 0'
+
+jobs:
+  codeql:
+    name: Analyze
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v3
+
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: typescript, javascript
+
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v3
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3

.github/workflows/lint.yml

@@ -0,0 +1,26 @@
+name: Lint
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  eslint:
+    name: "Eslint check"
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Install dependencies
+        uses: ./.github/actions/install-dependencies
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Run ESLint
+        run: yarn run lint
+        continue-on-error: false

.github/workflows/test-runner.yaml

@@ -0,0 +1,24 @@
+name: Test
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types: [opened, synchronize, reopened]
+jobs:
+  code-quality-check:
+    name: Test Runner
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Install dependencies
+        uses: ./.github/actions/install-dependencies
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Run unit tests
+        run: yarn run test --coverage --forceExit --maxWorkers=2
+        continue-on-error: false

.github/workflows/type-check.yaml

@@ -0,0 +1,23 @@
+name: TSC
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    types: [opened, synchronize, reopened]
+jobs:
+  code-quality-check:
+    name: Type Check
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Install dependencies
+        uses: ./.github/actions/install-dependencies
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Run TypeScript type check
+        run: npx tsc --noEmit
+        continue-on-error: false

.prettierrc.js

@@ -1,7 +1,9 @@
 module.exports = {
   arrowParens: 'avoid',
   bracketSameLine: true,
-  bracketSpacing: false,
+  bracketSpacing: true,
   singleQuote: true,
   trailingComma: 'all',
+  tabWidth: 2,
+  printWidth: 130,
 };

.sonarlint/Ffi_staticLib.json

@@ -0,0 +1,5 @@
+{
+  "sonarCloudOrganization": "material-elements",
+  "projectKey": "material-elements_react-native-material-elements",
+  "region": "EU"
+}

.vscode/settings.json

@@ -1,3 +1,7 @@
 {
-  "cSpell.words": ["Cocoapods"]
+  "cSpell.words": ["Cocoapods"],
+  "sonarlint.connectedMode.project": {
+    "connectionId": "material-elements",
+    "projectKey": "material-elements_react-native-material-elements"
+  }
 }

App.tsx

@@ -1,9 +1,6 @@
 import React from 'react';
-import {SafeAreaView, ScrollView} from 'react-native';
-import {
-  Container,
-  ThemeProvider,
-} from './src/packages/react-native-material-elements';
+import { SafeAreaView, ScrollView } from 'react-native';
+import { Container, ThemeProvider } from './src/packages/react-native-material-elements';
 
 function App(): React.JSX.Element {
   return (

index.js

@@ -2,8 +2,8 @@
  * @format
  */
 
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 import App from './App';
-import {name as appName} from './app.json';
+import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);

jest.config.js

@@ -17,31 +17,24 @@ module.exports = {
     '.enum.ts',
     '/config/',
     '/coverage/',
+    '.eslintrc.js',
+    '.prettierrc.js',
+    'babel.config.js',
   ],
 
   coverageReporters: ['html', 'text', 'lcov', 'text-summary'],
 
-  moduleFileExtensions: [
-    'ts',
-    'tsx',
-    'js',
-    'jsx',
-    'json',
-    'node',
-    'mjs',
-    'svg',
-    'png',
-  ],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node', 'mjs', 'svg', 'png'],
   testEnvironment: 'node',
 
   setupFiles: ['./jest.setup.ts'],
 
   coverageThreshold: {
     global: {
-      branches: 80,
+      statements: 80,
+      branches: 75,
       functions: 80,
       lines: 80,
-      statements: 80,
     },
   },
 };

metro.config.js

@@ -1,4 +1,4 @@
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
 /**
  * Metro configuration

package.json

@@ -10,16 +10,11 @@
     "test": "jest --coverage"
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.1.1",
-    "@testing-library/react-native": "^12.9.0",
     "lodash": "^4.17.21",
     "react": "18.3.1",
-    "react-hook-form": "^7.58.0",
     "react-native": "0.76.3",
-    "react-native-phone-number-input": "^2.1.0",
     "react-native-vector-icons": "^10.2.0",
-    "use-context-selector": "^2.0.0",
-    "yup": "^1.6.1"
+    "use-context-selector": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
@@ -33,13 +28,16 @@
     "@react-native/metro-config": "0.76.3",
     "@react-native/typescript-config": "0.76.3",
     "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react-native": "^12.9.0",
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18.2.6",
     "@types/react-native-vector-icons": "^6.4.18",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",
     "eslint": "^8.19.0",
+    "eslint-plugin-testing-library": "^7.8.0",
+    "eslint-plugin-unused-imports": "^4.2.0",
     "jest": "^29.6.3",
     "prettier": "2.8.8",
     "react-test-renderer": "18.2.0",

sonar-project.properties

@@ -0,0 +1,11 @@
+sonar.projectKey=material-elements_react-native-material-elements
+sonar.organization=material-elements
+
+sonar.sources=src
+
+sonar.exclusions=**/node_modules/**, **/*.test.ts, **/*.spec.ts, **/__test__/**, **/examples/**, **/**.styles.ts
+
+sonar.javascript.file.suffixes=.js,.jsx
+sonar.typescript.file.suffixes=.ts,.tsx
+
+sonar.javascript.lcov.reportPaths=coverage/lcov.info

src/packages/react-native-material-elements/__test__/BaseButton.test.tsx

@@ -69,4 +69,12 @@ describe('Base button component', () => {
     expect(mockOnPress).toHaveBeenCalled();
     expect(mockOnPress).toHaveBeenCalledTimes(1);
   });
+
+  it('should called the onLongPress function', () => {
+    jest.useFakeTimers();
+    const { getByTestId } = render(<BaseButton onLongPress={mockOnLongPress} testID={mockTestId} />);
+    const button = getByTestId(mockTestId);
+    fireEvent(button, 'longPress', { nativeEvent: {} });
+    expect(mockOnLongPress).toHaveBeenCalled();
+  });
 });