/** @jest-environment jsdom */

import * as React from 'react';
import { render, RenderResult, screen } from '@testing-library/react';

import { TemplateReact, TemplateReactProps } from '../index';

describe('TemplateReact', () => {
  let props: TemplateReactProps;
  let wrapper: RenderResult;

  const createComponent = () => {
    wrapper = render(<TemplateReact {...props} />);
  };

  beforeEach(() => {
    props = {
      heading: 'test heading'
    };

    createComponent();
  });

  it('renders', () => {
    expect(screen.queryByText(props.heading)).toBeInTheDocument();
    expect(wrapper.container.childNodes).toMatchSnapshot();
  });
});