Repository files navigation

A simple plugin to make working with the angular routerin storybook easier

Install the addon via npm:

npm i storybook-addon-angular-router

Add it to your storybook configuration:

// .storybook/main.jsmodule.exports={addons:["storybook-addon-angular-router"],};

Every call tonavigate andnavigateByUrl on the router is now logged in the actionpanel together with all parameters.

If you want to test therouterLinkActive directive in your storyyou can set the active route for the story like this:

exportconstWithActiveLink=Template.bind({});WithActiveLink.parameters={angularRouter:{active:'/location/1'}};

If you want todisable the plugin for a single story you canadd the following parameter to your story:

exportconstDisabledPlugin=Template.bind({});DisabledPlugin.parameters={angularRouter:{disable:true}}

The plugin adds theRouterTestingModule and a customRouter implementation to your stories.The customRouter implementation providesonly the most basic functionality needed to use it in your stories.