fix: care less about width of terminal

Author: SimenB

src/Reporter.tsx

@@ -81,9 +81,8 @@ const FailureMessage: React.FC<{
 
 const CompletedTests: React.FC<{
   completedTests: State['completedTests'];
-  width: number;
   globalConfig: Config.GlobalConfig;
-}> = ({ completedTests, width, globalConfig }) => {
+}> = ({ completedTests, globalConfig }) => {
   if (completedTests.length === 0) {
     return null;
   }
@@ -94,11 +93,7 @@ const CompletedTests: React.FC<{
       <Static>
         {completedTests.map(({ testResult, config }) => (
           <React.Fragment key={testResult.testFilePath + config.name}>
-            <ResultHeader
-              config={config}
-              testResult={testResult}
-              width={width}
-            />
+            <ResultHeader config={config} testResult={testResult} />
             <TestConsoleOutput
               console={testResult.console}
               verbose={globalConfig.verbose}
@@ -249,7 +244,6 @@ const Reporter: React.FC<Props> = ({
     <Box flexDirection="column">
       <CompletedTests
         completedTests={completedTests}
-        width={width}
         globalConfig={globalConfig}
       />
       <RunningTests tests={currentTests} width={width} />

src/shared.tsx

@@ -69,32 +69,21 @@ const TestStatus: React.FC<{ testResult: TestResult }> = ({ testResult }) => {
 export const ResultHeader: React.FC<{
   testResult: TestResult;
   config: Config.ProjectConfig;
-  width: number;
-}> = ({ testResult, config, width }) => (
+}> = ({ testResult, config }) => (
   <Box>
     <TestStatus testResult={testResult} />
     <DisplayName config={config} />
-    <FormattedPath
-      pad={8}
-      columns={width}
-      config={config}
-      testPath={testResult.testFilePath}
-    />
+    <FormatFullTestPath config={config} testPath={testResult.testFilePath} />
   </Box>
 );
 
-export const FormattedPath = ({
-  pad,
-  config,
-  testPath,
-  columns,
-}: {
+export const FormattedPath: React.FC<{
   pad: number;
   config: Config.ProjectConfig | Config.GlobalConfig;
   testPath: Config.Path;
-  columns: number;
-}) => {
-  const maxLength = columns - pad;
+  columns: number | undefined;
+}> = ({ pad, config, testPath, columns }) => {
+  const maxLength = (columns || Number.NaN) - pad;
   const relative = relativePath(config, testPath);
   const { basename } = relative;
   let { dirname } = relative;