Sean Barnard

Wallaby.js setup with node and typescript or react and typescript

Wallaby

Wallaby is an incredible javascript unit test runner that runs alongside a variety of text editors.

I use Visual Studio Code Insiders

Node

Original credit

npm i -D @babel/core @babel/preset-env @babel-preset-typescript
npm i -D @types/jest jest jest-extended

babel.config.js:

module.exports = {
  presets: [

    [
      '@babel/preset-env',
      {
        targets: {
          node: 'current',
        },
      },
    ],
    '@babel/preset-typescript',

  ], 
}; 

Github starter template

React

npm i -D @babel/core @babel/preset-env @babel-preset-typescript @babel/preset-react @babel/plugin-transform-runtime
npm i -D @types/jest jest enzyme enzyme-adapter-react-16

.babelrc:

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-typescript",
        "@babel/preset-react"
    ],
    "plugins": [
        [
            "@babel/plugin-transform-runtime",
            {
                "regenerator": true
            }
        ]
    ]
}

Github starter template


Sean Barnard, software developer at Innovyze.