How to unit test components with Link

[ryanflorence]

Links throw errors if they can't find a route. When you're unit testing you probably don't have your routes configured.

Workaround (Solution?)

Have a file named routes.js that exports a router, but doesn't render:

// app/router.js
var Router = require('react-nested-router').Router;
module.exports = Router( /* ... */ );

Then a main file that renders it

// app/main.js
var AppRouter = require('./router');
AppRouter.renderComponent(document.body);

And then in your unit test, bring in the router, but don't render it. This should be enough to register all the routes so the links don't freak out.

// test/some-component.js
var AppRouter = require('../app/router');
var Component = require('../app/components/some-component');

// test as usual

Options for this lib

• Don't throw an error, just warn, then who cares?
• Make it easy to stub
• Have some testing flag to ignore links to missing routes
• Do nothing, having a routes.js file that doesn't render seems like the right thing to do, especially for integration tests, gives you control to render and teardown before each test.

[jaketrent]

workaround worked for me.

[ryanflorence]

Side note, the error is:

Error: Invariant Violation: Unable to find a route named "object".
Make sure you have a <Route name="object"> somewhere in the Route

Seems like maybe "object" is the wrong thing here?

[jaketrent]

"object" was the actual name of my route:

<Route name="object" ... />

On Fri, Jun 20, 2014 at 1:43 PM, Ryan Florence notifications@github.com
wrote:

Side note, the error is:

Error: Invariant Violation: Unable to find a route named "object". Make sure you have a somewhere in the Route

Seems like maybe "object" is the wrong thing here?

—
Reply to this email directly or view it on GitHub
#39 (comment)
.

[ryanflorence]

Oh, well then, looks like we're doing it right 👯

[mjackson]

This is actually what I've been doing in practice. Funny, I'm even using the filename main.js. :D

[tarjei]

Hi, isn't this aproach a bit heavy handed for unit-tests?

Would it be possible to provide an API for registering dummy-routes?

[ryanflorence]

yes #70

particularly #70 (comment)