ci(react-native): fix jest (#1175)

close #1153

# Overview

<!--
    A clear and concise description of what this pr is about.
 -->

## PR Checklist

- [x] I did below actions if need

1. I read the [Contributing
Guide](https://github.com/toss/suspensive/blob/main/CONTRIBUTING.md)
2. I added documents and tests.

.github/labeler.yml

@@ -2,6 +2,8 @@
   - "packages/utils/**/*"
 "@suspensive/react":
   - "packages/react/**/*"
+"@suspensive/react-native":
+  - "packages/react-native/**/*"
 "@suspensive/react-query":
   - "packages/react-query/**/*"
 "@suspensive/react-query-4":

codecov.yml

@@ -28,6 +28,10 @@ component_management:
       name: '@suspensive/react'
       paths:
         - packages/react/**
+    - component_id: react-native
+      name: '@suspensive/react-native'
+      paths:
+        - packages/react-native/**
     - component_id: react-query
       name: '@suspensive/react-query'
       paths:

docs/suspensive.org/package.json

@@ -16,6 +16,7 @@
     "build": "next build",
     "ci:eslint": "next lint",
     "ci:type": "tsc --noEmit",
+    "clean": "rimraf ./.next",
     "dev": "next dev -p 4000",
     "start": "next start -p 4000"
   },

examples/next-streaming-react-query/package.json

@@ -6,6 +6,7 @@
     "build": "next build",
     "ci:eslint": "next lint",
     "ci:type": "tsc --noEmit",
+    "clean": "rimraf ./.next",
     "dev": "next dev -p 4100",
     "start": "next start -p 4100"
   },

knip.json

@@ -20,7 +20,7 @@
       "ignoreDependencies": ["@suspensive/react"]
     },
     "packages/react-native": {
-      "ignoreDependencies": ["expo", "@testing-library/react-native"],
+      "ignoreDependencies": ["expo", "ts-node"],
       "ignore": ["babel.config.cjs"]
     }
   }

packages/react-native/jest.config.ts

@@ -0,0 +1,11 @@
+import type { Config } from 'jest'
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+module.exports = {
+  preset: 'jest-expo',
+  transform: {
+    '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
+  },
+  transformIgnorePatterns: ['../../node_modules/(?!@react-native|react-native)'],
+  setupFilesAfterEnv: ['./jest.setup.ts'],
+} satisfies Config

packages/react-native/jest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/react-native/extend-expect'

packages/react-native/package.json

@@ -42,8 +42,8 @@
     "ci:attw": "attw --pack",
     "ci:eslint": "eslint \"**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts}\"",
     "ci:publint": "publint --strict",
-    "ci:test": "jest",
-    "ci:test:watch": "vitest --ui --coverage --typecheck",
+    "ci:test": "jest --coverage",
+    "ci:test:watch": "jest --watchAll --coverage",
     "ci:type": "tsc --noEmit",
     "clean": "rimraf ./dist && rimraf ./coverage",
     "dev": "tsup --watch",
@@ -63,7 +63,8 @@
     "jest": "^29.7.0",
     "jest-expo": "^51.0.3",
     "react": "^18.3.1",
-    "react-native": "0.74.3"
+    "react-native": "0.74.3",
+    "ts-node": "^10.9.2"
   },
   "peerDependencies": {
     "react": "^18",

packages/react-native/src/TestText.spec.tsx

@@ -1,5 +1,12 @@
+import { render, screen } from '@testing-library/react-native'
+import { TestText } from './TestText'
+
 describe('<TestText />', () => {
   it('should render text "Test" with custom text', () => {
+    render(<TestText />)
+
     expect(1).toBe(1)
+    expect(screen.queryByRole('text', { name: 'Test' })).toBeOnTheScreen()
+    expect(screen.queryByRole('text', { name: 'Text' })).not.toBeOnTheScreen()
   })
 })