Fix(Notification List Spec): Ensure matches in notifications

app/views/notifications/_list.html.erb

@@ -1,7 +1,7 @@
 <% unless @notifications.empty? %>
 
   <% @notifications.each do |notification| %>
-    <div class="card mb-3 <%= 'bg-primary-light' unless notification.read %>">
+    <div class="notification card mb-3 <%= 'bg-primary-light' unless notification.read %>">
       <div class="card-body">
         <%# Delete link %>
         <%= link_to fa_icon('trash lg'), notification_path(notification),

spec/views/notifications/_list.html.erb_spec.rb

@@ -37,7 +37,9 @@
     end
 
     it 'renders an error icon' do
-      expect(rendered).to have_css('i', class: 'fa fa-exclamation-triangle')
+      expect(rendered).to have_css('.notification') do
+        have_css('i', class: 'fa fa-exclamation-triangle')
+      end
     end
   end
 
@@ -47,7 +49,9 @@
     end
 
     it 'does not render an error icon' do
-      expect(rendered).not_to have_css('i', class: 'fa fa-exclamation-triangle')
+      expect(rendered).to have_css('.notification') do
+        not_have_css('i', class: 'fa fa-exclamation-triangle')
+      end
     end
   end
 
@@ -60,15 +64,19 @@
       let(:count) { 3 }
 
       it 'displays the count' do
-        expect(rendered).to have_text("#{count} times")
+        expect(rendered).to have_css('.notification') do
+          have_text("#{count} times")
+        end
       end
     end
 
     context 'when the notification occured once' do
       let(:count) { 1 }
 
       it 'does not display the count' do
-        expect(rendered).not_to have_text("#{count} times")
+        expect(rendered).to have_css('.notification') do
+          not_have_text("#{count} times")
+        end
       end
     end
   end