wix-style-react/src/InputArea/test/InputArea.e2eStory.js

wix-style-react

/* eslint-disable react/prop-types */

import React from 'react';
import { storiesOf } from '@storybook/react';

import { getTestStoryKind, Category } from '../../../stories/storiesHierarchy';
import InputArea from '../InputArea';

export const storySettings = {
  category: Category.COMPONENTS,
  storyName: 'InputArea',
  dataHook: 'storybook-inputarea',
};

export const testStories = {
  autoGrow: 'auto grow',
  autoGrowWithRows: 'auto grow with 3 rows',
  minRowsAutoGrow: 'auto grow and minRowsAutoGrow',
};

const kind = getTestStoryKind(storySettings);

storiesOf(kind, module).add(testStories.autoGrow, () => (
  <InputArea dataHook={storySettings.dataHook} autoGrow />
));

storiesOf(kind, module).add(testStories.autoGrowWithRows, () => (
  <InputArea dataHook={storySettings.dataHook} autoGrow rows={3} />
));

storiesOf(kind, module).add(testStories.minRowsAutoGrow, () => (
  <InputArea dataHook={storySettings.dataHook} autoGrow minRowsAutoGrow={1} />
));