@bbc/psammead-storybook-helpers/src/buildRTLSubstories.test.js

A collection of common values that are used in storybook by the Psammead components.

import { getStorybook, storiesOf } from '@storybook/react';
import { buildRTLSubstories } from './buildRTLSubstories';
import * as withServicesKnob from './withServicesKnob';

const mockAddStory = jest.fn();

withServicesKnob.default = jest.fn(() => 'withServicesKnob');

jest.mock('@storybook/react', () => ({
  storiesOf: jest.fn(() => ({
    add: mockAddStory,
  })),
  getStorybook: jest.fn(() => [
    {
      kind: 'Components/Brand',
      fileName: './packages/components/psammead-brand/src/index.stories.jsx',
      stories: [
        {
          name: 'without brand link',
        },
        {
          name: 'with brand link',
        },
      ],
    },
    {
      kind: 'Components/Caption',
      fileName: './packages/components/psammead-caption/src/index.stories.jsx',
      stories: [
        {
          name: 'default',
        },
        {
          name: 'with offscreen text',
        },
        {
          name: 'containing an inline link',
        },
      ],
    },
  ]),
}));

afterEach(jest.clearAllMocks);

it('should get all stories', () => {
  buildRTLSubstories('Components/Brand');

  expect(getStorybook).toHaveBeenCalled();
});

it('should add the withServicesKnob decorator so that the default service and service options are configured', () => {
  buildRTLSubstories('Components/Brand');

  expect(withServicesKnob.default).toHaveBeenCalledWith({
    defaultService: 'arabic',
    services: ['arabic', 'persian', 'urdu', 'pashto'],
  });
});

it("should build RTL variants of story kind's full suite of stories", () => {
  buildRTLSubstories('Components/Brand');

  expect(storiesOf.mock.calls[0][0]).toEqual(
    'Components/Brand/Right to left layouts',
  );
  expect(mockAddStory.mock.calls[0][0]).toEqual(
    'Right to left - without brand link',
  );

  expect(storiesOf.mock.calls[1][0]).toEqual(
    'Components/Brand/Right to left layouts',
  );
  expect(mockAddStory.mock.calls[1][0]).toEqual(
    'Right to left - with brand link',
  );

  expect(mockAddStory.mock.calls[2]).toBeUndefined();
});

it("should build RTL variants of story kind's specified stories", () => {
  buildRTLSubstories('Components/Brand', { include: ['with brand link'] });

  expect(storiesOf.mock.calls[0][0]).toEqual(
    'Components/Brand/Right to left layouts',
  );
  expect(mockAddStory.mock.calls[0][0]).toEqual(
    'Right to left - with brand link',
  );

  expect(storiesOf.mock.calls[1]).toBeUndefined();
});

it('should not create RTL substories when no params', () => {
  expect(() => buildRTLSubstories()).toThrow();
  expect(mockAddStory).not.toHaveBeenCalled();
});