Как протестить такой компонент в Jest?

Question

[Ninja Mate]

Есть проблема как протестировать такой компонент.

import React from 'react'
// rowMenuComposer мне не нужно тестировать, но как без него запустить не понимаю
import rowMenuComposer from '../../lib/reactv-navigation/components/RowMenu'
import StationCard from '../StationCard'
import './StationList.scss'

export const StationList = ({menuItems, isFocused, menu: { index }, zip}) => {
  return (
    <div className='StationList'>
      <div style={{left: index * -320}}>

        <p className='h3'>Stations near {zip}</p>
        {menuItems.map((station, idx) => (
          <StationCard key={`rec:${station.attributes.guid}`}
            {...station.attributes}
            logo={station.logo}
            focused={isFocused(idx)} />
				))}
      </div>
    </div>
  )
}
// вот это не хочу тестировать
export default rowMenuComposer(StationList)

Тест такой

import React from 'react'
import { shallow } from 'enzyme'
import StationCard from './../src/components/StationCard/StationCard'
// StationList правильно делаю импорт?
import {StationList} from './../src/components/StationList/StationList'
import renderer from 'react-test-renderer'

describe('Test Station Router', () => {
// проходим
  it('renders correctly StationCard', () => {
    const tree = renderer.create(
      <StationCard brand='Name' logo='logo' focused />
		).toJSON()
    expect(tree).toMatchSnapshot()
  })
// не проходим выдает ошибку с указанием на место в файле из StationList default import rowMenuComposer 
// по идеи его мне вообще не нужно импортировать
  it('renders correctly', () => {
		const menuItems = [{...}]
		const tree = renderer.create(
			<StationList menuItems={menuItems}
									 isFocused={true}
									 index={0}
									 zip="11111"
			/>
		).toJSON()
		expect(tree).toMatchSnapshot()
	})

	})

Ошибка

__tests__/Station.test.js
● Test suite failed to run

/Users/ninjamate/Documents/projects/NPROne-X1/src/lib/reactv-navigation/components/RowMenu.js: Unexpected token (14:24)
12 | const RowMenuComposer = (InnerComponent, direction = 'horizontal') => {
13 | class RowMenu extends React.Component {
> 14 | static contextTypes = {
| ^
15 | mid: PropTypes.string,
16 | getMenuId: PropTypes.func
17 | }

Answer 1

[Negwereth]

Так это, transform-class-properties стоит?

Comments

[Ninja Mate]

"babel-plugin-transform-class-properties": "^6.24.1",

[Ninja Mate]

{
  "presets": [["es2015", { "modules": false }], "react"],
  "env": {
    "test": {
      "plugins": [
        ["transform-es2015-modules-commonjs" ],
        ["transform-class-properties", { "spec": true }]
      ],
      "presets": [["es2015", { "modules": false }], "react"]
    }
  }
}

забыл добавить. все заработало. ну как все... другие ошибки появились

[Negwereth]

Ninja Mate, другие ошибки - другой вопрос