项目作者: penx

项目描述 :
Render a Glamorous React component as static html, useful for visual regression tests
高级语言: JavaScript
项目地址: git://github.com/penx/render-glamorous.git
创建时间: 2018-02-01T10:47:59Z
项目社区:https://github.com/penx/render-glamorous

开源协议:

下载


render-glamorous

Travis
npm package
Coveralls

Render a Glamorous React component as static html, useful for visual regression tests.

Originally built for use with component-image.

Usage

npm i -D render-glamorous

  1. import renderGlamorous from 'render-glamorous';
  2. import MyComponent from './components/my-component';
  3. const htmlString = renderGlamorous(MyComponent); // returns static html markup with inline CSS

With component-image

npm i -D render-glamorous component-image

  1. import { generateImage } from 'component-image';
  2. import renderGlamorous from 'render-glamorous';
  3. import MyComponent from './components/my-component';
  4. generateImage(MyComponent, {
  5. renderer: renderGlamorous
  6. }).then(image => {
  7. // do something
  8. });