import React from 'react';

import { render } from '@testing-library/react-native';

import Text from '../Text';
import noop from '../../helpers/noop';

describe('Text', () => {
  it.each`
    element
    ${(<Text size="h1" weight="100" ellipsizeMode="clip" numberOfLines={2} onPress={noop}>
    Test
  </Text>)}
    ${(<Text size="h2" weight="normal" ellipsizeMode="tail" numberOfLines={2} onPress={noop}>
    Test
  </Text>)}
    ${(<Text size="h3" weight="bold" ellipsizeMode="middle" numberOfLines={2} onPress={noop}>
    Test
  </Text>)}
    ${(<Text size="h4" weight="600" ellipsizeMode="head" numberOfLines={2} onPress={noop}>
    Test
  </Text>)}
    ${(<Text size="h5" weight="900" ellipsizeMode="clip" numberOfLines={2} onPress={noop}>
    Test
  </Text>)}
  `('renders correctly', ({ element }) => {
    const { toJSON } = render(element);
    expect(toJSON()).toMatchSnapshot();
  });
});