wix-style-react/src/VerticalTabsItem/test/VerticalTabsItem.visual.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import Add from 'wix-ui-icons-common/Add';
import VerticalTabsItem from '../VerticalTabsItem';

const tests = [
  {
    describe: 'type',
    its: [
      {
        it: 'tab',
        props: {
          type: 'tab',
        },
      },
      {
        it: 'action',
        props: {
          type: 'action',
        },
      },
      {
        it: 'title',
        props: {
          type: 'title',
        },
      },
    ],
  },
  {
    describe: 'disabled',
    its: [
      {
        it: 'true',
        props: {
          disabled: true,
        },
      },
      {
        it: 'false',
        props: {
          disabled: false,
        },
      },
    ],
  },
  {
    describe: 'prefixIcon',
    its: [
      {
        it: 'prefixIcon',
        props: {
          prefixIcon: <Add />,
        },
      },
    ],
  },
  {
    describe: 'suffixIcon',
    its: [
      {
        it: 'suffixIcon',
        props: {
          suffixIcon: <Add />,
        },
      },
    ],
  },
];

export const runTests = (
  { themeName, testWithTheme } = { testWithTheme: i => i },
) => {
  tests.forEach(({ describe, its }) => {
    its.forEach(({ it, props }) => {
      storiesOf(
        `${themeName ? `${themeName}|` : ''}VerticalTabsItem${
          describe ? '/' + describe : ''
        }`,
        module,
      ).add(it, () =>
        testWithTheme(<VerticalTabsItem {...props}>Tab Item</VerticalTabsItem>),
      );
    });
  });
};