Как покрыть тестами кусок кода с if?

Question

[bpGusar]

export class Countries extends React.Component<Props, State> {
  private countriesList: React.RefObject<HTMLDivElement> = React.createRef<
    HTMLDivElement
  >();

  public componentDidMount(): void {
    setTimeout(this.whenCDM, 1);
  }


  public render(): React.ReactNode {
    return (
      <div ref={this.countriesList}>
      </div>
    );
  }

  private whenCDM = (): any => {
    if (this.countriesList.current) {
      this.whenComponentDidMount(
        this.countriesList.current.getBoundingClientRect().top
      );
    }
  };
}

Answer 1

[Алексей Лауд]

Сделай тесты, для которых все условия будут выполняться во всех вариантах.

Comments

[bpGusar]

это я понял но как это сделать? я банально не понимаю

[Алексей Лауд]

bpGusar, где в this.countriesList записывается значение? Нужно передать в тесте компоненту такие параметры, чтобы this.countriesList было таким, чтобы условие выполнилось

[bpGusar]

Алексей Казаков, я изменил вопрос, выложил пример компонента, можешь более точно сказать что как и куда передавать?

[Алексей Лауд]

bpGusar, а, это ref. Тогда, скорее всего, помогут другие методы рендера компонента в тесте, которые его корректно обработают. Тут я точно не помню, но, скорее всего, сейчас тест использует shallow, а нужно что-то вроде render.