Fixing Rating UI Bug

Moved the average ratings outside of the auth handlebars block so that guests could still see the average rating of each answer Added that new element to the acceptance test to prevent it from failing
dhirk · Dec 4, 2019 · c775acff37c66d088df0749ec39db63f86e98f7f · c775acf
1 parent 7e450a3
commit c775acff37c66d088df0749ec39db63f86e98f7f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/core/views/answer.hbs b/core/views/answer.hbs
@@ -79,9 +79,9 @@
                     </select>
                     <input type="submit" value="RATE">
                 </form>
-                <p>{{average_rate}}★</p>
                 {{/if_diff}}
             {{/if}}
+            <p class="avg-rate">Average: {{average_rate}}★</p>
         </article>
         {{/each}}
     </main>

diff --git a/features/G-answer.feature b/features/G-answer.feature
@@ -37,6 +37,8 @@ Feature: Create an answer
 			
 			Sam Smith 
 			{current date}
+
+			Average: 0★
 			"""
 
     Scenario: create another answer for question when logged in
@@ -56,6 +58,8 @@ Feature: Create an answer
 			
 			Emma Jones
 			{current date}
+
+			Average: 0★
 			"""
 
     Scenario: create an answer for question2 when loggin in
@@ -75,4 +79,6 @@ Feature: Create an answer
 			
 			Sam Smith 
 			{current date}
+
+			Average: 0★
 			"""
diff --git a/public/css/main.css b/public/css/main.css
@@ -375,6 +375,11 @@ main > article.answers > form.rate {
     float: left;
 }
 
+main > article.answers > p.avg-rate {
+    padding-left: 25px;
+    color: #001242;
+}
+
 /********************************************************************************************************************
 *
 * Register Page CSS
@@ -430,7 +435,7 @@ main > section > form.register-login > p > input[type=submit] {
 
 /********************************************************************************************************************
 *
-* Answers Page CSS
+* Create Question Page CSS
 *
 *********************************************************************************************************************/
 main > section > form.newquestion {