From 791219b152aa3750f5c2bc7fba66c556bf605236 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sun, 27 Oct 2019 07:56:09 +0000
Subject: [PATCH] fix(ci): test long string wrapping on storybook

---
 .../Grid/FatalError/__snapshots__/index.test.js.snap       | 2 +-
 ui/src/Components/Grid/FatalError/index.js                 | 2 +-
 ui/src/Components/Grid/index.stories.js                    | 7 +++++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
index 27f4bb56a..634c3c8c4 100644
--- a/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
@@ -20,7 +20,7 @@ exports[`<FatalError /> matches snapshot 1`] = `
         </path>
       </svg>
     </h1>
-    <p class=\\"lead text-white bg-secondary px-1 py-3 rounded\\">
+    <p class=\\"lead text-white bg-secondary px-1 py-3 rounded text-wrap text-break\\">
       foo bar
     </p>
   </div>
diff --git a/ui/src/Components/Grid/FatalError/index.js b/ui/src/Components/Grid/FatalError/index.js
index 22524f145..177cef44a 100644
--- a/ui/src/Components/Grid/FatalError/index.js
+++ b/ui/src/Components/Grid/FatalError/index.js
@@ -17,7 +17,7 @@ class FatalError extends Component {
           <h1 className="display-1 my-5 text-danger">
             <FontAwesomeIcon icon={faExclamationCircle} />
           </h1>
-          <p className="lead text-white bg-secondary px-1 py-3 rounded">
+          <p className="lead text-white bg-secondary px-1 py-3 rounded text-wrap text-break">
             {message}
           </p>
         </div>
diff --git a/ui/src/Components/Grid/index.stories.js b/ui/src/Components/Grid/index.stories.js
index fd25ba40c..e5d488106 100644
--- a/ui/src/Components/Grid/index.stories.js
+++ b/ui/src/Components/Grid/index.stories.js
@@ -73,7 +73,9 @@ const MockGroup = (groupName, alertCount, active, suppressed, unprocessed) => {
 
 storiesOf("Grid", module)
   .add("FatalError", () => {
-    return <FatalError message="Something failed" />;
+    return (
+      <FatalError message="Something failed with a veryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrapping" />
+    );
   })
   .add("UpgradeNeeded", () => {
     return <UpgradeNeeded newVersion="1.2.3" reloadAfter={100000000} />;
@@ -162,7 +164,8 @@ storiesOf("Grid", module)
         {
           name: "failed",
           uri: "https://am.example.com",
-          error: "Failed to connect to https://am.example.com"
+          error:
+            "Failed to connect to https://am.example.com veryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrappingveryLongStringToTestTextWrapping"
         }
       ],
       clusters: { am: ["am1", "am2"], failed: ["failed"] }