.debug([options]) => Строка

Возвращает строку в формате HTML для отладки. Полезно для вывода в консоль, когда тесты не проходят, хотя ожидается, что они пройдут.

Аргументы

options (Object [необязательно]):

• options.ignoreProps: (Boolean [необязательно]): Нужно ли пропускать свойства в результирующей строке. Свойства включаются по умолчанию.
• options.verbose: (Boolean [необязательно]): Нужно ли подробно выводить массивы и объекты, переданные в качестве свойств.

Возвращает

String: Результирующая строка.

Примеры

function Book({ title, pages }) {
  return (
    <div>
      <h1 className="title">{title}</h1>
      {pages && (
        <NumberOfPages
          pages={pages}
          object={{ a: 1, b: 2 }}
        />
      )}
    </div>
  );
}
Book.propTypes = {
  title: PropTypes.string.isRequired,
  pages: PropTypes.number,
};
Book.defaultProps = {
  pages: null,
};

const wrapper = shallow(<Book title="Huckleberry Finn" />);
console.log(wrapper.debug());

Вывод в консоль:

<div>
 <h1 className="title">Huckleberry Finn</h1>
</div>

const wrapper = shallow((
  <Book
    title="Huckleberry Finn"
    pages="633 pages"
  />
));
console.log(wrapper.debug());

Вывод в консоль:

<div>
  <h1 className="title">Huckleberry Finn</h1>
  <NumberOfPages pages="633 pages" object={{...}}/>
</div>

const wrapper = shallow((
  <Book
    title="Huckleberry Finn"
    pages="633 pages"
  />
));
console.log(wrapper.debug({ ignoreProps: true }));

Вывод в консоль:

<div>
  <h1>Huckleberry Finn</h1>
  <NumberOfPages />
</div>

const wrapper = shallow((
  <Book
    title="Huckleberry Finn"
    pages="633 pages"
  />
));
console.log(wrapper.debug({ verbose: true }));

Вывод в консоль:

<div>
  <h1 className="title">Huckleberry Finn</h1>
  <NumberOfPages pages="633 pages" object={{ a: 1, b: 2 }}/>
</div>