gitlab-org--gitlab-foss/spec/frontend/work_items/router_spec.js

import { mount } from '@vue/test-utils';
import App from '~/work_items/components/app.vue';
import CreateWorkItem from '~/work_items/pages/create_work_item.vue';
import WorkItemsRoot from '~/work_items/pages/work_item_root.vue';
import { createRouter } from '~/work_items/router';

describe('Work items router', () => {
  let wrapper;

  const createComponent = async (routeArg) => {
    const router = createRouter('/work_item');
    if (routeArg !== undefined) {
      await router.push(routeArg);
    }

    wrapper = mount(App, {
      router,
      provide: {
        fullPath: 'full-path',
        issuesListPath: 'full-path/-/issues',
      },
      mocks: {
        $apollo: {
          queries: {
            workItem: {},
            workItemTypes: {},
          },
        },
      },
    });
  };

  afterEach(() => {
    wrapper.destroy();
    window.location.hash = '';
  });

  it('renders work item on `/1` route', async () => {
    await createComponent('/1');

    expect(wrapper.findComponent(WorkItemsRoot).exists()).toBe(true);
  });

  it('renders create work item page on `/new` route', async () => {
    await createComponent('/new');

    expect(wrapper.findComponent(CreateWorkItem).exists()).toBe(true);
  });
});