Jest автоматически добавляет proptypes к снимкам?

Есть компонент, который просто отображает другой компонент (я понимаю, почему мы это сделали):

class FooContainer extends React.PureComponent {
  render() {
    return <FooView />;
  }
}

Тест для этого компонента:

describe('<FooContainer/>', () => {
  it('renders a correct snapshot', () => {
    const renderer = new ShallowRenderer();
    const tree = renderer.render(<FooContainer />);
    expect(tree).toMatchSnapshot();
  });
});

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

exports[`<FooContainer/> renders a correct snapshot 1`] = `<Connect(FooView) />`;

Однако, когда я создаю снимок, он добавляет свойства к FooView:

exports[`<FooContainer/> renders a correct snapshot 1`] = `
<FooView
  prop = {123}
/>
`;

Эти свойства относятся к типам FooView, но не указаны в тесте. Jest автоматически посмотрел на proptypes и добавил их в снимок? Как я могу это выключить?

Поскольку мы используем yarn.lock, мы все должны использовать одну и ту же версию Jest. Я использую Jest 21.2.1.

FooContainer - это компонент, подключенный к Redux? Если да, возможно ли, что было изменение для запуска Jest с хранилищем / состоянием по умолчанию, которое затем передало бы значение свойства в FooContainer, которое повлияло бы на FooView?

Tyler 03.10.2018 03:42
FooContainer не подключен, а FooView подключен. Мне также интересно, есть ли изменения, но я не смог найти никакой информации.
Leo Jiang 04.10.2018 00:15

Если подключен FooView, то единственный способ не воспроизводить <Connect(FooView) /> - это использовать .dive(). Может быть, 123 идет из магазина?

Herman Starikov 04.10.2018 21:41
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
35
0

Другие вопросы по теме