import { render } from '@react-email/render'; import { Container } from './index.js'; describe(' component', () => { it('renders children correctly', async () => { const testMessage = 'Test message'; const html = await render({testMessage}); expect(html).toContain(testMessage); }); it('passes style and other props correctly', async () => { const style = { maxWidth: 300, backgroundColor: 'red' }; const html = await render( Test , ); expect(html).toContain('style="max-width:300px;background-color:red"'); expect(html).toContain('data-testid="container-test"'); }); it('renders correctly', async () => { const container = await render( , ); expect(container).toMatchInlineSnapshot( `"

"`, ); }); });