Testing react-native-paper

[DamianKonce]

Hello all.
How can I test My react-native-library components?
When I try to test it with jest i have:
"Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

"

Im using Jest.

babel:

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    'react-native-reanimated/plugin',
    'react-native-paper/babel'
  ],
};

packageJson:

{
  "name": "shopXYZ",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
  },
  "dependencies": {
    "@emotion/react": "^11.10.5",
    "@emotion/styled": "^11.10.5",
    "@hookform/resolvers": "^2.9.10",
    "@mui/material": "^5.10.12",
    "@react-native-firebase/app": "^16.4.3",
    "@react-native-firebase/firestore": "^16.4.3",
    "@react-navigation/drawer": "^6.5.0",
    "@react-navigation/native": "^6.0.13",
    "@react-navigation/native-stack": "^6.9.1",
    "@types/lodash.memoize": "^4.1.7",
    "@types/styled-components": "^5.1.26",
    "babel-preset-react-native": "^4.0.1",
    "firebase": "^9.13.0",
    "i18n-js": "^4.1.1",
    "i18next": "^22.0.4",
    "i18next-browser-languagedetector": "^7.0.1",
    "intl-pluralrules": "^1.3.1",
    "lodash.memoize": "^4.1.2",
    "react": "18.1.0",
    "react-hook-form": "^7.39.1",
    "react-i18next": "^12.0.0",
    "react-native": "0.70.3",
    "react-native-gesture-handler": "^2.8.0",
    "react-native-linear-gradient": "^2.6.2",
    "react-native-localize": "^2.2.4",
    "react-native-paper": "5.0.0-rc.9",
    "react-native-reanimated": "^2.12.0",
    "react-native-safe-area-context": "^4.4.1",
    "react-native-screens": "^3.18.2",
    "react-native-vector-icons": "^9.2.0",
    "styled-components": "^5.3.6",
    "yup": "^0.32.11"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "@testing-library/jest-native": "^5.3.0",
    "@testing-library/react-native": "^11.4.0",
    "@tsconfig/react-native": "^2.0.2",
    "@types/jest": "^26.0.23",
    "@types/node": "^18.11.9",
    "@types/react": "^18.0.21",
    "@types/react-native": "^0.70.4",
    "@types/react-test-renderer": "^18.0.0",
    "@types/styled-components": "^5.1.26",
    "@typescript-eslint/eslint-plugin": "^5.37.0",
    "@typescript-eslint/parser": "^5.37.0",
    "babel-jest": "^26.6.3",
    "eslint": "^7.32.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "0.72.3",
    "react-test-renderer": "18.1.0",
    "typescript": "^4.8.3"
  },
  "jest": {
    "preset": "react-native",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ],
      "setupFilesAfterEnv": ["@testing-library/jest-native/extend-expect"]
    }
}

[mbuttdius]

hi @DamianKonce - did you get this working? Im just trying to setup react-native-testing-library with react-native-paper? If so do you have an example or guidance to getting it done?

Cheers

[abcarlisle]

I am struggling with this as well using typescript, jest, and react native testing library. Issues with CJS vs ESM, if i fix those i end up with Cannot find module './Libraries/Utilities/Platform' from 'node_modules/react-native/index.js'