/* eslint-disable no-unused-vars */
import * as React from 'react'
import {render, screen} from '@testing-library/react'
import {vi} from 'vitest'
import Email from '..'

vi.mock(`mjml-react`, () => ({
  renderToMjml: vi.fn((input) => input),
}))

vi.mock(`mjml-browser`, () => ({
  default: vi.fn((html) => ({html: `<html>${html}</html>`})),
}))

describe(`Email`, () => {
  it(`renders correctly`, () => {
    render(
      <Email>
        <div>test</div>
      </Email>
    )
  })
  // TODO: get children to pass through, at least
  // expect(screen.getByText(`test`)).toBeInTheDocument()
})