From 1f64e4bd635b602781c7bb6d022c909571420f26 Mon Sep 17 00:00:00 2001
From: Adam Gruber <adamg@aweber.com>
Date: Mon, 13 Nov 2017 10:18:52 -0500
Subject: [PATCH] Fix issue where full test titles cannot be seen when
 truncation occurs.
 https://github.com/adamgruber/mochawesome-report-generator/issues/65 - Add
 title attribute so full titles can be seen in title tooltip - Show full test
 titles when the test is expanded

---
 src/components/test/test.css | 6 ++++++
 src/components/test/test.jsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/test/test.css b/src/components/test/test.css
index 93175ef3..77aa9b7b 100644
--- a/src/components/test/test.css
+++ b/src/components/test/test.css
@@ -53,6 +53,12 @@
   @nest .hook & {
     color: var(--black54);
   }
+
+  @nest .expanded & {
+    line-height: 1.5;
+    padding-top: 3px;
+    white-space: normal;
+  }
 }
 
 .icon {
diff --git a/src/components/test/test.jsx b/src/components/test/test.jsx
index a9cbde85..3ff6d254 100644
--- a/src/components/test/test.jsx
+++ b/src/components/test/test.jsx
@@ -85,7 +85,7 @@ class Test extends React.Component {
         <header className={ cx('header') } onClick={ this.toggleExpandedState }>
           <div className={ cx('title-wrap') }>
             { testIcon() }
-            <h4 className={ cx('title') }>{ title }</h4>
+            <h4 className={ cx('title') } title={ title }>{ title }</h4>
           </div>
           <div className={ cx('info') }>
             { !!context && <Icon name='chat_bubble_outline' className={ cx('context-icon') } size={ 18 } /> }