wix-style-react/src/TextButton/test/TextButton.spec.js

wix-style-react

import React from 'react';
import {
  createRendererWithUniDriver,
  cleanup,
} from '../../../test/utils/react/index';
import { textButtonDriverFactory } from '../TextButton.uni.driver';
import TextButton from '../index';

describe('TextButton', () => {
  afterEach(() => cleanup());

  const render = createRendererWithUniDriver(textButtonDriverFactory);

  it('should have correct displayName', async () => {
    expect(TextButton.displayName).toEqual('TextButton');
  });

  describe(`'as' prop`, () => {
    const Link = ({ children }) => <a>{children}</a>;

    class LinkClass extends React.Component {
      render() {
        return <a>{this.props.children}</a>;
      }
    }

    it('should be defined in proptypes', async () => {
      expect(!!TextButton.propTypes.as).toBe(true);
    });

    it('should render without errors when html element is passed', async () => {
      const { driver } = render(<TextButton as="a" />);
      expect(await driver.exists()).toBe(true);
    });

    it('should render without errors when function reference is passed', async () => {
      const { driver } = render(<TextButton as={Link} />);
      expect(await driver.exists()).toBe(true);
    });

    it('should render without errors when class is passed', async () => {
      const { driver } = render(<TextButton as={LinkClass} />);
      expect(await driver.exists()).toBe(true);
    });
  });
});