import { render } from '@react-email/render';
import { Heading } from './index.js';
describe('render', () => {
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('background-color:red');
expect(html).toContain('data-testid="heading-test"');
});
it('renders the component', async () => {
const actualOutput = await render(
Lorem ipsum
,
);
expect(actualOutput).toMatchInlineSnapshot(
`"Lorem ipsum
"`,
);
});
});