React Test Suite не выполнен из-за неожиданного токена - PullRequest
Новая
       74

React Test Suite не выполнен из-за неожиданного токена

0 голосов
/ 10 декабря 2018

У меня проблема с моим кодом.Я использую JEST & Enzyme для запуска тестирования моего проекта.

ChildComponent: 

// Shortened for simplicity
Object.assign(ReactTableDefaults.column, {
    style: {"textAlign": "left"},
    headerStyle: {
      "fontWeight": "600", 
      "fontSize": "0.9em",
      "backgroundColor": "#DDE7ED",
      "color": "#1D3557",
      "borderColor": "#1D3557",
      "textAlign": "left"
    }
});

ParentComponent: 

// Shortened for simplicity
render() {
let ChildComponent;
if (!this.state.submittedSearch) {
  ChildComponent = (
    <div style={{ textAlign: "center" }}>
      <hr />
      <h3>Please ensure that you fill up all the fields.</h3>
    </div>
  );
} else {
  ChildComponent = (
    <div>
      <Row>
        <ChildComponent
          {...props} />
      </Row>
    </div>
  );

Вот ошибка, которую я получаю: 

//Shortened for simplicity

● Не удалось запустить набор тестов 

E:\cv_UserTemp\*****\node_modules\react-table\react-table.css:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){.ReactTable{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid rgba(0,0,0,0.1);}.ReactTable *{box-sizing:border-box}.ReactTable .rt-table{-webkit-box-flex:1;-ms-flex:auto 1;flex:auto 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;border-collapse:collapse;overflow:auto}.ReactTable .rt-thead{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-

SyntaxError: Unexpected token .

  17 |       "fontWeight": "600",
  18 |       "fontSize": "0.9em",
> 19 |       "backgroundColor": "#DDE7ED",
  20 |       "color": "#1D3557",
  21 |       "borderColor": "#1D3557",
  22 |       "textAlign": "left"

  at ScriptTransformer._transformAndBuildScript (I:/*****/node_modules/jest-runtime/build/script_transformer.js:316:17)

Я не уверен, что является причиной этой ошибки.Сначала я подозревал, что это как-то связано с моим webpack.config.js или моим .babelrc.Но после того, как я возился с моим кодом, я все еще не уверен, что происходит.Вот как выглядит мой .babelrc: 

//.babelrc
{
  "presets": [
    "babel-preset-flow",
    "babel-preset-latest",
    "babel-preset-env",
    "babel-preset-stage-2",
    "react",
    [
      "env",
      {
        "modules": false
      }
    ]
  ],
  "plugins": [
    "react-hot-loader/babel"
  ]
}

Я использую следующее:

  • React v15.6.2
  • ReactDom v15.6.2
  • babel-polyfill v6.23.0
  • babel-jest v23.0.1
  • babel-preset-env v1.4.0

Спасибо за вашу помощь

...