enzyme react
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure({ adapter: new Adapter() });enzyme react
import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure({ adapter: new Adapter() });react enzyme
// global config react and enzyme
import { configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'
import { shallow, mount, render } from 'enzyme'
import renderer from 'react-test-renderer'
configure({ adapter: new Adapter() })
global.shallow = shallow
global.mount = mount
global.render = render
global.renderer = rendererenzyme testing
npm i --save-dev enzyme enzyme-adapter-react-16enzyme test method
const wrapper = shallow(<Button />);
wrapper.instance().handleClick()enzyme at example
// dom.js
import React from 'react'
const DomTest = () => (
<div>
<div className='parentSatu'>
<p className='childSatu'>hello wordl satu</p>
</div>
<div className='parentDua'>
<p className='childDua'>hello wordl dua</p>
</div>
<div className='parentTiga'>
<p className='childTiga'>hello wordl tiga</p>
</div>
<div className='domGroup'>
<p className='domSatu satu'>DOM Satu</p>
<p className='domDua'>DOM Dua</p>
<p className='domTiga'>DOM Tiga</p>
</div>
<h1 className='header'>
<span className='sub-header'>Hello World</span>
</h1>
</div>
)
export default DomTest
// dom.test.js
test('find element in DomTest Component by index using at', () => {
expect(wrapper.find('.domGroup').children().at(0).text()).toStrictEqual('DOM Satu')
expect(wrapper.find('.domGroup').children().at(1).text()).toStrictEqual('DOM Dua')
expect(wrapper.find('.domGroup').children().at(2).text()).toStrictEqual('DOM Tiga')
})Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
