Tramvai test mocks

Library for creating mocks for various tramvai entities

Подключение

npm i --save-dev @tramvai/test-mocks

Api

STORE_TOKEN

Creates mock instance for token STORE_TOKEN which used in app as a common storage for store

Empty State

import { createMockStore } from '@tramvai/test-mocks';

const store = createMockStore();
const state = store.getState();

store.dispatch('event');

Initial State

Pass required stores, initial state will be applied automatically:

import { createMockStore } from '@tramvai/test-mocks';

const reducer = createReducer('test', 'value');

const store = createMockStore({ stores: [reducer] });

const state = store.getState(); // { test: 'value' }

Or pass just initialState, fake reducers will be created under the hood:

import { createMockStore } from '@tramvai/test-mocks';

const initialState = { a: 1, b: 2 };

const store = createMockStore({ initialState });

const state = store.getState(); // { a: 1, b: 2 }

Also you can change initial state of passed reducer:

import { createMockStore } from '@tramvai/test-mocks';

const initialState = { test: 'modified' };
const reducer = createReducer('test', 'default');

const store = createMockStore({ stores: [reducer], initialState });

const state = store.getState(); // { test: 'modified' }

@inline src/store.spec.ts

DI

Creates mock instance of DI-container

import { createMockDi } from '@tramvai/test-mocks';

const di = createMockDi();

const dep = di.get(SOME_TOKEN);

Context

Creates mock instance for CONTEXT_TOKEN

import { createMockContext } from '@tramvai/test-mocks';

it('test', async () => {
  const context = createMockContext();

  await context.dispatch('event');
  await context.executeAction(action);

  const spyExecuteAction = jest.spyOn(context, 'executeAction');

  expect(spyExecuteAction).toHaveBeenCalled();
});

@inline src/context.spec.ts

Router

Creates mock instance for @tinkoff/router with full history support.

Features:

• Full history stack with back(), forward(), go() navigation
• Proper redirect handling (redirect is part of single navigation)
• Query and hash change support

import { createMockRouter } from '@tramvai/test-mocks';

describe('test', () => {
  it('should create router mock', () => {
    const router = createMockRouter();

    expect(router.getCurrentRoute()).toMatchObject({ path: '/' });
    expect(router.getCurrentUrl()).toMatchObject({ path: '/' });
  });

  it('should allow to specify currentRoute', () => {
    const router = createMockRouter({ currentRoute: { name: 'page', path: '/page/test/' } });

    expect(router.getCurrentRoute()).toMatchObject({ path: '/page/test/' });
    expect(router.getCurrentUrl()).toMatchObject({ path: '/page/test/' });
  });

  it('should support history navigation', async () => {
    const router = createMockRouter();

    await router.navigate('/page1');
    await router.navigate('/page2');

    await router.back();
    expect(router.getCurrentRoute()).toMatchObject({ path: '/page1' });

    await router.forward();
    expect(router.getCurrentRoute()).toMatchObject({ path: '/page2' });
  });

  it('should handle static redirect configuration', async () => {
    const router = createMockRouter({
      currentRoute: { name: 'redirected', path: '/new-page', redirect: '/new-page' } as any,
    });

    await router.navigate('/old-page');

    expect(router.getCurrentRoute()).toMatchObject({ path: '/new-page' });
  });
});