import { render } from '@react-email/render'; import { Column } 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 = { backgroundColor: 'red' }; const html = await render( Test , ); expect(html).toContain('style="background-color:red"'); expect(html).toContain('data-testid="column-test"'); }); it('renders correctly', async () => { const actualOutput = await render(Lorem ipsum); expect(actualOutput).toMatchInlineSnapshot( `"Lorem ipsum"`, ); }); });