import { render } from '@react-email/render';
import { Hr } from './index.js';
describe('
component', () => {
it('passes styles and other props correctly', async () => {
const style = {
width: '50%',
borderColor: 'black',
};
const html = await render(
);
expect(html).toContain('width:50%');
expect(html).toContain('border-color:black');
expect(html).toContain('data-testid="hr-test"');
});
it('renders correctly', async () => {
const actualOutput = await render(
);
expect(actualOutput).toMatchInlineSnapshot(
`"
"`,
);
});
});