React中编写的tsx组件，如何导入到js中进行单元测试？看了蚂蚁的源码，还是有点不太明白，进来一起研究下

//Regular imports

import * as React from 'react';



//Synthetic default imports:

import React from 'react';

"@types/react": "^15.0.38",

    "@types/react-dom": "~0.14.18",

    "antd-demo-jest": "^1.3.0",

    "antd-tools": "~1.6.0",

    "babel-cli": "^6.18.0",

    "babel-eslint": "^7.1.0",

    "babel-jest": "^19.0.0",

    "babel-plugin-import": "^1.0.0",

    "babel-plugin-transform-runtime": "^6.23.0",

    "babel-preset-es2015": "^6.18.0",

    "babel-preset-react": "^6.16.0",

    "babel-preset-stage-0": "^6.16.0",

    "bezier-easing": "^2.0.3",

    "bisheng": "^0.24.0",

    "bisheng-plugin-antd": "^0.15.0",

    "bisheng-plugin-description": "^0.1.1",

    "bisheng-plugin-react": "^0.5.0",

    "bisheng-plugin-toc": "^0.4.0",

    "color-standalone": "^0.11.6",

    "cross-env": "^4.0.0",

    "css-split-webpack-plugin": "^0.2.3",

    "dekko": "^0.2.0",

    "delegate": "^3.1.2",

    "dora-plugin-upload": "^0.3.1",

    "enquire.js": "^2.1.1",

    "enzyme": "^2.6.0",

    "enzyme-to-json": "^1.3.0",

    "eslint": "^3.0.1",

    "eslint-config-airbnb": "latest",

    "eslint-plugin-babel": "^4.0.0",

    "eslint-plugin-import": "^2.2.0",

    "eslint-plugin-jsx-a11y": "^5.0.1",

    "eslint-plugin-markdown": "~1.0.0-beta.4",

    "eslint-plugin-react": "^7.0.1",

    "eslint-tinker": "^0.4.0",

    "fetch-jsonp": "^1.0.3",

    "glob": "^7.1.1",

    "jest": "^20.0.4",

    "jsonml.js": "^0.1.0",

    "lint-staged": "^3.3.1",

    "mockdate": "^2.0.1",

    "moment-timezone": "^0.5.5",

    "pre-commit": "^1.2.2",

    "querystring": "^0.2.0",

    "rc-queue-anim": "^1.0.1",

    "rc-scroll-anim": "^1.0.3",

    "rc-tween-one": "^1.1.2",

    "react": "^15.0.0",

    "react-color": "^2.11.7",

    "react-copy-to-clipboard": "^4.0.1",

    "react-document-title": "^2.0.1",

    "react-dom": "^15.0.0",

    "react-github-button": "^0.1.1",

    "react-intl": "^2.0.1",

    "react-sublime-video": "^0.2.0",

    "react-test-renderer": "^15.5.4",

    "reqwest": "^2.0.5",

    "rimraf": "^2.5.4",

    "stylelint": "^7.8.0",

    "stylelint-config-standard": "^16.0.0",

    "typescript": "~2.3.0",

    "typescript-babel-jest": "^1.0.2",

    "values.js": "^1.0.3",

    "xhr2": "^0.1.3"

//index.test.js

import React from 'react';

import TestUtils from 'react-dom/test-utils';

import { Col, Row } from '..'; //看过antd源码的会知道，这两个是tsx编写的组件



describe('Grid', () => {

  it('should render Col', () => {

    const col = TestUtils.renderIntoDocument(