react-native-navigation/src/components/Store.test.ts

React Native Navigation - truly native navigation for iOS and Android

import * as React from 'react';
import { Store } from './Store';
import { IWrappedComponent } from './ComponentWrapper';

describe('Store', () => {
  let uut: Store;

  beforeEach(() => {
    uut = new Store();
  });

  it('initial state', () => {
    expect(uut.getPropsForId('component1')).toEqual({});
  });

  it('holds props by id', () => {
    uut.updateProps('component1', { a: 1, b: 2 });
    expect(uut.getPropsForId('component1')).toEqual({ a: 1, b: 2 });
  });

  it('defensive for invalid Id and props', () => {
    uut.updateProps('component1', undefined);
    expect(uut.getPropsForId('component1')).toEqual({});
  });

  it('update props with callback', (done) => {
    const instance: any = {
      setProps: jest.fn((_props, callback) => {
        callback();
      }),
    };
    uut.setComponentInstance('component1', instance);
    function callback() {
      try {
        expect(true).toBe(true);
        done();
      } catch (error) {
        done(error);
      }
    }

    uut.updateProps('component1', { someProp: 'someValue' }, callback);
  });

  it('holds original components classes by componentName', () => {
    const MyWrappedComponent = () => class MyComponent extends React.Component {};
    uut.setComponentClassForName('example.mycomponent', MyWrappedComponent);
    expect(uut.getComponentClassForName('example.mycomponent')).toEqual(MyWrappedComponent);
  });

  it('clear props by component id when clear component', () => {
    uut.updateProps('refUniqueId', { foo: 'bar' });
    uut.clearComponent('refUniqueId');
    expect(uut.getPropsForId('refUniqueId')).toEqual({});
  });

  it('clear instance by component id when clear component', () => {
    uut.setComponentInstance('refUniqueId', {} as IWrappedComponent);
    uut.clearComponent('refUniqueId');
    expect(uut.getComponentInstance('refUniqueId')).toEqual(undefined);
  });

  it('holds component instance by id', () => {
    uut.setComponentInstance('component1', {} as IWrappedComponent);
    expect(uut.getComponentInstance('component1')).toEqual({});
  });

  it('calls component setProps when set props by id', () => {
    const instance: any = { setProps: jest.fn() };
    const props = { foo: 'bar' };

    uut.setComponentInstance('component1', instance);
    uut.updateProps('component1', props);

    expect(instance.setProps).toHaveBeenCalledWith(props, undefined);
  });

  it('not throw exception when set props by id component not found', () => {
    expect(() => uut.updateProps('component1', { foo: 'bar' })).not.toThrow();
  });

  it('tries to register components lazily when given a lazy registrator', () => {
    const MyLazyComponent = () => class MyComponent extends React.Component {};
    const MyEagerComponent = () => class MyComponent extends React.Component {};
    uut.setComponentClassForName('eager', MyEagerComponent);
    const lazyRegistrator = jest.fn((name) => {
      if (name === 'lazy') {
        uut.setComponentClassForName(name, MyLazyComponent);
      }
    });
    uut.setLazyComponentRegistrator(lazyRegistrator);

    expect(uut.getComponentClassForName('eager')).toEqual(MyEagerComponent);
    expect(uut.getComponentClassForName('lazy')).toEqual(MyLazyComponent);
    expect(uut.getComponentClassForName('lazy')).toEqual(MyLazyComponent);
    expect(lazyRegistrator).toHaveBeenCalledTimes(1);
  });

  it('keeps the old props when updateProps is called', () => {
    uut.updateProps('component1', { foo: 'foo', bar: 'bar' });
    uut.updateProps('component1', { foo: 'foo2' });

    expect(uut.getPropsForId('component1')).toEqual({ foo: 'foo2', bar: 'bar' });
  });

  it('clearing component props should not clear pending props', () => {
    uut.updateProps('component1', { foo: 'foo2' });
    uut.setPendingProps('component1', { foo: 'foo', bar: 'bar' });
    uut.clearComponent('component1');

    expect(uut.getPropsForId('component1')).toEqual({ foo: 'foo', bar: 'bar' });
  });

  it('should not clear pending props if not consumed', () => {
    uut.setPendingProps('component1', { foo: 'foo', bar: 'bar' });
    uut.getPropsForId('component1');
    uut.clearComponent('component1');

    expect(uut.getPropsForId('component1')).toEqual({ foo: 'foo', bar: 'bar' });
  });

  it('should clear pending props if consumed', () => {
    uut.setPendingProps('component1', { foo: 'foo', bar: 'bar' });
    uut.getPropsForId('component1');
    uut.consumePendingProps('component1');
    uut.clearComponent('component1');

    expect(uut.getPropsForId('component1')).toEqual({});
  });
});