Comments (5)
@just-boris thanks for bringing this up. Can you post the code that is actually causing this to throw?
There are a couple of assumptions made in the library about mocha being present, however these are mostly undocumented features which are used internally at Airbnb but will likely be removed.
Running mount()
on it's own should not be requiring a before
function being present. The only thing I can find that would, actually, is the useSetStateHack()
export?
I could be missing something though. A stack trace would be helpful.
from enzyme.
The error has been caused by describeWithDOM
. This is my usage example:
describeWithDOM('<Component />', function() {
it('should be rendered without errors', function() {
const component = mount(<Component />)
})
});
The describeWithDOM
is necessary wrapper to use mount
, as it follows from docs.
from enzyme.
@just-boris I see. I think we should make some documentation changes to more accurately reflect what is necessary. There is a good chance that describeWithDOM
will be removed from the library in a later release, as it is definitely mocha specific.
In order to use mount
, you need only to have DOM API's present in the global scope. If you would like to use jsdom
, as long as you have the DOM loaded in the global scope when you make the call to mount()
, everything should work.
the describeWithDOM
function is used in conjunction with mocha for two reasons:
- It re-instantiates a new DOM before every test so that tests don't have any side effects on other tests
- It automatically skips the test if it is being run in an environment where
jsdom
cannot be loaded (ie, node < 4).
If you're running the tests in an environment with DOM API's, mount
should "just work" without the use of describeWithDOM
.
Let me know if that makes sense?
from enzyme.
Yes, I can set up jsdom by myself and it seems to be working.
But desctibeWithDOM
is very nice, it doesn't require a lot of setup frictions, it just works. As far as I see, the issue is that describeWithDOM
relied on mocha-jsdom
. So, if I want to make it work with jasmine, I can make similar module jasmine-jsdom
. By the way, the name is free and I am going to take it.
from enzyme.
@just-boris there is some discussion about creating additional test-runner-specific modules like mocha-reagent
and karma-reagent
, etc. that would have some of these conveniences built-in. describeWithDOM
may get graduated to such a library, and retired here.
from enzyme.
Related Issues (20)
- enzyme-adapter-react-18 HOT 2
- Component is not re-rendered with updated states HOT 5
- Cheerio 1.0.0-rc.11 no longer support deep imports HOT 3
- enzyme crash since Cheerio 1.0.0-rc.11 release HOT 5
- CSS selectors match component props rather than rendered DOM HOT 6
- Cannot read property 'child' of undefined on React 16 + enzyme-adapter-react-16 HOT 1
- Cannot read property 'child' of undefined enzyme-adapter-react-16 and react 17.0.2 HOT 3
- "TypeError: Cannot read properties of undefined (reading 'current')" in mount API HOT 7
- Method βpropsβ is only meant to be run on a single node. 0 found instead. HOT 1
- How to test the form which is rendered based on props in class component in react.js ? HOT 3
- How to test the state values which are setting the state from local storage inside componentDidMount in enzyme using reactjs ? HOT 5
- Function `mount` does not mock proper data HOT 5
- [email protected] does not include latest changes as per master HOT 5
- Document `getElement(s)` for full DOM rendering HOT 3
- TypeError: window.require is not a function HOT 5
- Does Enzyme support React 18.0.2 ? HOT 1
- Is this library 'dead'? HOT 5
- Explain how the synchronization works HOT 1
- Mount and simulate are failing after changing to Node 16 HOT 10
- enzyme-adapter-react-18 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from enzyme.