import Text from './Text.component';

describe('<Text>', () => {
  it('Happy: Render Text', () => {
    const wrapper = shallow(<Text />);
    expect(wrapper).toHaveLength(1);
  });

  it('Text renders with as prop', () => {
    const json = renderJSON(<Text as="p" />);
    expect(json.type).toBe('p');
  });

  it('Happy: Render OverflowText', () => {
    const wrapper = shallow(<Text textOverflow />);
    expect(wrapper).toHaveLength(1);
  });

  it('Happy: Render OverflowText with lines', () => {
    const wrapper = shallow(<Text textOverflow lines={4} />);
    expect(wrapper).toHaveLength(1);

    const json = renderJSON(<Text textOverflow lines={4} as="p" />);
    expect(json.type).toBe('p');
  });

  it('OverflowText renders with as prop', () => {
    const json = renderJSON(<Text as="p" />);
    expect(json.type).toBe('p');
  });
});