Реакция юнит-тестирования, использующая веб-компоненты - PullRequest
Новая
       8

Реакция юнит-тестирования, использующая веб-компоненты

0 голосов
/ 30 января 2019

Я пытаюсь написать модульный тест для реагирующего компонента, в котором я использую веб-компонент внутри моего реагирующего компонента.Реализация компонента: 

import React, { Component } from "react";
import '@vaadin/vaadin-date-picker';

class AppForm extends Component {

   constructor(props) {
      super(props);
      this.state = { dob: '' };
      this.dobRef = React.createRef();
   }

   componentDidMount() {
      this.refs.dobRef.addEventListener('change', e=> {
        console.log('componentDidMount', e.target.value);
      })
   }

render() {
    // const { classes } = this.props;
    return (
        <form onSubmit={this.handleSubmit}>
            <div>
                <div>
                    <div >
                    <vaadin-date-picker label="When were you born?" ref="dobRef"></vaadin-date-picker>
                    </div>
                </div>
                <div>
                    <input type="submit" value="Submit" />
                </div>
            </div>

        </form>
    )
  }
}

export default AppForm;

vaadin-date-picker - это веб-компонент, который я использую здесь.

Реализация модульного теста: 

 import React from 'react';
 import ReactDOM from 'react-dom';
 import AppForm from './AppForm';
 import ShallowRenderer from 'react-test-renderer/shallow';

 it('renders without crashing', () => {
   const div = document.createElement('div');
   const renderer = new ShallowRenderer();
   renderer.render(<AppForm />);
   const result = renderer.getRenderOutput();
   expect(result.type).toBe('div');
 });

Я получаю эту ошибку: 

  SyntaxError: Unexpected string

  1 | import React, { Component } from "react";
> 2 | import '@vaadin/vaadin-date-picker';
    | ^
  3 |
  4 | class AppForm extends Component {
  5 |

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
  at Object.<anonymous> (src/AppForm.js:2:1)

Я предполагаю, что должен быть какой-то способ посмеяться над этим, но не уверен, что,Может кто-нибудь помочь?

...