       items = []
       items.push (SuiteHeader suite)
       for testcase in suite.cases
-        items.push (li {}, [TestCaseListing testcase])
+        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


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


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

