Skip to content

Latest commit

 

History

History
12 lines (8 loc) · 892 Bytes

fixtures.md

File metadata and controls

12 lines (8 loc) · 892 Bytes
Raw

Creating fixtures

Creating fixtures is fun if you do it from the beginning, but it can be a drag if you already have dozens of components to mock. Here's a quick way to create a fixture from a running app using React Developer Tools inside Chrome:

  • Select DOM element of desired component in the Elements tab
  • Switch to React tab and select the corresponding component
  • Open Console and run copy($r.props) or copy($r.state) and you'll get a beautiful JSON in your clipboard (make sure you're in the right frame)
  • Paste the contents into a file and you've got yourself a fixture

Recording fixture

Disclaimer: This is just a quick way to start experimenting with React Cosmos. Most components expect one or more unserializable props (e.g. callbacks or children) which can't be copied as JSON.