Adding image option to empty_state

config/navigation.json

@@ -136,7 +136,8 @@
     "sidebar": "false",
     "slug": "none",
     "empty_state": {
-      "heading": "The page you were looking for could not be found"
+      "heading": "The page you were looking for could not be found",
+      "image": "<img src=\"/not-found-v2.png\" alt=\"Three airplanes searching with spotlights\" />"
     }
   }
 ]

lib/entities/empty_state.rb

@@ -31,4 +31,14 @@ def heading_tag
       "h3"
     end
   end
+
+  def image
+    if @empty_state&.key?("image")
+      @empty_state["image"]
+    elsif @parent_empty_state&.image
+      @parent_empty_state.image
+    else
+      "<img src=\"/not-found.png\" alt=\"Pile of books\" />"
+    end
+  end
 end

spec/lib/entities/empty_state_spec.rb

@@ -1,9 +1,10 @@
 describe Entities::Page::EmptyState do
   let(:default_heading) { "You have no items." }
   let(:default_message) { "See <a href=\"https://www.lib.umich.edu/find-borrow-request\">what you can borrow from the library</a>." }
+  let(:default_image) { "<img src=\"/not-found.png\" alt=\"Pile of books\" />" }
 
   before(:each) do
-    @empty_state = {"heading" => "This is a heading", "message" => "This is a message."}
+    @empty_state = {"heading" => "This is a heading", "message" => "This is a message.", "image" => "This is an image."}
     @parent_empty_state = nil
   end
   subject do
@@ -54,4 +55,22 @@
       expect(subject.heading_tag).to eq("h3")
     end
   end
+  context "#image" do
+    it "handles given empty state" do
+      expect(subject.image).to eq(@empty_state["image"])
+    end
+    it "handles nil" do
+      @empty_state = nil
+      expect(subject.image).to eq(default_image)
+    end
+    it "if nil, uses parent if available" do
+      @empty_state = nil
+      @parent_empty_state = described_class.new({"image" => "Parent Image"}, nil)
+      expect(subject.image).to eq(@parent_empty_state.image)
+    end
+    it "uses default if missing" do
+      @empty_state.delete("image")
+      expect(subject.image).to eq(default_image)
+    end
+  end
 end

views/empty_state.erb

@@ -11,6 +11,6 @@
   </div>
 
   <div class="empty-state-image">
-    <img src="/not-found.png" alt="Pile of books" />
+    <%=empty_state.image%>
   </div>
 </section>