console.log(Wrapper.debug()) not showing the react component
0
I am using enzyme with jest and trying to print out wrapper.debug but I am not getting output as shown in jest docs. what is wrong here?
my test file:
import React from 'react';
import Enzyme, {shallow} from 'enzyme';
import EnzymeAdapter from 'enzyme-adapter-react-16';
import App from './../../components/App/App';
Enzyme.configure({ adapter : new EnzymeAdapter() });
it('should render without crashing', () => {
const wrapper = shallow(<App />)
console.log(wrapper.debug());
});
my console output is this :
PASS src/test/integration/App.test.js
● Console
console.log src/test/integration/App.test.js:14
<ContextConsumer>
[function bound renderWrappedComponent]
</ContextConsumer>
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 2.8s
Ran all test suites related to changed files.
testing jestjs enzyme create-react-app
edited 17 hours ago
skyboyer
3,44111128
asked 17 hours ago
sriram hegdesriram hegde
6261720
add a comment |
0
I am using enzyme with jest and trying to print out wrapper.debug but I am not getting output as shown in jest docs. what is wrong here?
my test file:
import React from 'react';
import Enzyme, {shallow} from 'enzyme';
import EnzymeAdapter from 'enzyme-adapter-react-16';
import App from './../../components/App/App';
Enzyme.configure({ adapter : new EnzymeAdapter() });
it('should render without crashing', () => {
const wrapper = shallow(<App />)
console.log(wrapper.debug());
});
my console output is this :
PASS src/test/integration/App.test.js
● Console
console.log src/test/integration/App.test.js:14
<ContextConsumer>
[function bound renderWrappedComponent]
</ContextConsumer>
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 2.8s
Ran all test suites related to changed files.
testing jestjs enzyme create-react-app
edited 17 hours ago
skyboyer
3,44111128
asked 17 hours ago
sriram hegdesriram hegde
6261720
add a comment |
0
0
0
I am using enzyme with jest and trying to print out wrapper.debug but I am not getting output as shown in jest docs. what is wrong here?
my test file:
import React from 'react';
import Enzyme, {shallow} from 'enzyme';
import EnzymeAdapter from 'enzyme-adapter-react-16';
import App from './../../components/App/App';
Enzyme.configure({ adapter : new EnzymeAdapter() });
it('should render without crashing', () => {
const wrapper = shallow(<App />)
console.log(wrapper.debug());
});
my console output is this :
PASS src/test/integration/App.test.js
● Console
console.log src/test/integration/App.test.js:14
<ContextConsumer>
[function bound renderWrappedComponent]
</ContextConsumer>
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 2.8s
Ran all test suites related to changed files.
testing jestjs enzyme create-react-app
edited 17 hours ago
skyboyer
3,44111128
asked 17 hours ago
sriram hegdesriram hegde
6261720
I am using enzyme with jest and trying to print out wrapper.debug but I am not getting output as shown in jest docs. what is wrong here?
my test file:
import React from 'react';
import Enzyme, {shallow} from 'enzyme';
import EnzymeAdapter from 'enzyme-adapter-react-16';
import App from './../../components/App/App';
Enzyme.configure({ adapter : new EnzymeAdapter() });
it('should render without crashing', () => {
const wrapper = shallow(<App />)
console.log(wrapper.debug());
});
my console output is this :
PASS src/test/integration/App.test.js
● Console
console.log src/test/integration/App.test.js:14
<ContextConsumer>
[function bound renderWrappedComponent]
</ContextConsumer>
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 2.8s
Ran all test suites related to changed files.
testing jestjs enzyme create-react-app
testing jestjs enzyme create-react-app
edited 17 hours ago
skyboyer
3,44111128
asked 17 hours ago
sriram hegdesriram hegde
6261720
edited 17 hours ago
skyboyer
3,44111128
asked 17 hours ago
sriram hegdesriram hegde
6261720
edited 17 hours ago
skyboyer
3,44111128
edited 17 hours ago
skyboyer
3,44111128
edited 17 hours ago
skyboyer
3,44111128
3,44111128
asked 17 hours ago
sriram hegdesriram hegde
6261720
asked 17 hours ago
sriram hegdesriram hegde
6261720
asked 17 hours ago
sriram hegdesriram hegde
6261720
6261720
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
0
The shallow rendering is useful to test a component as a unit so it won't dive and look for your component within <ContextConsumer>.
Some options:
- You could shallow directly the component within
<ContextConsumer>. - You could change shallow with mount which render the full DOM rendering (probably not your intent here).
- Use
.dive()which shallow render the one non-DOM child of the current wrapper. Doc
answered 13 hours ago
GibboKGibboK
34.3k107317542
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54250492%2fconsole-logwrapper-debug-not-showing-the-react-component%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
The shallow rendering is useful to test a component as a unit so it won't dive and look for your component within <ContextConsumer>.
Some options:
- You could shallow directly the component within
<ContextConsumer>. - You could change shallow with mount which render the full DOM rendering (probably not your intent here).
- Use
.dive()which shallow render the one non-DOM child of the current wrapper. Doc
answered 13 hours ago
GibboKGibboK
34.3k107317542
add a comment |
0
The shallow rendering is useful to test a component as a unit so it won't dive and look for your component within <ContextConsumer>.
Some options:
- You could shallow directly the component within
<ContextConsumer>. - You could change shallow with mount which render the full DOM rendering (probably not your intent here).
- Use
.dive()which shallow render the one non-DOM child of the current wrapper. Doc
answered 13 hours ago
GibboKGibboK
34.3k107317542
add a comment |
0
0
0
The shallow rendering is useful to test a component as a unit so it won't dive and look for your component within <ContextConsumer>.
Some options:
- You could shallow directly the component within
<ContextConsumer>. - You could change shallow with mount which render the full DOM rendering (probably not your intent here).
- Use
.dive()which shallow render the one non-DOM child of the current wrapper. Doc
answered 13 hours ago
GibboKGibboK
34.3k107317542
The shallow rendering is useful to test a component as a unit so it won't dive and look for your component within <ContextConsumer>.
Some options:
- You could shallow directly the component within
<ContextConsumer>. - You could change shallow with mount which render the full DOM rendering (probably not your intent here).
- Use
.dive()which shallow render the one non-DOM child of the current wrapper. Doc
answered 13 hours ago
GibboKGibboK
34.3k107317542
answered 13 hours ago
GibboKGibboK
34.3k107317542
answered 13 hours ago
GibboKGibboK
34.3k107317542
answered 13 hours ago
GibboKGibboK
34.3k107317542
34.3k107317542
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54250492%2fconsole-logwrapper-debug-not-showing-the-react-component%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
