import { expect } from '@wdio/globals'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import * as matchers from '@testing-library/jest-dom/matchers'
expect.extend(matchers)
import App from './components/ReactComponent.jsx'
describe('React Component Testing', () => {
it('Test theme button toggle', async () => {
render(<App />)
const buttonEl = screen.getByText(/Current theme/i)
await userEvent.click(buttonEl)
expect(buttonEl).toContainHTML('dark')
})
it('supports snapshot tests', async () => {
const { container } = render(<App />)
await expect(container).toMatchSnapshot()
await expect(container).toMatchInlineSnapshot(`
"<div>
<button>Current theme: light</button>
</div>"
`)
})
})
