describe('Hello Moon', () => {
const helloMoon = 'Hello, Moon!'
it('says hello moon', () => {
expect(helloMoon).toEqual('Hello, Moon!')
})
})
// import React from 'react'
// import { cleanup, fireEvent } from '@testing-library/react'
// import { CircleButton } from '.'
// import { createTheme, render } from '../../theming'
// const theme = createTheme([CircleButton])
// afterEach(cleanup)
// test('renders without crashing', (): void => {
// render(, { theme })
// })
// test('changes text on click', (): void => {
// let buttonText = 'My Button'
// const onClick = (): string => (buttonText = 'New Text')
// const { getByText, rerender } = render({buttonText}, { theme })
// const button = getByText('My Button') as HTMLButtonElement
// fireEvent.click(getByText('My Button'))
// // NOTE: After changing a value it seems that we must re-render the component
// rerender({buttonText})
// expect(button).toHaveTextContent('New Text')
// })
// test('changes does not change on click', (): void => {
// const onClick = (): void => undefined
// const { getByText } = render(My Button, { theme })
// const button = getByText('My Button') as HTMLButtonElement
// expect(button).toHaveTextContent('My Button')
// fireEvent.click(button)
// expect(button).toHaveTextContent('My Button')
// })
// test('can have a icon', (): void => {
// const icon = Icon
// const { getByText } = render(, { theme })
// const iconButton = getByText('Icon') as HTMLButtonElement
// expect(iconButton).toHaveTextContent('Icon')
// })
// test('can have a title', (): void => {
// const { getByText } = render(, { theme })
// const button = getByText('My Title') as HTMLButtonElement
// expect(button).toHaveTextContent('My Title')
// })