For reasons size="small" isn't inheriting down to the table cells so …

…setting it on the cells explicitly
craigatk · Jan 8, 2020 · f54b90c · f54b90c
1 parent 3890481
commit f54b90c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/ui/src/TestCase/list/TestCaseListRow.tsx b/ui/src/TestCase/list/TestCaseListRow.tsx
@@ -24,6 +24,7 @@ const TestCaseListRow = ({
       key="test-result-cell"
       role="rowcell"
       data-testid={`test-case-result-${testCase.testSuiteIdx}-${testCase.idx}`}
+      size="small"
     >
       <TestCaseResultIcon testCase={testCase} />
     </TableCell>
@@ -33,6 +34,7 @@ const TestCaseListRow = ({
       data-testid={`test-case-name-${testCase.testSuiteIdx}-${testCase.idx}`}
       key="test-name-cell"
       role="rowcell"
+      size="small"
     >
       <Link
         to={`/tests/${publicId}/suite/${testCase.testSuiteIdx}/case/${testCase.idx}/`}
@@ -47,6 +49,7 @@ const TestCaseListRow = ({
       key="test-duration-cell"
       role="rowcell"
       data-testid={`test-case-duration-${testCase.testSuiteIdx}-${testCase.idx}`}
+      size="small"
     >
       {testCase.duration}s
     </TableCell>

diff --git a/ui/src/TestSuite/TestSuiteList.tsx b/ui/src/TestSuite/TestSuiteList.tsx
@@ -28,19 +28,22 @@ const TestSuiteList = ({ publicId, testSuites }: TestSuiteListProps) => {
       <TableBody>
         {testSuites.map(testSuite => (
           <TableRow key={`test-stuite-${testSuite.idx}`}>
-            <TableCell data-testid={`test-suite-class-name-${testSuite.idx}`}>
+            <TableCell
+              data-testid={`test-suite-class-name-${testSuite.idx}`}
+              size="small"
+            >
               <Link to={`/tests/${publicId}/suite/${testSuite.idx}/`}>
                 {testSuite.packageName != null
                   ? `${testSuite.packageName}.`
                   : null}
                 {testSuite.className}
               </Link>
             </TableCell>
-            <TableCell>{testSuite.testCount}</TableCell>
-            <TableCell>{testSuite.passingCount}</TableCell>
-            <TableCell>{testSuite.failureCount}</TableCell>
-            <TableCell>{testSuite.skippedCount}</TableCell>
-            <TableCell>{testSuite.duration}</TableCell>
+            <TableCell size="small">{testSuite.testCount}</TableCell>
+            <TableCell size="small">{testSuite.passingCount}</TableCell>
+            <TableCell size="small">{testSuite.failureCount}</TableCell>
+            <TableCell size="small">{testSuite.skippedCount}</TableCell>
+            <TableCell size="small">{testSuite.duration}</TableCell>
           </TableRow>
         ))}
       </TableBody>