jsdom

I have a minimum test react app with following component: import React from 'react'; import $ from 'jquery'; export default class App extends React.Component { componentDidMount() { console.log('componentDidMount', $('#helloDiv').length); } render() { return <div id='helloDiv'> Hello React! </div>; } } this works fine when loading it in browser (Chrome). The console.log() in componentDidMount() prints out 1 helloDiv element found However, if I run the test using mocha + enzyme + jsdom, the same console.log() in App component prints out 0: import React from 'react'; import { mount } from

React Tests Fails after set State causes second render Up until now testing has been going well with JSDOM and Mocha. So far have not had to test any components that change their state. I found my first issue testing a component that changes it's state. The Error 1) Reduced Test Case - @current Tests that Fail when Component changes state and renders "before each" hook: Error: Invariant Violation: dangerouslyRenderMarkup(...): Cannot render markup in a worker thread. Make sure `window` and `document` are available globally before requiring React when unit testing or use React.renderToString

Example: <script type="text/javascript"> function test() { console.log("Hello world"); } </script> How would I call test() ? Edit: I didn't explain this correctly. I am using the request module of node.js to load an external html file that contains javascript functions: request.get(options, function (error, response, body) { if (error && response.statusCode !== 200) { } else { jsdom.env({ html: body, scripts: ["../jquery-1.6.4.min.js"] }, function (err, window) { var $ = window.jQuery; I'm just looking for the syntax to call a function in 'body'. Just call it like any other function on your

[Edited] : I have change my code with promise way . I am writing react with this starter created by facebook, and I'm a newbie about testing. Now I have a component about image, it has a function to check Image size: import React, { Component } from 'react'; class ImagePart extends Component { ..... // check size. checkSize(src, width, height){ this.loadImg(src) .then((obj) => { return (obj.width >= width && obj.height >= height) ? true : false; }) .catch((msg)=> { dosomething }); } // load image and return a promise. loadImg(src){ return new Promise((resolve, reject) => { let imageObj = new

Is there any library that could help with html string manipulation inside a web worker ? What I'd like to be able to do is, inside a worker, have sizzle-type selector tool that would allow me to do things like: hString = "<div><img src='foo'></img></div>" imgSrc = $(hString).find("img").attr("src") // foo , without the DOM interaction. What you basically want is a pure Javascript DOM implementation on which top you could run jQuery and fellows One such implementation exists for Node.js https://github.com/tmpvar/jsdom It can spoof DOM window object, APIs and such. You could take the code, rip