Как запустить тест и восстановить предыдущее состояние компонента - PullRequest
Новая
       10

Как запустить тест и восстановить предыдущее состояние компонента

0 голосов
/ 24 апреля 2020

Я провожу какой-то тест на моем реактивном компоненте.

Внутри моего describe у меня есть несколько it.

примерно так: 

describe('Check Component', () => {


  let wrapper;
  it('Init component', () => {
    wrapper = mount(
      <Component/>
    )
  });

  it('+ Check filter : select years options', () => {
    expect(wrapper.find('select[name="year"] > option')).toHaveLength(3)
  });


  it('+ Check change tab : personal stats', () => {
    wrapper.find('.tabs > .tab.personal').simulate('click');
    expect(wrapper.find('.tabs > .tab.personal').hasClass('selected')).toBeTruthy()
  });

 //many more it




});

Вкл. У моего компонента есть кнопка для фильтрации списка, эти действия, вызванные simulate(), меняют исходное дерево моего компонента, что вынуждает меня simulate() выполнить противоположное действие, чтобы восстановить его исходное состояние, чтобы выполнить больше тестов, которые приводят к большому количеству «Откат», если у меня много фильтров

Как я могу восстановить или изолировать тест?

1 Ответ

0 голосов
/ 24 апреля 2020

Вы можете использовать beforeEach (), чтобы получить новую версию оболочки перед каждым тестом 

describe('Check Component', () => {
  let wrapper;
  beforeEach(()=>{
    wrapper = mount <Component />
  })
  it(...)
...