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


class TestCaseListingClass
  render: () ->
    passChar = if @props.passed then '✔' else '✘'
    (div {className: "testcase-header"}, [
      (label {}, @props.name)
      (label {}, [@props.assertion, (span {}, passChar)] )
    ])
TestCaseListing = React.createFactory TestCaseListingClass


      items = []
      items.push (SuiteHeader suite)
      for testcase in suite.cases
        c = if testcase.passed then 'pass' else 'fail'
        c = 'skip' if testcase.skip
        c = 'pending' if not testcase.passed?
        items.push (li { className: c }, [TestCaseListing testcase])
      return items
    (ul {className: 'horizontal-list'}, [
      @props.suites.map createSuite
