 
   fixture = id('fixture-microflo-toggleanimation').innerHTML
   suite = fbpspec.testsuite.loadYAML fixture
- 
-#  React.render (SuiteHeader {name: 'Suite of tests', component: 'ComponentName' }), document.body
-  
-  React.render (TestsListing {cases: suite.cases}), document.body
+   
+  React.render (TestsListing {suites: [suite]}), document.body
   console.log 'rendered'
 
 main()

  render: () ->
    (div {className: 'suite-header'}, [
      label {}, @props.name
      label {}, @props.component
    ])
SuiteHeader = React.createFactory SuiteHeaderClass


{ ul, li } = React.DOM
class TestsListingClass
  render: () ->
    createSuite = (suite) ->
      items = []
      items.push (SuiteHeader suite)
      for testcase in suite.cases
        items.push (li {}, [TestCaseListing testcase])
      return items
    (ul {className: 'horizontal-list'}, [
      @props.suites.map createSuite
    ])
TestsListing = React.createFactory TestsListingClass


# Main
