import type {InjectedRouter, PlainRoute, RouteComponentProps} from 'react-router';
import type {Location} from 'history';
import {OrganizationFixture} from 'sentry-fixture/organization';
import {ProjectFixture} from 'sentry-fixture/project';
import {RouterFixture} from 'sentry-fixture/routerFixture';
import type {Organization} from 'sentry/types/organization';
import type {Project} from 'sentry/types/project';
interface RouteWithName extends PlainRoute {
name?: string;
}
interface PartialInjectedRouter
extends Partial, 'location' | 'routes'>> {
location?: Partial;
routes?: RouteWithName[];
}
interface InitializeOrgOptions {
organization?: Partial;
project?: Partial;
projects?: Partial[];
router?: PartialInjectedRouter;
}
/**
* Creates stubs for:
* - a project or projects
* - organization owning above projects
* - router
* - context that contains router
*/
export function initializeOrg({
organization: additionalOrg,
projects: additionalProjects,
router: additionalRouter,
}: InitializeOrgOptions = {}) {
const organization = OrganizationFixture(additionalOrg);
const projects = additionalProjects
? additionalProjects.map(ProjectFixture)
: [ProjectFixture()];
const [project] = projects;
const router = RouterFixture({
...additionalRouter,
params: {
orgId: organization.slug,
projectId: projects[0]?.slug,
...additionalRouter?.params,
},
});
/**
* A collection of router props that are passed to components by react-router
*
* Pass custom router params like so:
* ```ts
* initializeOrg({router: {params: {alertId: '123'}}})
* ```
*/
const routerProps: RouteComponentProps = {
params: router.params as any,
routeParams: router.params,
router,
route: router.routes[0],
routes: router.routes,
location: router.location,
};
return {
organization,
project,
projects,
router,
routerProps,
};
}