Блог

Главная - Вопросы по программированию - монтировать (компонент).debug() выдает значение emtpy

монтировать (компонент).debug() выдает значение emtpy

#reactjs #jestjs #enzyme

#reactjs #jestjs #фермент

Вопрос:

Я попытался реализовать mount из enzyme следующего, но обнаружил, что wrapper.debug() оно пустое.

 import {mount} from 'enzyme';
const Foo = () => <div>Sairam</div>;

describe(...
   it(...
      const wrapper = mount(<Foo/>);
      console.log(wrapper.debug()) // gives empty value

Обновить: 

 import { 
  specs, describe, it, 
  beforeEach, before, after, afterEach, xdescribe
} from 'storybook-addon-specifications';

import {mount, shallow} from 'enzyme';

storiesOf('UI|Components', module)
  .add('with text', () => {
    const Foo = () => <div>Sairam</div>;
    specs(() =>
      describe('with text', () => {
        it('Clicking on the showFirst button should select the first page', () => {
          const wrapper = mount(<Foo/>);
          console.log("WRAPPER TEST" , wrapper.debug());
          // expect(wrapper.props().chipData).to.equal(ChipData);
          wrapper.unmount();
          expect(2).toBe(23);
        });
      })
    );
    return story;
  })

Комментарии:

1. хм … я не могу воссоздать эту проблему. Какая версия enzyme , jest и react ?

2. enzyme@3.9.0 jest@23.6.0

3. react@16.8.4 являются ли версии

4. Добавьте некоторые детали, возможно, протестируйте проект на github. Каков вывод на консоль? Вы пробовали console.log('test') помимо этого debug ? Видно ли это в консоли?

5. Также, по крайней мере, добавьте полный файл минимального примера без ... или что-то в этом роде.

Ответ №1:

Причина, по которой у меня не получается, заключается в добавлении декоратора

addDecorator(StoryRouter()); моему .storybookconfig файлу