wallaby transform

.babelrc

{
  "presets": ["es2015", "react"]
}

.gitignore

node_modules
index-ts.js

index-js.jsx

import React from 'react'

const JSX = () => <div />

export default JSX

index-ts.tsx

import * as React from 'react'

const TSX = () => <div />

export default TSX

package.json

{
  "name": "wallaby-transform",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "@types/react": "^0.14.33",
    "babel-core": "^6.14.0",
    "babel-preset-es2015": "^6.14.0",
    "babel-preset-react": "^6.11.1",
    "mocha": "^3.0.2",
    "react": "^15.3.1",
    "react-dom": "^15.3.1",
    "typescript": "^2.0.2",
    "wallaby-webpack": "^0.0.23"
  },
  "devDependencies": {},
  "scripts": {
    "build": "tsc && babel index-js.jsx index-ts.js",
    "test": "tsc && mocha test.js --compilers js:babel-core/register"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

test.js

import React from 'react'
import ReactDOMServer from 'react-dom/server'
import assert from 'assert'

import JSX from './index-js'
import TSX from './index-ts'

describe('JSX', () => {
  it('should have correct component name', () => {
    assert.equal(JSX.name, 'JSX')
  })
})

describe('TSX', () => {
  it('should have correct component name', () => {
    assert.equal(TSX.name, 'TSX')
  })
})

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "jsx": "react",
    "module": "commonjs"
  }
}

wallaby.js

module.exports = function (wallaby) {
  // comment next line to break component names
  wallaby.defaults.files.instrument = false

  return {
    files: [
      './index*.jsx',
      './index*.tsx',
    ],
    tests: [
      './test.js'
    ],
    compilers: {
      '**/*.js*': wallaby.compilers.babel({ babelrc: true }),
      '**/*.ts*': wallaby.compilers.typeScript(),
    },
    preprocessors: {
      '**/*.js*': (file) => require('babel-core').transform(file.content, {
        "presets": ["es2015", "react"]
      })
    },
    testFramework: 'mocha',
    env: {
      type: 'node'
    },
  }
}