How to print the contents of enzyme's shallow wrapper

Question

I have the following :

import {shallow} from "enzyme" 

const wrapper = shallow(<SampleComponent/>);

how do I see the contents of wrapper?

score 113 · Accepted Answer · answered Apr 26 '18 at 20:02

113

You can use wrapper.debug() to get a string representing the wrapper element, like in:

import {shallow} from "enzyme";
const wrapper = shallow(<SampleComponent/>);
console.log(wrapper.debug());

answered Apr 26 '18 at 20:02

Guilherme Lemmi

18

This changed my life – rpivovar Mar 15 '20 at 21:48
2

what should i do if the console not showing anything? – kafinsalim Jun 08 '20 at 08:08
4

@kafinsalim This suggests the wrapper's children may be null or similar. In this case `.debug({verbose: true})` is of no help either. Try something like: `console.log(wrapper.length)` followed by `console.log(wrapper.get(0))` – Benji XVI Sep 25 '20 at 13:20
console.log('dbg:', JSON.stringify(wrapper.debug(), null, 4)); – Brian Ogden Dec 29 '22 at 21:01

score 12 · Answer 2 · answered Apr 10 '20 at 14:25

12

import {shallow} from "enzyme";
const wrapper = shallow(<SampleComponent/>);
console.log(wrapper.html());

answered Apr 10 '20 at 14:25

sam

2 Answers2