Как проверить реагирующий компонент, который использует реагирующую пружину? - PullRequest
0 голосов
/ 20 мая 2019

Я пытаюсь проверить мой SpringComponent.Этот компонент использует реагирующую пружину для анимации.Когда я запускаю тест, я получаю следующую ошибку:

"Jest обнаружил неожиданный токен".

Если я прокомментирую свой код Spring, ошибка исчезнет, ​​и мой тест пройден.

Это код тестирования:

import React from "react";
import SpringComponent from "../components/SpringComponent";


test('renders without crashing', () => {
    expect(true).toBeTruthy();
});

И код SpringComponent:

import React from "react";
import {Spring} from "react-spring/renderprops-universal";

class SpringComponent extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            content: this.props.content,
        }
    }

    componentDidUpdate(prevProps) {
    }

    render() {
        let content = this.state.content;
        console.log("content: " + content);
        return <div>
            <Spring
                from={{opacity: 0}}
                to={{opacity: 1}}
            >
                {props => <div style={props}>
                    {content}
                </div>}
            </Spring>
        </div>
    }

}

export default SpringComponent;

Интересно, что я должен сделать, чтобы протестировать этот код.Должен ли я что-то издеваться?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...