Тестирование внутренних методов компонента React с зависимостями реквизита и состояний - PullRequest
0 голосов
/ 14 апреля 2020

Я пытаюсь протестировать метод внутри компонента, который зависит от реквизита и состояния:

class MyComponent extends PureComponent {
constructor(props) {
    super(props);
    this.state = {
      user: "user1"
    };

    this.handleFile = this.handleFile.bind(this);
  }
  handleFile(fileType){
  const {fileName} = this.props
  const { user } = this.state
  return `${fileName}_${fileType}_${user}`
 }
}

Допустим, мой тестовый пример выглядит примерно так:

describe("should handle file method", () => {
    let component = shallow(
      <MyComponent
        fileName={"file1"}
      />
    );
    it("with valid file name", () => {
      const instance = component.instance();
      instance.handleFile("jpg");
    })
  });

имя_файла будет неопределенным внутри. Есть ли способ, которым мы можем передать реквизит в функцию instance?

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