Изменить свойства функционального компонента React с ферментом - PullRequest
Новая
       165

Изменить свойства функционального компонента React с ферментом

0 голосов
/ 09 мая 2020

Название в значительной степени говорит об этом, я несколько часов искал, как изменить свойства функционального компонента с помощью Enzyme. Я пробовал wrapper.setProps({ foo: 'bar' }), но это явно не работает для функционального компонента. Любая помощь приветствуется.

1 Ответ

0 голосов
/ 20 мая 2020

.setProps() должно нормально работать с RF C. см. do c

Например

index.jsx: 

import React from 'react';

function Foo({ name }) {
  return <div className={name} />;
}

export default Foo;

index.test.jsx: 

import Foo from './';
import { shallow } from 'enzyme';

describe('61688757', () => {
  it('should pass', () => {
    const wrapper = shallow(<Foo name="foo" />);
    expect(wrapper.find('.foo')).toHaveLength(1);
    expect(wrapper.find('.bar')).toHaveLength(0);
    wrapper.setProps({ name: 'bar' });
    expect(wrapper.find('.foo')).toHaveLength(0);
    expect(wrapper.find('.bar')).toHaveLength(1);
  });
});

результат модульного теста: 

 PASS  stackoverflow/61688757/index.test.jsx (11.714s)
  61688757
    ✓ should pass (12ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        12.992s

версии пакета: 

"react": "^16.13.1",
"react-dom": "^16.13.1",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.15.2",
"jest": "^25.5.4",
"jest-environment-enzyme": "^7.1.2",
"jest-enzyme": "^7.1.2",
...