Styjun

What caused the tendency for conservatives to not support climate change regulations?

Why don't I have ground wiring on any of my outlets?

Can a non-EU citizen travel within the Schengen area without identity documents?

Beginner's snake game using PyGame

How can I grammatically understand "Wir über uns"?

Is there a rule that prohibits us from using 2 possessives in a row?

Will My Circuit Work As intended?

Strange math syntax in old basic listing

How can a single Member of the House block a Congressional bill?

My player wants to cast multiple charges of magic missile from a wand

Geometry affects line breaking

Why the lack of hesitance to wear pads on the sabbath?

Get LaTeX form from step by step solution

How to detach yourself from a character you're going to kill?

Biblical Basis for 400 years of silence between old and new testament

If a problem only occurs randomly once in every N times on average, how many tests do I have to perform to be certain that it's now fixed?

Can a helicopter mask itself from Radar?

How to prevent bad sectors?

Is having a hidden directory under /etc safe?

Is it possible to change original filename of an exe?

What are the benefits of cryosleep?

Differences between “pas vrai ?”, “c’est ça ?”, “hein ?”, and “n’est-ce pas ?”

The deliberate use of misleading terminology

Creating Fictional Slavic Place Names

Expect this.children.props()

Shallow render a React/Enzyme component that uses RefsReact Enzyme find second (or nth) nodeEnzyme test issues returns undefinedTest the content of an <iframe> in a React component with EnzymeHow to test inner functions defined on Stateless Components in React with EnzymeHow get value datapicker in react toobox custom?Enzyme 3 get attributes of rendered DOM-nodemust be wrapped in an enclosing tagHow to test component that contains a component connected to Redux in Enzyme / React?ModalFilterPicker load more on scroll

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

i've to testing ErrorBoundry, i've this code

import React, Component from 'react'

 class ErrorBoundary extends Component 
 constructor (props) 
 super(props)
 this.state = hasError: false 
 

 componentDidCatch (error, info) 
 this.setState( hasError: true )
 

 render () 
 if (this.state.hasError) 
 return <h1>Something went wrong.</h1>
 
 return this.props.children
 


export default ErrorBoundary

and i want to testing, now i've test when there an error, and everythings it's ok, but how i can write on test file i expect return this.props.children() or simulate something similar?

i use enzyme

javascript reactjs testing enzyme

share|improve this question

edited Mar 24 at 12:54

Alexandr Zavalii

1,030924

asked Mar 24 at 10:14

Alex Gioffre'Alex Gioffre'

126

add a comment | 

0

i've to testing ErrorBoundry, i've this code

import React, Component from 'react'

 class ErrorBoundary extends Component 
 constructor (props) 
 super(props)
 this.state = hasError: false 
 

 componentDidCatch (error, info) 
 this.setState( hasError: true )
 

 render () 
 if (this.state.hasError) 
 return <h1>Something went wrong.</h1>
 
 return this.props.children
 


export default ErrorBoundary

and i want to testing, now i've test when there an error, and everythings it's ok, but how i can write on test file i expect return this.props.children() or simulate something similar?

i use enzyme

javascript reactjs testing enzyme

share|improve this question

edited Mar 24 at 12:54

Alexandr Zavalii

1,030924

asked Mar 24 at 10:14

Alex Gioffre'Alex Gioffre'

126

add a comment | 

i've to testing ErrorBoundry, i've this code

import React, Component from 'react'

 class ErrorBoundary extends Component 
 constructor (props) 
 super(props)
 this.state = hasError: false 
 

 componentDidCatch (error, info) 
 this.setState( hasError: true )
 

 render () 
 if (this.state.hasError) 
 return <h1>Something went wrong.</h1>
 
 return this.props.children
 


export default ErrorBoundary

and i want to testing, now i've test when there an error, and everythings it's ok, but how i can write on test file i expect return this.props.children() or simulate something similar?

i use enzyme

javascript reactjs testing enzyme

share|improve this question

edited Mar 24 at 12:54

Alexandr Zavalii

1,030924

asked Mar 24 at 10:14

Alex Gioffre'Alex Gioffre'

126

import React, Component from 'react'

 class ErrorBoundary extends Component 
 constructor (props) 
 super(props)
 this.state = hasError: false 
 

 componentDidCatch (error, info) 
 this.setState( hasError: true )
 

 render () 
 if (this.state.hasError) 
 return <h1>Something went wrong.</h1>
 
 return this.props.children
 


export default ErrorBoundary

share|improve this question

edited Mar 24 at 12:54

Alexandr Zavalii

1,030924

asked Mar 24 at 10:14

Alex Gioffre'Alex Gioffre'

126

share|improve this question

edited Mar 24 at 12:54

Alexandr Zavalii

1,030924

asked Mar 24 at 10:14

Alex Gioffre'Alex Gioffre'

126

edited Mar 24 at 12:54

Alexandr Zavalii

1,030924

edited Mar 24 at 12:54

Alexandr Zavalii

1,030924

asked Mar 24 at 10:14

Alex Gioffre'Alex Gioffre'

126

asked Mar 24 at 10:14

Alex Gioffre'Alex Gioffre'

126

2 Answers
2

active

oldest

votes

1

Did you try this ? .simulateError(error) => Self
https://airbnb.io/enzyme/docs/api/ShallowWrapper/simulateError.html

share|improve this answer

answered Mar 24 at 10:20

Alexandr ZavaliiAlexandr Zavalii

1,030924

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  with Error everything it's ok, but now i don't know how test i get this.props.children when not have errors
  
  – Alex Gioffre'
  Mar 24 at 10:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so you can check if the children exist by searching. wrapper.find('div.element')
  
  – Alexandr Zavalii
  Mar 24 at 10:24
  

  
  
  
  

add a comment | 

0

To test the non-error case just test that ErrorBoundary renders its children:

test('no error', () => 
 const wrapper = shallow(<ErrorBoundary><div>no error</div></ErrorBoundary>);
 expect(wrapper.html()).toBe('<div>no error</div>'); // Success!
);

share|improve this answer

answered Mar 24 at 18:00

brian-lives-outdoorsbrian-lives-outdoors

13.6k11133

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

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55322707%2fexpect-this-children-props%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

Did you try this ? .simulateError(error) => Self
https://airbnb.io/enzyme/docs/api/ShallowWrapper/simulateError.html

share|improve this answer

answered Mar 24 at 10:20

Alexandr ZavaliiAlexandr Zavalii

1,030924

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  with Error everything it's ok, but now i don't know how test i get this.props.children when not have errors
  
  – Alex Gioffre'
  Mar 24 at 10:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so you can check if the children exist by searching. wrapper.find('div.element')
  
  – Alexandr Zavalii
  Mar 24 at 10:24
  

  
  
  
  

add a comment | 

1

Did you try this ? .simulateError(error) => Self
https://airbnb.io/enzyme/docs/api/ShallowWrapper/simulateError.html

share|improve this answer

answered Mar 24 at 10:20

Alexandr ZavaliiAlexandr Zavalii

1,030924

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  with Error everything it's ok, but now i don't know how test i get this.props.children when not have errors
  
  – Alex Gioffre'
  Mar 24 at 10:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so you can check if the children exist by searching. wrapper.find('div.element')
  
  – Alexandr Zavalii
  Mar 24 at 10:24
  

  
  
  
  

add a comment | 

Did you try this ? .simulateError(error) => Self
https://airbnb.io/enzyme/docs/api/ShallowWrapper/simulateError.html

share|improve this answer

answered Mar 24 at 10:20

Alexandr ZavaliiAlexandr Zavalii

1,030924

share|improve this answer

answered Mar 24 at 10:20

Alexandr ZavaliiAlexandr Zavalii

1,030924

answered Mar 24 at 10:20

Alexandr ZavaliiAlexandr Zavalii

1,030924

answered Mar 24 at 10:20

Alexandr ZavaliiAlexandr Zavalii

1,030924

0

To test the non-error case just test that ErrorBoundary renders its children:

test('no error', () => 
 const wrapper = shallow(<ErrorBoundary><div>no error</div></ErrorBoundary>);
 expect(wrapper.html()).toBe('<div>no error</div>'); // Success!
);

share|improve this answer

answered Mar 24 at 18:00

brian-lives-outdoorsbrian-lives-outdoors

13.6k11133

add a comment | 

0

To test the non-error case just test that ErrorBoundary renders its children:

test('no error', () => 
 const wrapper = shallow(<ErrorBoundary><div>no error</div></ErrorBoundary>);
 expect(wrapper.html()).toBe('<div>no error</div>'); // Success!
);

share|improve this answer

answered Mar 24 at 18:00

brian-lives-outdoorsbrian-lives-outdoors

13.6k11133

add a comment | 

To test the non-error case just test that ErrorBoundary renders its children:

test('no error', () => 
 const wrapper = shallow(<ErrorBoundary><div>no error</div></ErrorBoundary>);
 expect(wrapper.html()).toBe('<div>no error</div>'); // Success!
);

share|improve this answer

answered Mar 24 at 18:00

brian-lives-outdoorsbrian-lives-outdoors

13.6k11133

test('no error', () => 
 const wrapper = shallow(<ErrorBoundary><div>no error</div></ErrorBoundary>);
 expect(wrapper.html()).toBe('<div>no error</div>'); // Success!
);

share|improve this answer

answered Mar 24 at 18:00

brian-lives-outdoorsbrian-lives-outdoors

13.6k11133

answered Mar 24 at 18:00

brian-lives-outdoorsbrian-lives-outdoors

13.6k11133

answered Mar 24 at 18:00

brian-lives-outdoorsbrian-lives-outdoors

13.6k11133