Make component trace visible in test failure debug screenshots

elastic · Apr 26, 2024 · 21b4074 · 21b4074
1 parent b52629f
commit 21b4074
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/shared-ux/error_boundary/src/ui/message_components.tsx b/packages/shared-ux/error_boundary/src/ui/message_components.tsx
@@ -55,12 +55,12 @@ const CodePanel: React.FC<ErrorCalloutProps & { onClose: () => void }> = (props)
         </EuiPanel>
       </EuiFlyoutHeader>
       <EuiFlyoutBody>
-        <EuiCodeBlock data-test-subj="errorBoundaryFatalDetailsErrorString">
-          <p>{(error.stack ?? error.toString()) + '\n\n'}</p>
+        <EuiCodeBlock data-test-subj="errorBoundaryFatalDetailsErrorString" fontSize="s">
           <p>
             {errorName}
-            {errorTrace}
+            {errorTrace + '\n\n'}
           </p>
+          <p>{error.stack ?? error.toString()}</p>
         </EuiCodeBlock>
       </EuiFlyoutBody>
       <EuiFlyoutFooter>
@@ -89,7 +89,7 @@ const CodePanel: React.FC<ErrorCalloutProps & { onClose: () => void }> = (props)
 
 export const FatalPrompt: React.FC<ErrorCalloutProps> = (props) => {
   const { onClickRefresh } = props;
-  const [isFlyoutVisible, setIsFlyoutVisible] = useState(false);
+  const [isFlyoutVisible, setIsFlyoutVisible] = useState(true);
 
   return (
     <EuiEmptyPrompt

diff --git a/packages/shared-ux/error_boundary/src/ui/message_strings.ts b/packages/shared-ux/error_boundary/src/ui/message_strings.ts
@@ -30,7 +30,7 @@ export const errorMessageStrings = {
           }),
         componentName: (errorComponentName: string) =>
           i18n.translate('sharedUXPackages.error_boundary.fatal.prompt.details', {
-            defaultMessage: 'The above error occurred in {name}:',
+            defaultMessage: 'An error occurred in {name}:',
             values: { name: errorComponentName },
           }),
         closeButton: () =>