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

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


      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
