axelnormand / react-native-typescript-wallaby-jest

skeleton project for create react native app and typescript

Skeleton create react native app with typescript

All the config I found quite a pain to setup so maybe this will help someone.

Any feedback appreciated.

Install & Run

Global installs

• install node 8+
• npm install --global yarn
• yarn global add typescript
• yarn global add jest

Then build & run project

• yarn install
• yarn start to run
• yarn test to jest tests
• yarn storybook to run storybook
• yarn lint to run tslint

Notes

• Storybook and storyshots. Uses storyloader to auto generate all requires from *.story.tsx to use on storyshots.test.ts
• Typescript config transpiles jsx for wallaby
• Expo set to preprocess ts files in app.json
• Jest has to use ts-jest to compile ts and then babel to hoist jest.mock()
• Jest coverage to JUnit xml
• Some nice TS Lint rules
• JSDom with Enzyme setup so can use shallow and mount and looks nice in jest snapshots with enzyme serializer
• Prettier is awesome
• Wallaby also awesome

react-native-typescript-wallaby-jest's Issues

Module ./tools/jest/jest.setup.js in the setupFiles option was not found.​​

I got this error after following the steps in readme.

Validation Error:​​ ​​​​ ​​ Module ./tools/jest/jest.setup.js in the setupFiles option was not found.​​ ​​​​ ​​ Configuration Documentation:​​ ​​ https://facebook.github.io/jest/docs/configuration.html​​

Error with. jest

Hello, thanks for this repo,
i. have an. issue when i run wallaby, and yarn jest

here the description

$ /Users/macbookpro/code/test/wallabytest/react-native-typescript-wallaby-jest/node_modules/.bin/jest
 FAIL  src/app/App/App.test.tsx
  ● Test suite failed to run

    /Users/macbookpro/code/test/wallabytest/react-native-typescript-wallaby-jest/node_modules/react-native/jest/setup.js: babel-plugin-jest-hoist: The module factory of `jest.mock()` is not allowed to reference any out-of-scope variables.
    Invalid variable access: console
    Whitelisted objects: Array, ArrayBuffer, Boolean, DataView, Date, Error, EvalError, Float32Array, Float64Array, Function, Generator, GeneratorFunction, Infinity, Int16Array, Int32Array, Int8Array, InternalError, Intl, JSON, Map, Math, NaN, Number, Object, Promise, Proxy, RangeError, ReferenceError, Reflect, RegExp, Set, String, Symbol, SyntaxError, TypeError, URIError, Uint16Array, Uint32Array, Uint8Array, Uint8ClampedArray, WeakMap, WeakSet, arguments, expect, jest, require, undefined, global, clearInterval, clearTimeout, setInterval, setTimeout, queueMicrotask, clearImmediate, setImmediate.
    Note: This is a precaution to guard against uninitialized mock variables. If it is ensured that the mock is required lazily, variable names prefixed with `mock` are permitted.
      
      at invariant (node_modules/babel-plugin-jest-hoist/build/index.js:12:11)

what can i. do to fix that ?

Thank you