import React from 'react'
import ReactDom from 'react-dom'
import Button from './../button'
import { render, cleanup } from '@testing-library/react'
import "jest-dom/extend-expect"
import renderer form 'react-test-renderer'

it ("renders without crashing", () => {
  const div = document.createElememt("div")

  ReactDOM.render(<Button></Button>, div)
})

it ("renders button correctly", () => {
  const { getByTestId } = render(<Button label="click me please"></Button>)
  expect(getByTestId('button')).toHaveTextContent("click me please")
})

it ("matches snapshot", () => {
  const tree = renderer.create(<Button label="save"></Button>).toJSON()
  expect(tree).toMatchSnapshot()
})