fixed a bug where the command column wouldnt color on successful playback

Author: corevo

packages/selenium-ide/src/neo/components/TestRow/index.jsx

@@ -223,8 +223,8 @@ class TestRow extends React.Component {
       <td className={classNames("comment", {"cell__hidden": !this.props.command.comment})} colSpan="3">
         <span>{this.props.command.comment}</span>
       </td>
-      <td className={classNames({"cell__alternate": this.props.command.comment})}>
-        <span className="command"><CommandName>{this.props.command.command}</CommandName></span>
+      <td className={classNames("command", {"cell__alternate": this.props.command.comment})}>
+        <CommandName>{this.props.command.command}</CommandName>
       </td>
       <td className={classNames({"cell__alternate": this.props.command.comment})}><MultilineEllipsis lines={3}>{this.props.command.target}</MultilineEllipsis></td>
       <td className={classNames({"cell__alternate": this.props.command.comment})}><MultilineEllipsis lines={3}>{this.props.command.value}</MultilineEllipsis></td>

packages/selenium-ide/src/neo/components/TestRow/style.css

@@ -84,6 +84,10 @@
     float: right;
 }
 
+.test-table td.command {
+  color: #8B8B8B;
+}
+
 .test-table tbody tr.passed td {
   color: #008425;
 }
@@ -109,10 +113,6 @@
   word-break: keep-all;
 }
 
-.test-table td .command {
-  color: #8B8B8B;
-}
-
 .test-table .cell__hidden {
     display: none;
 }