@jetshop/core/hooks/useProductVariants/useVariantFromUrl.test.js

import React from 'react';
import { renderHook } from '@testing-library/react-hooks';
import { useVariantFromUrl } from './useVariantFromUrl';
import { createMemoryHistory } from 'history';
import { Router } from 'react-router';

function MockHistory({ children, initialEntries = ['/'] }) {
  const history = createMemoryHistory({ initialEntries });

  return <Router history={history}>{children}</Router>;
}

describe('useVariantFromUrl', () => {
  it('returns an empty object if there is no `att` param', () => {
    const MockWithParams = props => (
      <MockHistory initialEntries={['/yo?wow=hey']} {...props} />
    );

    const { result } = renderHook(() => useVariantFromUrl(), {
      wrapper: MockWithParams
    });

    expect(result.current).toEqual({});
  });
  it('returns an array with a single value', () => {
    const MockWithParams = props => (
      <MockHistory initialEntries={['/yo?att=ODAwIG1t']} {...props} />
    );

    const { result } = renderHook(() => useVariantFromUrl(), {
      wrapper: MockWithParams
    });

    expect(result.current.values).toEqual(['800 mm']);
  });
  it('returns an array of values when the encoded string is separated by pipes', () => {
    // 800 mm|900 mm

    const MockWithParams = props => (
      <MockHistory
        initialEntries={['/yo?att=ODAwIG1tfDkwMCBtbQ==']}
        {...props}
      />
    );

    const { result } = renderHook(() => useVariantFromUrl(), {
      wrapper: MockWithParams
    });

    expect(result.current.values).toEqual(['800 mm', '900 mm']);
  });

  it('return multpiple encoded array values', () => {
    const MockWithParams = props => (
      <MockHistory initialEntries={['/hihi?att=R3LDpXw0NTAgbW0=']} {...props} />
    );

    const { result } = renderHook(() => useVariantFromUrl(), {
      wrapper: MockWithParams
    });

    expect(result.current.values).toEqual(['Grå', '450 mm']);
  });

  it('return encoded array value', () => {
    const MockWithParams = props => (
      <MockHistory
        initialEntries={['/horsemeup?att=SmFnIMOkciBlbiDDtmvDpG5kIGjDpHN0C==']}
        {...props}
      />
    );

    const { result } = renderHook(() => useVariantFromUrl(), {
      wrapper: MockWithParams
    });

    expect(result.current.values).toEqual(['Jag är en ökänd häst']);
  });
});