Support newlines in EuiErrorBoundary. (#238)

* Support newlines in EuiErrorBoundary.

CHANGELOG.md

@@ -1,6 +1,7 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
-- Updated `euiPopover` to propogate `panelPaddingSize` padding values to content only (title does inherit horizontal values) via CSS. [(#229)](https://github.com/elastic/eui/pull/229)
+- Updated `euiPopover` to propagate `panelPaddingSize` padding values to content only (title does inherit horizontal values) via CSS. [(#229)](https://github.com/elastic/eui/pull/229)
+- Updated `<EuiErrorBoundary>` to preserve newlines in error. [(#238)[https://github.com/elastic/eui/pull/238]]
 
 **Bug fixes**
 

src-docs/src/views/error_boundary/error_boundary.js

@@ -5,7 +5,7 @@ import {
 } from '../../../../src/components';
 
 const BadComponent = () => {
-  throw new Error('There was a terrible error!');
+  throw new Error('I\'m here to kick butt and chew bubblegum.\n\n\And I\'m all out of gum.');
 };
 
 export default () => (

src/components/error_boundary/__snapshots__/error_boundary.test.js.snap

@@ -15,9 +15,13 @@ exports[`EuiErrorBoundary is rendered with an error 1`] = `
       <h1>
         Error
       </h1>
-      <p>
-        Error: Terrible error!
-      </p>
+      <pre>
+        <p>
+          Error: I'm here to kick butt and chew bubblegum.
+
+And I'm all out of gum.
+        </p>
+      </pre>
     </div>
   </div>
 </div>

src/components/error_boundary/error_boundary.js

@@ -42,9 +42,11 @@ export class EuiErrorBoundary extends Component {
           <div className="euiErrorBoundary__text">
             <EuiText size="xs">
               <h1>Error</h1>
-              <p>
-                {this.state.error && this.state.error.toString()}
-              </p>
+              <pre>
+                <p>
+                  {this.state.error && this.state.error.toString()}
+                </p>
+              </pre>
             </EuiText>
           </div>
         </div>

src/components/error_boundary/error_boundary.test.js

@@ -12,7 +12,7 @@ const GoodComponent = () => (
 );
 
 const BadComponent = () => {
-  throw new Error('Terrible error!');
+  throw new Error('I\'m here to kick butt and chew bubblegum.\n\n\And I\'m all out of gum.');
 };
 
 describe('EuiErrorBoundary', () => {