How do i unit test using mocha/chai/sinon if a variable has a react component as value?
Question
I have a variable which gets dynamically assigned a React component based on a condition is true or false.
if(isValid) {icon = <ErrorIcon className: "error"/>}
else {icon = <SuccessIcon className: "success"/>
how do i test for expected value of icon is one component or other in unit test?
2 answers
solution1
1 ACCPTED 2019-03-27 20:34:01
Not sure how reliable this API but each react component instance has a type property, so you can check it against the component definition:
const isErrorIcon = icon.type === ErrorIcon
So in your case:
expect(icon.type).to.equal(ErrorIcon)
solution2
0 2019-03-27 20:26:03
if (icon.type === SuccessIcon) {
} else if (icon.type === ErrorIcon) {
}
Should do the trick.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How do I test Mocha/Chai to verify that a variable was assigned a value?
How do I test a function which returns a function using Mocha, Sinon, and Chai?
How do you unit test a custom React function using enzyme, mocha, chai
How do I correctly test asynchronous stream error event handling with mocha/sinon/chai?
How to mock, and test, closures with mocha, chai and sinon
How do I check if element exists with Mocha Chai Sinon?
How do I unit test using sinon?
How do I pass value from beforeEach() to test? Mocha/Chai
how do I stub the cloud api using mocha test sinon?
Angular $q promise Unit testing using Mocha, Chai, Sinon
Related Tags