import { generateImage } from 'rax-component-image';
 
generateImage(component, options);

options = {
  // Path to .css file
  stylesheet: undefined;
  // Change size of screenshot
  viewport: {
    width: 800,
    height: 600,
  },
  renderer: RaxServerRenderer.renderToString,
  image: {
    // Path to save image, likely unnecessary
    path: undefined,
  }
}

import { createElement } from 'rax';
import { generateImage } from 'rax-component-image'
 
const component = (
  <div>
    <h1>The Component</h1>
  </div>
);
 
describe('Test Component', () => {
  it('has no visual regressions', () => {
 
    return generateImage(component, {
      stylesheet: '../../style.css',
      viewport: {
        width: 1000,
        height: 860
      }
    }).then(image => {
      expect(image).toMatchImageSnapshot();
    });
 
  };
};