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') // })