Skip to content

Commit 36610c5

Browse files
wesrisenmay-mxwesrisenmay-mx
committed
converted to vitest to fix msw upgrade issues
1 parent 71e7633 commit 36610c5

8 files changed

Lines changed: 8263 additions & 9712 deletions

File tree

‎package-lock.json‎

Lines changed: 8212 additions & 9642 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 6 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,8 @@
2929
"prepack": "npm run build",
3030
"prettier": "prettier src test example/App.tsx",
3131
"spellcheck": "cspell $(git ls-files)",
32-
"test": "jest --verbose --coverage"
32+
"test": "vitest run --coverage",
33+
"test:watch": "vitest"
3334
},
3435
"bin": {
3536
"mx-widget-sdk-setup": "dist/src/cli/setup.js"
@@ -49,19 +50,17 @@
4950
"@mxenabled/sso-api-proxy": "^1.3.3",
5051
"@react-native/babel-preset": "^0.75.3",
5152
"@testing-library/react-native": "^9.0.0",
52-
"@types/jest": "^27.4.0",
5353
"@types/node-fetch": "^2.5.12",
5454
"@types/react": "^18.3.9",
5555
"@types/react-native": "^0.70.19",
5656
"@types/react-native-base64": "^0.2.0",
5757
"@types/react-test-renderer": "^18.3.0",
5858
"@typescript-eslint/eslint-plugin": "^5.11.0",
5959
"@typescript-eslint/parser": "^5.11.0",
60-
"babel-jest": "^29.6.3",
60+
"@vitest/coverage-v8": "^4.0.15",
6161
"cspell": "^6.1.1",
6262
"eslint": "^8.19.0",
6363
"eslint-plugin-react-hooks": "^4.3.0",
64-
"jest": "^29.6.3",
6564
"msw": "^2.12.4",
6665
"node-fetch": "^2.6.7",
6766
"prettier": "^2.8.8",
@@ -72,32 +71,9 @@
7271
"react-test-renderer": "^18.3.1",
7372
"ts-node": "^10.4.0",
7473
"typescript": "^4.5.5",
75-
"uri-scheme": "^1.0.112"
76-
},
77-
"jest": {
78-
"preset": "react-native",
79-
"collectCoverageFrom": [
80-
"src/**/**"
81-
],
82-
"setupFiles": [
83-
"./test/setup.ts"
84-
],
85-
"setupFilesAfterEnv": [
86-
"./test/mocks/setup.ts",
87-
"./test/mocks/react_native_webview.ts"
88-
],
89-
"testRegex": [
90-
"_test\\.[jt]sx?$"
91-
],
92-
"testPathIgnorePatterns": [
93-
"<rootDir>/node_modules",
94-
"<rootDir>/dist",
95-
"<rootDir>/build",
96-
"<rootDir>/example"
97-
],
98-
"transformIgnorePatterns": [
99-
"node_modules/(?!@ngrx|(?!deck.gl)|ng-dynamic)"
100-
]
74+
"uri-scheme": "^1.0.112",
75+
"vitest": "^4.0.15",
76+
"vitest-react-native": "^0.1.5"
10177
},
10278
"eslintConfig": {
10379
"root": true,

‎test/components/widgets_test.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import React, { FC } from "react"
22
import { render, waitFor } from "@testing-library/react-native"
33
import { act } from "react-test-renderer"
4+
import { vi } from "vitest"
45

56
import { BudgetsWidget, MasterWidget } from "../../src/components/MoneyMapWidgets"
67
import { PulseWidget, MiniPulseCarouselWidget } from "../../src/components/PulseWidgets"
@@ -238,7 +239,7 @@ function testSsoUrlLoading(Component: FC<Props>) {
238239
})
239240

240241
test("it throws when no loading props are included", () => {
241-
const spy = jest.spyOn(console, "error")
242+
const spy = vi.spyOn(console, "error")
242243
spy.mockImplementation(() => {
243244
/* do nothing */
244245
})

‎test/mocks/react_native.ts‎

Lines changed: 14 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import * as ReactNative from "react-native"
1+
import { vi } from "vitest"
22

33
const callbacks: Record<string, Record<string, ((...args: unknown[]) => void)[]>> = {
44
dimensions: {},
@@ -23,32 +23,32 @@ export function triggerUrlChange(url: string) {
2323
}
2424

2525
export const Dimensions = {
26-
addEventListener: jest.fn().mockImplementation((event, fn) => {
26+
addEventListener: vi.fn().mockImplementation((event, fn) => {
2727
callbacks["dimensions"][event] = callbacks["dimensions"][event] || []
2828
callbacks["dimensions"][event].push(fn)
2929
}),
30-
removeEventListener: jest.fn().mockImplementation((event, fn) => {
30+
removeEventListener: vi.fn().mockImplementation((event, fn) => {
3131
callbacks["dimensions"][event] = callbacks["dimensions"][event] || []
3232
const index = callbacks["dimensions"][event].indexOf(fn)
3333
if (index > -1) {
3434
callbacks["dimensions"][event].splice(index, 1)
3535
}
3636
}),
37-
get: jest.fn().mockImplementation(() => ({
37+
get: vi.fn().mockImplementation(() => ({
3838
height,
3939
width,
4040
})),
4141
}
4242

4343
export const Linking = {
44-
openURL: jest.fn().mockImplementation((url) => {
44+
openURL: vi.fn().mockImplementation((url) => {
4545
return url
4646
}),
47-
addEventListener: jest.fn().mockImplementation((event, fn) => {
47+
addEventListener: vi.fn().mockImplementation((event, fn) => {
4848
callbacks["linking"][event] = callbacks["linking"][event] || []
4949
callbacks["linking"][event].push(fn)
5050
}),
51-
removeEventListener: jest.fn().mockImplementation((event, fn) => {
51+
removeEventListener: vi.fn().mockImplementation((event, fn) => {
5252
callbacks["linking"][event] = callbacks["linking"][event] || []
5353
const index = callbacks["linking"][event].indexOf(fn)
5454
if (index > -1) {
@@ -58,19 +58,14 @@ export const Linking = {
5858
}
5959

6060
export const NativeModules = {
61-
...ReactNative.NativeModules,
6261
RNCWebViewManager: {
63-
startLoadWithResult: jest.fn(),
62+
startLoadWithResult: vi.fn(),
6463
},
6564
}
6665

67-
jest.doMock("react-native", () =>
68-
Object.setPrototypeOf(
69-
{
70-
Dimensions,
71-
Linking,
72-
NativeModules,
73-
},
74-
ReactNative,
75-
),
76-
)
66+
vi.mock("react-native", () => ({
67+
SafeAreaView: "SafeAreaView",
68+
Dimensions,
69+
Linking,
70+
NativeModules,
71+
}))

‎test/mocks/react_native_webview.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
jest.mock("react-native-webview", () => {
1+
import { vi } from "vitest"
2+
3+
vi.mock("react-native-webview", () => {
24
const { View } = require("react-native")
35
return {
46
__esModule: true,

‎test/mocks/setup.ts‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
import "./react_native"
2-
31
import { server } from "./server"
42

53
beforeAll(() => server.listen())

‎tsconfig.json‎

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -8,32 +8,19 @@
88
"noUnusedLocals": true,
99
"strictNullChecks": true,
1010
"skipLibCheck": true,
11-
"types": [
12-
"node",
13-
"jest"
14-
],
11+
"types": ["node", "vitest/globals"],
1512
"allowJs": true,
1613
"allowSyntheticDefaultImports": true,
1714
"esModuleInterop": true,
1815
"resolveJsonModule": true,
1916
"isolatedModules": false,
2017
"jsx": "react-native",
21-
"lib": [
22-
"es6"
23-
],
18+
"lib": ["es6"],
2419
"moduleResolution": "node",
2520
"noEmit": true,
2621
"strict": true,
2722
"target": "esnext"
2823
},
29-
"include": [
30-
"**/*.ts",
31-
"**/*.tsx"
32-
],
33-
"exclude": [
34-
"node_modules",
35-
"**/node_modules/*",
36-
"dist",
37-
"example"
38-
]
24+
"include": ["**/*.ts", "**/*.tsx"],
25+
"exclude": ["node_modules", "**/node_modules/*", "dist", "example"]
3926
}

‎vitest.config.ts‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import { defineConfig } from "vitest/config"
2+
import react from "vitest-react-native"
3+
4+
export default defineConfig({
5+
plugins: [react()],
6+
test: {
7+
globals: true,
8+
setupFiles: [
9+
"./test/mocks/react_native.ts",
10+
"./test/setup.ts",
11+
"./test/mocks/setup.ts",
12+
"./test/mocks/react_native_webview.ts",
13+
],
14+
coverage: {
15+
provider: "v8",
16+
reporter: ["text", "json", "html", "lcov"],
17+
include: ["src/**/*"],
18+
},
19+
include: ["**/*_test.{ts,tsx}"],
20+
exclude: ["**/node_modules/**", "**/dist/**", "**/build/**", "**/example/**"],
21+
},
22+
})

0 commit comments

Comments
 (0)