wix-style-react/src/Heading/Heading.spec.js

wix-style-react

import React from 'react';
import headingDriverFactory from './Heading.driver';
import { headingUniDriverFactory } from './Heading.uni.driver';
import Heading from './Heading';
import {
  createRendererWithDriver,
  createRendererWithUniDriver,
  cleanup,
} from '../../test/utils/react';

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

  describe('[async]', () => {
    runTests(createRendererWithUniDriver(headingUniDriverFactory));
  });

  describe('[sync]', () => {
    runTests(createRendererWithDriver(headingDriverFactory));
  });

  function runTests(render) {
    it('should be dark by default', async () => {
      const { driver } = render(<Heading>Hello</Heading>);
      expect(await driver.isLight()).toBe(false);
    });

    it('should be light', async () => {
      const { driver } = render(<Heading light>Hello</Heading>);
      expect(await driver.isLight()).toBe(true);
    });

    it('should have text', async () => {
      const { driver } = render(<Heading>Hello</Heading>);
      expect(await driver.getText()).toBe('Hello');
    });

    it('should have appearance H1', async () => {
      const { driver } = render(<Heading appearance="H1">Hello</Heading>);
      expect(await driver.getAppearance()).toBe('H1');
    });
  }
});