import { render } from '@react-email/render'; import { Text } from './index.js'; describe(' component', () => { it('renders children correctly', async () => { const testMessage = 'Test message'; const html = await render({testMessage}); expect(html).toMatchInlineSnapshot( `"

Test message

"`, ); }); it("gives priority to the user's style", async () => { const style = { margin: '12px', marginTop: '0px' }; const html = await render(); expect(html).toMatchInlineSnapshot( `"

"`, ); }); it('passes style and other props correctly', async () => { const style = { fontSize: '16px' }; const html = await render(Test); expect(html).toMatchInlineSnapshot( `"

Test

"`, ); }); it('renders correctly', async () => { const actualOutput = await render(Lorem ipsum); expect(actualOutput).toMatchInlineSnapshot( `"

Lorem ipsum

"`, ); }); });