ShallowWrapper может обернуть только допустимые элементы - Enzyme Reactjs - PullRequest
0 голосов
/ 30 ноября 2018

Я пишу тест для компонента, чтобы проверить одну из его функций, но я получаю ошибку: ShallowWrapper can only wrap valid elements

Файл компонента выглядит следующим образом - Panel.jsx (упрощенно):

class Panel extends Component {
  static propTypes = {
    ...
  };

  static defaultProps = {
    ...
  };

  constructor(props) {
    super(props);
    ...
    this.makeConfigArray = this.makeConfigArray.bind(this);
    this.filterSelected = this.filterSelected.bind(this);
  }

  makeConfigArray() {
    ...
  }

  filterSelected(filters) {
    ...
  }

  render() {
    return (
      <div>
        <ReactFilterSentence
          filters={this.makeConfigArray()}
          label="Filter Page"
          isPersistent
          onChange={(...args) => this.filterSelected(args)}
        />

        <span className="page-filter__config-form-separator" />
      </div>
    );
  }
}

export default Panel;

Файл теста выглядит следующим образом - panel-test.jsx:

import React from 'react';
import { expect } from 'chai';
import { shallow } from 'enzyme';
import Panel from '../../src/components/Panel.jsx';

const Enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-15');

Enzyme.configure({ adapter: new Adapter() });

describe('<Panel /> component', () => {
  let props;
  const getPanelWrapper = () => shallow(<Panel {...props}/>);

  it('should make regions filter query string', () => {
    const regions =
      {
        "key":"region",
        "value":
          [
            "Nordic > Nordic > Denmark",
            "Nordic > Finland",
            "Nordic > Norway",
            "Nordic > Sweden"
          ]
      };

    const expected = "regions=DK+FI+NO+SE";
    expect(getPanelWrapper().instance().makeRegionsQueryString(regions)).to.equal(expected);
  });
});

Любые идеи, почему это происходит, будут высоко оценены!

1 Ответ

0 голосов
/ 16 декабря 2018
const getPanelWrapper = () => shallow(<Panel {...props}/>);

должно быть:

const getPanelWrapper = shallow(<Panel {...props}/>);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...